Brand Resources

Guidelines, assets, and resources for partners, press, educators, and anyone sharing the YouStillMatter mission.

Logo

Our mark

The YouStillMatter logo pairs a circular mark with our wordmark. The circle represents wholeness and safety. Always maintain clear space around the logo equal to the height of the circle mark.

Y
YouStillMatter
Primary — Light
Y
YouStillMatter
Primary — Dark
Y
YouStillMatter
Primary — Warm
Color Palette

Gentle Sanctuary

Our palette draws from nature — sage greens for calm and growth, warm terracotta for hope and warmth, and soft creams that feel like a safe, quiet room.

Sage 600 — Primary
#3D5A40
Sage 700 — Deep
#2F4731
Sage 400 — Light
#7A9E7A
Terracotta 500 — Accent
#C46D42
Terracotta 300 — Warm
#E8A888
Cream 100 — Background
#FDF9F3
Warm White — Base
#FAF8F5
Sage 900 — Text
#1A2A1C
Typography

Warm, not clinical

We pair a humanist serif for headlines with a clean geometric sans for body text. The result feels personal and approachable — like a friend, not a doctor's office.

Display — DM Serif Display
You still matter.
Let's take care of you.
Weight: Regular 400 Use: Headlines, titles, hero text
Body — Plus Jakarta Sans
A free mental health companion with mood tracking, journaling, evidence-based tools, and 24/7 crisis support. No judgment, no cost — just you, supported. Every feature is designed to meet you where you are.
Weights: 300–700 Use: Body text, UI, buttons, labels
Voice & Tone

How we speak

Our voice is the thread connecting everything. It should always feel like a warm hand reaching out — never clinical, never patronizing, always genuine.

Gentle

We speak softly and with care. Our language should feel like a safe exhale — calming, grounding, never harsh or demanding.

Honest

We don't sugarcoat, but we don't catastrophize either. We acknowledge pain while holding space for hope.

Inclusive

Everyone's experience is valid. We use language that welcomes all backgrounds, identities, and experiences without assumption.

Empowering

We remind people of their strength, not their weakness. Language that says "you can" rather than "you should."

Do say
  • "You're not alone in this."
  • "It's okay to not be okay."
  • "Take it at your own pace."
  • "This is a tool to support you."
  • "Your feelings are valid."
Don't say
  • "Just think positive!"
  • "You should be doing this daily."
  • "This will fix your problems."
  • "Other people have it worse."
  • "It's all in your head."
Design Tokens

Spacing & radius

Generous whitespace and soft corners reinforce the feeling of safety. Our UI should breathe — never feel cramped or sharp.

Extra Small
4px — 0.25rem
Small
8px — 0.5rem
Medium
16px — 1rem
Large
24px — 1.5rem
Extra Large
32px — 2rem
Section Padding
128px — 8rem
Small Radius
8px — Cards, inputs
Large Radius
16px — Sections, modals
XL Radius
24px — Feature cards
Full Radius
Pill — Buttons, badges
Assets

Download brand assets

Need logos, screenshots, or print materials? Download our brand kit for press, partnerships, and community outreach.

Brand Kit

Includes logos (SVG, PNG), color palette, typography specs, and usage guidelines.

Download Brand Kit