Identity system
Green Room & Lamplight
Every surface is one of three things — white paper to read on, a green room to sit in, or a lamp to walk toward. The mark is the owner’s Psi-and-leaves logo — psychology, growth and a gold point of hope — and the breath motif of settling rings carries the first thing Swathi teaches: in, hold, let go.
The mark
Psi, leaves, and a point of hope.
The owner's logo, used exactly as supplied: the Psi of psychology in muted plum, two leaves — plum and deep pine — for growth, a soft-ochre point of hope, all held in a hand-drawn ring. Never redrawn, recoloured or approximated.
On light · primary
On night · sand disc
Breath motif · dividers & tools
96px
64px
48px
32px
16–24pxLockups
Mark, wordmark, title — one voice.
Lora 600 for the name, Quicksand (the kicker voice) for the title line at 0.16em tracking. The name and title are optically centred on the mark. The site ships this exact construction at 56px in the header and 48px in the footer.
Swathi TP Clinical Psychologist Heal. Grow. Thrive.Swathi TP Clinical Psychologist Heal. Grow. Thrive.Swathi TP Clinical Psychologist Heal. Grow. Thrive.Misuse — never
- Tint a light surface any green other than moss; never gradient green into yellow.
- Set marigold as text or a solid fill on white.
- Recolour, rotate, stretch or gradient-fill the mark.
- Place the mark over photography or busy backgrounds.
- Pair the mark with extra clip-art — lotus, brain or hand imagery.
- Add a second moving element to any screen.
The signature
The settling breath
One lamp, one pool of light, and the only thing that moves on its own: three rings that breathe in for four seconds, hold for four, and let go for four. The halo inside brightens as the lungs fill. Everything else on the page is still — one living thing per viewport is the brand's first motion law.
Palette
Green is the room, yellow is the lamp, white is the paper.
Green holds the page as text, panels, hairlines and soft moss bands; one warm yellow marks only the things that move or ask something of you; white carries the words. Marigold is never text on light; fern never carries text. Every pairing below is computed against WCAG 2.x.
#2e4b3b
ink
Text, primary buttons — bottle green
#3e5c4c
ink-soft
Long-form body, leads
#52705f
ink-muted
Meta, captions
#2e4b3b
night
The green room — heroes, footer, CtaBand
#3a5a49
night-soft
Crisis strip; button hover
#22392d
night-deep
Gradient floor; pressed state
#f1ebdd
moss
Deeper-ivory band ground (soothing)
#5f826f
fern
Patterns, shapes, hairlines — never text
#f6f1e7
sand
Warm Ivory page ground (kit option 1)
#ffffff
ivory
Cards, raised surfaces
#f3c55b
marigold
The lamp — buttons and kickers on night only
#f8da92
lamp
Glow core; button hover
#fae9c3
butter
Highlight marks, badges
#6b4c7d
haldi
Accent text on light
#e2dac8
line
Warm-ivory hairlines
#eef1e747
line-dark
Mint hairlines on night (40%)
| Pairing | Ratio |
|---|---|
| ink on ivory / sand / moss | 10.29 / 9.68 / 8.45 |
| ink-soft on ivory / moss | 8.04 / 6.60 |
| ink-muted on ivory / moss | 6.11 / 5.01 |
| haldi on ivory / sand / moss / butter | 6.40 / 6.02 / 5.25 / 5.47 |
| ivory on night / night-soft / night-deep | 8.80 / 7.92 / 12.58 |
| sand at 85% / 70% on night | 6.47 / 4.97 |
| marigold on night (kickers, buttons) | 5.24 |
| night text on marigold / lamp | 5.24 / 6.23 |
| marigold on ivory — never used as text | 1.68 |
Type
One airy sans, a rounded label voice.
Montserrat carries everything — light 300 headings, 400 body at 17px — matched to the owner’s reference site; Quicksand 500/600 is the label voice for kickers, buttons and the ledger margin; Lora appears only inside the wordmark. Malayalam falls back to the system Malayalam face inside lang=ml islands.
| Tier | Face | Size · leading | Use |
|---|---|---|---|
| Display | Montserrat 300 | clamp(2.5rem, 5.5vw, 4.25rem) · 1.08 | Every H1 |
| Title | Montserrat 300 | clamp(2rem, 4vw, 3rem) · 1.12 | Large sub-heads |
| Section | Montserrat 300 | clamp(1.75rem, 3vw, 2.25rem) · 1.2 | H2s, CtaBand |
| Card | Montserrat 300 | 1.25rem · 1.4 | H3s |
| Lead | Montserrat 400 · ink-soft | 1.125rem · 1.56 | Page ledes |
| Body | Montserrat 400 · ink | 17px · 1.65 | UI copy |
| Article | Montserrat 400 · ink-soft | 18px · 1.65 · 65ch | Blog body |
| Meta | Montserrat 400 · ink-muted | 0.95rem · 1.65 | Captions, dates |
| Kicker | Quicksand 600 · caps | 0.72rem · 0.16em tracking | Labels, numbers |
Motion · voice · imagery
Steady before beautiful.
The person arriving may be at their lowest; the design's job is to be steady first.
Motion
- Arrivals settle — cubic-bezier(0.2, 0.7, 0.2, 1); cycles breathe; departures exit fast.
- Reveals: 600ms, 16px rise, 70ms stagger capped at 350ms; below the fold only.
- Pages crossfade with an 8px settle; header and footer stay put.
- Text being read, forms, crisis information: always still.
- Reduced motion turns everything off; the mark arrives pre-drawn.
Voice
- Second person, warm, plain. Short sentences.
- Validate before explaining; never sell, never promise outcomes.
- No jargon unexplained, no emoji, no toxic positivity.
- Culturally aware — family, work, the courage it takes in India.
Imagery
- Real, natural-light portraits of Swathi — never stock people.
- Placeholders are brand-toned blocks, never fake faces.
- No meditation stock, no lotus, no hands cupping light.
- Event photos only with written consent; never support-group members.
Downloads
The one true master.
The mark ships as the owner's artwork, exactly as supplied — one transparent PNG master. Icons and the share-card template are generated from it and the tokens.
Mark — full colour, transparent
