A Piece of My Sanity — Brand Guide

Brand Essence

Finding calm in the
beautiful puzzle of life

A Piece of My Sanity is a brand rooted in mindfulness, self-care, and the quiet joy of slowing down. Like a puzzle coming together, it celebrates small moments of peace — the golden hour, still water, a solitary tree — that restore us when life feels fragmented.

Peaceful

Core Value

Authentic

Core Value

Grounding

Core Value

01 — Visual Identity

Color Palette

Our palette is drawn from the natural scene at the heart of our logo — the warm glow of sunset, the cool clarity of mountain water, and the depth of an evening sky. Each color carries an emotional purpose.

Primary

Sunset Gold

Warmth · Energy · Optimism

#E8A44A · rgb(232,164,74)

Deep Teal

Trust · Calm · Depth

#2A7A8C · rgb(42,122,140)

Night Navy

Grounding · Text · Depth

#1E2D3D · rgb(30,45,61)

Secondary & Neutrals

Warm Amber

Accent · Highlights

#C97B2A

Light Teal

Links · Hover states

#4DAAB8

Teal Mist

Backgrounds · Borders

#A8D8DF

Dark Brown

Headlines · Logo text

#3D2210

Soft Sand

Section backgrounds

#F7F0E6

Muted Sage

Labels · Captions

#8BA99B

02 — Typography

Type System

Display · Headlines

Cormorant Garamond

Italic — Light 300

Used for: Section titles, pull quotes, editorial headings · Weights: 300, 400, 600 · Style: Elegant, refined, literary

"Finding peace, one piece at a time"

Script · Brand Accent

Dancing Script

Bold 700 · Brand wordmark "Sanity"

Used for: Logo wordmark, callouts, special emphasis · Never use for body text or long passages

Body · Utility

Lato

Lato provides clean, highly legible text for longer reads — articles, captions, product descriptions, and UI elements. Its warmth pairs beautifully with the more expressive display faces.

Weights: Light 300, Regular 400, Bold 700 · Use 300/400 for body, 700 for labels & UI elements

Scale

H1 — 2rem H2 — 1.5rem H3 — 1.1rem Body — 1rem Caption — 0.8rem

Pairing Example

Finding Stillness

One Piece at a Time

A tranquil space for reflection, growth, and the small daily rituals that help us feel whole again. Explore resources that bring you back to yourself.

03 — Logo

Logo Usage

A Piece of My Sanity

Primary — Light Background

A Piece of My Sanity

Primary — Dark Background

Icon Mark

Use icon alone
only at 48px+

Ideal for app icons, favicons,
profile images & social avatars

A Piece of My Sanity

Teal Background Variant

⚠ Logo Don'ts

❌ Don't stretch or distort the mark

❌ Don't change logo colors arbitrarily

❌ Don't use on busy photo backgrounds

❌ Don't add effects (shadows, glows)

❌ Don't use icon below 32px

❌ Don't recreate the script in other fonts

04 — Digital Assets

Favicon Specifications

The favicon uses a simplified version of the icon mark. The gradient circle with the puzzle-piece highlight reads cleanly at small sizes. Use the circular icon form — avoid the full wordmark at favicon dimensions.

64×64

32×32

16×16

Social Avatar

Favicon Export Checklist

✅ favicon.ico (16×16, 32×32 multi)

✅ favicon-32×32.png

✅ favicon-16×16.png

✅ apple-touch-icon.png (180×180)

✅ android-chrome-192×192.png

✅ android-chrome-512×512.png

✅ og-image.png (1200×630) — full logo

✅ site.webmanifest with brand colors

05 — Voice

Tone of Voice

✓ We sound like this

Warm, encouraging, and real
Conversational — as if talking to a friend
Thoughtful and reflective
Gently empowering — never preachy
Specific and grounded, not vague
Celebrates small wins and imperfection

✗ We don't sound like this

Clinical or overly technical
Hustle-culture or productivity-obsessed
Preachy or self-righteous
Toxic positivity ("Good vibes only!")
Corporate jargon
Negative or shame-inducing

Example Phrasings

✓ Say this

"Every small step toward calm matters."

✗ Not this

"Optimize your daily wellness routine."

06 — Layout

Spacing System

Based on a 8px base unit. Generous white space reinforces the brand's calm, unhurried feeling.

4px

Minimum Clear Space
Always maintain clear space equal to the height of the letter "S" in Sanity around the logo mark on all sides.

Max Content Width
1100px for wide content. 680px for reading-focused content (articles, blog posts).

07 — Quick Reference

At a Glance

Color Codes

#E8A44A — Sunset Gold
#C97B2A — Warm Amber
#2A7A8C — Deep Teal
#4DAAB8 — Light Teal
#A8D8DF — Teal Mist
#1E2D3D — Night Navy
#3D2210 — Dark Brown
#F7F0E6 — Soft Sand
#8BA99B — Muted Sage

Typography Stack

Display / Headlines
Cormorant Garamond — 300, 400, 600

Brand Wordmark
Dancing Script — Bold 700

Body / UI
Lato — 300, 400, 700

Google Fonts — Free, open license

A Piece of My

Finding calm in thebeautiful puzzle of life

✓ We sound like this

✗ We don't sound like this

Finding calm in the
beautiful puzzle of life