1. Logo

Official SafeSpace mark (project assets)

Full color on white — preferred default

White mark on deep purple — footer / dark panels

Source: references/Logo Update 2026/ (Full Color + Black & White)
Clear space: Maintain padding equal to the height of the wave mark on all sides.
Do not: Stretch, recolor, add heart decorations, or place on busy photos without a solid overlay.
Concept note: Client concept mock used a placeholder wordmark — always use this project logo.

2. Color Palette

Soft direction tokens tuned from the client concept. Teal + soft purple carry the look; gold is reduced to a secondary highlight only.

#2E2A77

Deep Purple

Utility bar, footer, primary CTAs

#514188

Primary Purple

Links, icons, secondary CTAs

#3a2f6a

Purple Dark

Hover states, dark accents

#EEEAF8

Soft Lavender

Icon circles, soft bands

#F5F0FC

Lavender Soft

Hero / section backgrounds

#7EC5C5

Teal Accent

Quick Exit, accents, waves

#EBF7F7

Soft Teal Panel

Local Impact panel

#FBEEDB

Cream

Survivor story panel

#e8a020

Gold (secondary)

Legacy highlight only — not primary

#2a2545

Brand Text

Body copy

#dc2626

Safety Red

Fixed Safety Exit only

#ffffff

White

Cards, nav, page ground

3. Typography

Font Family: Montserrat (Google Fonts) — weights 400–900. Ascend house body target ≈ 1.25rem / 20px on marketing protos.

CDN: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap

H1 — clamp ~2–3.1rem / 800

You deserve safety. We’re here for you.

H2 — ~1.6–2.2rem / 800

How We Help

H3 — ~1rem / 700

Crisis Hotline · Emergency Shelter · Legal Assistance

Body — 1.25rem / 400 / line-height ~1.65

SafeSpace provides free, confidential support for domestic violence survivors on the Treasure Coast. Call our 24/7 hotline at (772) 223-2399.

4. Tone of Voice

Voice Keywords

Compassionate Calm Direct Empowering Community-Focused

Write like this “You deserve safety. We’re here for you.”

“Free, confidential help is available 24/7 — call (772) 223-2399.”

“SafeSpace walks with survivors every step of the way.”

Not like this Corporate jargon or vague benefit claims.

Passive language that reduces urgency.

Decorative heart / hands-holding-heart imagery in UI or copy flourishes.

5. Buttons

Soft-direction button variants

Get Help Now → Donate Quick Exit

On dark panels — teal accent or white outline: Get Help Now →

Primary: Deep purple #2E2A77, white text. No heart icons on Donate or Get Help.

Outline: White fill, purple border/text.

Quick Exit: Teal #7EC5C5 in utility bar; fixed Safety Exit remains red #dc2626 for strong egress.

6. Iconography

Library: Simple line icons (SVG or Font Awesome) — phone, home, shield, users, scale, calendar, graduation.

Banned: All heart graphics and hands-holding-hearts (emoji, FA, SVG, decorative).

Approved service icons

Hotline

Shelter

Safety

Legal

Advocacy

Counseling

Education

Events

Partner

Calls

Color icons with #514188 or #7EC5C5 on soft lavender / teal circles. Do not use fa-heart, fa-hand-holding-heart, or fa-shield-heart.

7. Spacing & Layout

Max Content Width

1160px

Section Padding

80px 0

Border Radius

16px cards

Card Padding

28–36px

Body Type

1.25rem

Wave Dividers

OK — soft

Hierarchy: Calmer than the prior dark immersive hero — more air, fewer competing gold/red bands.

Layout pattern: Soft hero (copy left / photo right) → three path cards → 2×3 How We Help → cream story + teal impact → ways to help → deep purple footer.

SafeSpace FloridaBrand Guide