Touch of Greene — Styleguide

A solo Dutch coaching practice led by Tanya Greene, blending life coaching, relationship coaching, and tantric/spiritual self-development in a calm, intimate, trust-first atmosphere.

Brand DNA

• Atmosphere: warm, sensitive, natural, open, connective, gently spiritual
• Audience: people looking for 1:1 coaching or relationship coaching who likely need emotional safety and a calm first impression before reaching out
• Inspirations: the current touch-of-greene.nl site, especially Tanya's first-person bio, the forest portrait, and the muted green JouwWeb theme; screenshots/assets live in brand/inspiration/
• Differentiators: deeply personal voice, explicit emphasis on safety and feeling at ease, relational/spiritual framing rather than generic performance coaching
• Anti-references: not glossy luxury tantra branding, not dark sensual black-and-gold, not generic startup coaching, not feet-on-rocks wellness stock imagery

Voice

• Tone: first-person when Tanya is speaking, warm, personal, unforced, intimate without hype
• Do say: "warm", "open", "oprechte verbinding", "veilig", "op je gemak", "zelfontwikkeling"
• Don't say: miracle language, trauma-healing claims, pseudo-clinical certainty, corporate coaching jargon, invented credentials
• Reading level: plain and human; short paragraphs; emotionally clear rather than technical

Source voice cues

Short verbatim cues from the live site that should anchor future copy tone:

• "Voor nu kan ik mezelf beschrijven als warm, sensitief, verbindend, open en speels."
• "Met mijn sensitiviteit kan ik goed aanvoelen wat je nodig hebt om je veilig en op je gemak te voelen..."
• "...waardoor ik vervolgens makkelijk een mooie en oprechte verbinding met je kan maken."
• "Een vertrouwde ruimte voor de tantra community."

Color

| Token | Hex | Use |

|---|---|---|

| primary | #29876b | Main brand green; key headings, primary CTA, links |

| primary-ink | #ffffff | Text/icons on primary surfaces |

| accent | #82b18d | Soft highlight green; cards, subtle accents |

| bg | #f0f6f1 | Overall page wash / soft background |

| surface | #ffffff | Cards, content surfaces |

| ink | #1a2413 | Primary body text |

| muted | #6f6f6f | Secondary text |

| line | #b2d396 | Dividers, quiet borders |

| success | #3b5f44 | Deeper green support tone |

| warn | #6f9950 | Hover / secondary emphasis |

| danger | #9e2723 | Error state only |

Contrast priorities:

• ink on bg
• primary-ink on primary
• link/button states must stay AA-compliant

Typography

• Headings: Cantarell, regular weight, clean sans-serif with a soft human feel rather than spa-editorial drama
• Body: Open Sans, readable and direct, matching the current site's functional simplicity
• Mono/quote: system mono only if needed for metadata; not part of the visible brand language
• Webfont source: current source site CSS exposes Cantarell + Open Sans

Scale

| Token | Size | Line | Use |

|---|---|---|---|

| display | 3.5rem | 1.1 | hero title / strongest statement |

| h1 | 2.5rem | 1.15 | page titles |

| h2 | 2rem | 1.2 | section headings |

| h3 | 1.5rem | 1.3 | service or subsection headings |

| body | 1.0625rem | 1.6 | paragraphs |

| small | 0.9375rem | 1.5 | captions, metadata |

Spacing & layout

• Base unit: 8px
• Scale: 4, 8, 12, 16, 24, 32, 48, 64, 96
• Container: 1120px max width, 24px gutter
• Rhythm: airy but not minimalist-empty; sections should breathe, with enough white space to feel calm and safe without becoming abstract or premium-luxury
• Layout DNA: simple brochure layout, centered or gently left-aligned content blocks, no dense dashboards, no aggressive asymmetry

Shape & surface

• Radii: sm 4px, md 5px, lg 12px
• Borders: light green or neutral dividers only where they help structure; avoid heavy card outlines everywhere
• Shadows: minimal; one soft shadow tier is enough
• Imagery treatment: authentic, full-color, nature-adjacent portraiture; soft outdoor light; avoid sterile studio stock and avoid overtly sexualized tantra imagery

Motion

• Default: subtle, 120–200ms ease-out
• Use motion for: hover/focus feedback, small reveals, accordion expansion
• Don't use motion for: dramatic parallax, slow fades on every section, cinematic transitions

Components

Button (primary)

• bg: primary
• ink: primary-ink
• radius: md
• padding: 12px 20px
• weight: 600
• hover: shift toward warn or slightly darker primary
• focus: clear visible outline with accessible contrast

Button (secondary)

• bg: transparent or surface
• ink: primary
• border: 1px solid line or primary depending emphasis level

Card

• bg: surface
• border: 1px solid line when needed
• radius: lg
• padding: 24px
• shadow: sm or none

Hero

• Use a real image of Tanya or similarly authentic imagery from her world.
• Keep the headline simple and trust-building, not salesy.
• Hero should feel welcoming and personal rather than conversion-optimized in a startup sense.

Nav

• Lightweight, quiet, with minimal items.
• Primary CTA can appear if a real contact/book action exists, but it should not overpower the page.

Section

• Use generous vertical spacing: around 48px on mobile, 64–96px on desktop for main sections.
• Alternate plain background and subtle tinted background sparingly.

Accessibility

• Body text minimum 16px; this brand is comfortable at ~17px.
• Focus state must remain visible.
• Avoid pale green on white for important text.
• Alt text should describe real people and scenes factually.
• Keep paragraphs short and readable.

Anti-patterns specific to this site

• No faux-mystical purple/gold tantra aesthetic.
• No generic clinical coaching website look.
• No generic wellness clichés like stacked stones, lotus symbols, or feet-reflexology stock.
• No making the brand look more credentialed or formal than the source supports.
• No overbuilding the visual system beyond the modest, personal nature of the current business presence.

Phase-1 unresolved decisions

• Public site language: remain Dutch, switch to English, or become bilingual?
• Should the final site foreground "tantra coach" equally, or lead mainly with life/relationship coaching?
• How prominently should TantraTribe appear in the final navigation and homepage?
• Once real contact/booking details exist, decide whether the main CTA should be "Contact", "Plan een kennismaking", or a booking-platform action.