Brand Reference

Gentle Space — Typography & UI Guide

A quick reference for anyone designing or building for Gentle Space. Two typefaces, four colors, generous space.

Typefaces

Headings & Accents

Lora

Regular & italic, editorial serif

Used for the logo, all headings, pull-quotes, and small uppercase labels. Quotes and accent lines are always italic — never bold.

Regular 400 Medium 500 Semibold 600 Italic 400

Body & UI

Inter

Clean, quiet sans-serif

Used for paragraph copy, navigation, buttons, and form fields. Line height is generous (~1.6×) to keep long passages easy to read.

Light 300 Regular 400 Medium 500 Semibold 600

Type Scale

Hero title — 48–60px Gentle Space
Section heading — 30–36px Hi, I'm Ally.
Card title — 24px Book a Session
Italic accent — 18–20px A space to be human, together.
Body — 16px Gentle Space is a quiet place for reflection, emotional support, and thoughtful exploration.
Label — 12px, wide tracking Journaling Prompts
Nav link — 14px light About

Colors

Cream

#F2F2EE

Page background

Warm off-white

#ECEBE7

Alternating sections

Deep sage / forest

#3F4A3F

Text, buttons, dark sections

Sage accent

#7F917E

Quote borders, checkmarks

No bright accent colors — hierarchy comes from opacity, not new hues. Primary text runs from 40% (de-emphasized icons) up to 100%; on dark backgrounds cream text runs 50–100%. Buttons are solid deep sage with white text; hover just drops to 90% opacity.

UI Elements

Primary Button Text Link
"Quote / pull-out card — Lora italic on a bordered left edge."