Skip to content

Introductie

Toekomstvisie voor het Beam platform. Alle documenten hier beschrijven geplande features, niet de huidige implementatiestatus.


#DocumentOnderwerp
README.md (dit bestand)Index, glossary, dependency map, open vragen
01Brand IdentityOnboarding wizard + styling builder
02AI Content GeneratieAI pagina-generatie + per-block hergeneratie
03Expansion Pack SysteemAddon architectuur, specialisaties, synergieën
04Experience & CommunityProgressie, achievements, community, directory
05Interaction DesignMicro-animaties, geluiden, Nintendo Juice
06Guild TaxonomyGilden, classes, archetypes, vertical pack catalogus
07Design TokensW3C token spec, cascade, guardrails, styling builder UI
08Brand JSON & DatabaseBrand JSON contract + alle database schemas

Welk document bouwt op welk ander?

06-guild-taxonomy ← basis voor bijna alles
01-brand-identity ← onboarding levert brand JSON + gilde selectie
07-design-tokens ← brand JSON → token schema (styling builder)
03-expansion-system ← addons lezen tokens, Style Packs zijn token sets
02-ai-content ← AI leest brand JSON + tokens + blocks uit addon systeem
04-experience-community ← progressie bouwt op addon activaties + journey milestones
05-interaction-design ← animaties + geluiden per gilde, gekoppeld aan alle bovenstaande
08-brand-json-spec ← consolidatie: contract + alle DB schemas uit alle docs

Leesadvies: Begin met 06-guild-taxonomy (wie zijn de gebruikers), dan 01-brand-identity (wat leveren ze op bij sign-up), dan 07-design-tokens (hoe vertaalt dat naar visuele identiteit).


TermDefinitie
GildeIndustrie/identiteitsgroep (6 total: Healers, Creators, Merchants, Scholars, Hosts, Builders)
ClassBusinessmodel (5 total: Storyteller, Shopkeeper, Guide, Entertainer, Curator)
ArchetypeCombinatie van Gilde × Class — wie je bent in het Beam ecosysteem
Vertical PackComplete site-ervaring voor een specifiek archetype (bijv. “Yoga Studio”)
Functional AddonLosse capability-uitbreiding (bijv. Blog, Shop, Bookings)
Style PackVisuele identiteitset per gilde (“Healer Calm”, “Creator Bold”, etc.)
KitKleine block-pack, 1-3 blocks (bijv. Pricing Kit)
Beam CodexVisuele catalogus van alle blocks — geïnspireerd door de Pokédex
Brand JSONGestructureerde output van de onboarding-wizard
Token SchemaW3C Design Token spec — de geresolveerde visuele identiteit
Synergie blockBlock dat alleen verschijnt als 2+ addons gecombineerd zijn
BlueprintComplete site-setup die een vertical pack uitrolt bij onboarding
MilestoneVoortgangsstap per vertical pack (bijv. “Eerste les toegevoegd”)
Journey5-hoofdstuk persoonlijk verhaal van de Beam-gebruiker
AchievementMoment van erkenning voor een bijzondere actie of mijlpaal
Nintendo JuiceMeervoudige feedback-signalen per actie (visueel + audio)
GuardrailTechnische beperking die slechte keuzes onmogelijk maakt
LQIPLow Quality Image Placeholder — blur-up thumbnail bij laden

Alle schemas in detail: zie 08-brand-json-spec.md. Samenvatting per domein:

  • brand_profiles — brand JSON + design tokens per site (zie §01, §07, §08)
  • token_versions — snapshot history van token schemas
  • style_packs — gilde style packs als opgeslagen token sets
  • addons — geactiveerde addons per site
  • vertical_packs — geactiveerde vertical packs
  • addon_collections — content collections (posts, products, etc.)
  • addon_items — items in een collection (met Block[] body)
  • addon_archive_pages — custom archief-page overrides
  • addon_taxonomies — categorieën en tags
  • addon_item_taxonomies — item ↔ taxonomie koppeling
  • content_references — cross-content relaties (synergieën)
  • site_milestones — vertical pack voortgang per site
  • ai_generations — log van alle AI page-generaties
  • page_content_summaries — gecachede samenvattingen voor AI context
  • media_descriptions — AI-beschrijvingen van media items
  • user_achievements — behaalde achievements per gebruiker
  • site_journey — Journey hoofdstuk + milestones per site
  • beam_events — event bus voor achievement triggers
  • beam_profiles — publieke gebruikersprofielen
  • connections — verbindingen tussen gebruikers
  • messages — directe berichten (alleen tussen verbonden gebruikers)
  • directory_listings — opt-in vermeldingen in de Beam Directory
  • user_preferences — audio, cursor en animatie-instellingen

Huidige editor, pages, media library, Hono API, Supabase, R2.

  1. brand_profiles tabel + brand JSON ontvangen (onboarding app)
  2. Token schema opslaan + token API endpoint
  3. OKLCH shade generator (culori)
  4. Guardrail engine (contrast, harmonie, font-paar)
  5. 6 gilde Style Packs als seed data
  1. Styling Builder UI (split layout)
  2. Live canvas met inline element selectie
  3. WCAG contrast checks real-time
  4. Seasonal overrides
  1. Block registry met content field descriptors
  2. Prompt verrijkings-pipeline (brand + pagina-samenvattingen + media)
  3. Quick generatie (één tekstveld → pagina)
  4. Per-block hergeneratie
  1. Addon manifest types + registry
  2. Database migratie addon tabellen
  3. Dynamische block picker met addon secties
  4. Blog + Portfolio addons (eerste functional addons)
  1. Sound engine + basis geluidseffecten
  2. Micro-animaties op block operaties
  3. Achievement engine + Journey systeem
  1. Beam profielen + connecties
  2. Gilde Hubs
  3. Beam Directory (opt-in)
  1. Shop, Bookings, Forms, Popups, Reviews
  2. Synergieën + secret blocks
  3. Vertical Packs + Blueprints
  1. Beam Codex interface
  2. Booster pack unboxing ervaring
  3. Seizoensgebonden set releases

#VraagBeslissing nodig voor
OQ-1Wordt de onboarding app op start.beambuilder.com een aparte Next.js app of een Astro/Vite route binnen het bestaande platform?Fase 1
OQ-2Supabase of aparte database voor onboarding app?Fase 1
OQ-3Welk AI model voor content generatie: Claude (voorkeur) of configureerbaar per site?Fase 3
OQ-4Zijn Style Packs hardcoded seed data of beheerbaar via een admin-interface?Fase 4
OQ-5Hoe werkt de addon public site rendering in Astro voor custom routes? Middleware of file-based routing override?Fase 4
OQ-6Stockfoto’s in Asset Packs: Unsplash/Pexels API bij activatie, of vooraf gecachete R2 assets?Fase 7
OQ-7Worden achievements gedreven door de bestaande beam_events tabel, of via een aparte event bus (Cloudflare Queue)?Fase 5
OQ-8Directory screenshot generatie: Puppeteer op Worker (memory-intensief) of Cloudflare Browser Rendering API?Fase 6
OQ-9Pricing model voor addons: per addon, per vertical pack, of flat-rate per tier?Vóór launch
OQ-10GDPR: welke data valt onder “gebruikersdata” die exporteerbaar/verwijderbaar moet zijn?Vóór launch