Interne referentie · Summer O'Neill

Stijlgids & Werkwijze

Voor het snel en consistent bouwen van alle SOM werkboeken

SchrijfstijlKleuren & TypografieOpbouw per boekComponentenModules overzichtWorkflow nieuw boek

Schrijfstijl

✅ WEL doen

  • Korte zinnen, max ~25 woorden
  • Directe aanspraak: "jij", "je"
  • Emotionele haak eerst, dan uitleg
  • Concrete getallen: "84%", "vier maanden"
  • Vanuit praktijkervaring: "Ik zie keer op keer..."
  • Komma's en dubbele punten i.p.v. gedachtestreepjes

❌ NOOIT doen

  • Em-dashes (—) in lopende tekst
  • "Echter", "desalniettemin", "voorts"
  • Passieve zinnen ("Er wordt gezegd dat...")
  • AI-achtige opsommingen ("Ten eerste...")
  • Zinnen langer dan 25 woorden
  • Klinisch of afstandelijk taalgebruik

Em-dash vervangingsregels:

Komma"niet omdat X — maar omdat Y""niet omdat X, maar omdat Y"
Dubbele punt"één reden — cortisol""één reden: cortisol"
Nieuwe zin"Ze trainen hard — en zien niets""Ze trainen hard. En zien niets."
Voegwoord"kennis — maar ook begrip""kennis, maar ook begrip"

Kleuren & Typografie

Kleurenpalet

#C4856ATerracotta — accenten, bullets
#1a2744Navy — koppen, donkere blokken
#C9A96EGold — decoratief, highlights
#FAF7F2Cream — pagina-achtergrond
#8a7560Warm Gray — subtekst
#8B9E7ASage — rust/ademhaling secties
#E8E0D5Light Border — lijnen

Typografie

Playfair Display

Koppen H1/H2/H3 · weight 400-500 · color Navy

Inter Regular — body tekst

Body · size 16-17px · line-height 1.75-1.8

INTER CAPS — labels & tags

Labels · uppercase · letter-spacing 0.2em · size 11px

Opbouw per boek

1

Cover

Links: titel, quote, pills, naam. Rechts: portretfoto Summer. Altijd 'MODULE M[x] · THE SUMMER O'NEILL METHOD'.

2

Inhoudsopgave

Klikbare lijst in PageWrapper. Hoofdstuknummer (terracotta pill) + titel + paginanummer (gold).

3

Per hoofdstuk

ChapterHeader → openingsparagraaf (emotionele haak) → Pullquote → secties met SectionTitle → visuele elementen → foto → SummaryBox → ReflectionBox.

4

Navigatie

Sticky navy topnav met H1-H10 pills. Mobiele pills onder nav. Vorig/volgend knoppen. URL hash sync (#h1, #h2...).

Componenten (hergebruik uit EbookPreview)

ComponentGebruik
<PageWrapper pageNum='x'>Omhult elke pagina, voegt footer toe met paginanummer
<ChapterHeader num={x} title='...'>Hoofdstuk opening: cirkel, lijn, titel, goudstreep
<Pullquote>Kerncitaat in Playfair italic, links goud-border
<SectionTitle>H3 tussenkoppen in Playfair, navy
<BulletList items={[...]} color={...}>Bulletlijst met ✦ symbool, kleur instelbaar
<InfoBox title='...' color='...'>Uitlegblok, kleur instelbaar (crème, blauw, etc.)
<CautionBox>Waarschuwingsblok met rode rand
<SummaryBox title='...' items={[...]}>Samenvatting blauwgrijs blok onderaan hoofdstuk
<ReflectionBox chapterNum question subQuestion>Schrijfopdracht: groen blok met textarea's
<StatGrid stats={[{number, label}]}>2-koloms statistieken grid
<WeekPlan weeks={[{week, focus, description}]}>Weekplan met terracotta badge en beschrijving
<PlaceholderBox label='...'>Placeholder voor nog in te vullen content

Modules overzicht (SOM™)

M1

Hormonen & Overgang

/ebook-preview

✅ Klaar
M2

Slaap & Herstel

/ebook-m2

🔲 Open
M3

Energie & Vermoeidheid

/ebook-m3

🔲 Open
M4

Stemming & Geest

/ebook-m4

🔲 Open
M5

Voeding & Metabolisme

/ebook-m5

🔲 Open
M6

Beweging & Kracht

/ebook-m6

🔲 Open
M7

Libido & Intimiteit

/ebook-m7

🔲 Open
M8

Longevity & Vitaal Ouder

/ebook-m8

🔲 Open

Workflow nieuw boek

1

Content aanleveren

Platte tekst of Word-document per hoofdstuk. Geen opmaak nodig, gewoon de inhoud.

2

Vertel me de details

Module nummer (M2, M3...), titel van het boek, aantal hoofdstukken, eventuele afwijkende stijl.

3

Ik zeg: 'volg de stijlgids op /stijlgids'

Dan weet ik precies de kleuren, toon, componenten en regels zonder dat je alles opnieuw hoeft uit te leggen.

4

Ik bouw het boek

Opmaak toepassen, componenten koppelen, foto's genereren, navigatie bouwen. Geschatte tijd: 30-60 min per boek.

5

Jij checkt

Toon, inhoud, afbeeldingen. Kleine aanpassingen doorvoeren.

6

Route toevoegen in App.jsx

bijv. <Route path='/ebook-m2' element={<EbookM2 />} />

Sleutelzin voor nieuwe sessies

"Lees de stijlgids op /stijlgids en volg die exact."

Zeg dit aan het begin van elke nieuwe chat, dan begrijp ik alles direct.