Sarah Pirie-Nally

Brand Identity System

Sarah
Pirie-Nally

A complete guide to the visual identity, voice, and design principles that define the Sarah Pirie-Nally brand. Primary aesthetic: Warm Cream Editorial Luxe. Secondary undercurrent: Cosmic Technologist.

"Where Human Intelligence Meets AI โ€” with Wonder, Warmth, and a Touch of the Cosmos."

Primary Palette

#F5F0E9

Warm Neutral

oklch(0.96 0.012 80)

Primary background โ€” the canvas everything lives on

#0A1628

Deep Navy

oklch(0.12 0.025 265)

Primary text, dark sections, editorial weight

#FF2D95

Hot Wonder Pink

oklch(0.56 0.30 350)

Headlines, main CTAs, impact moments โ€” the signature colour

#E8B400

Magic Gold

oklch(0.76 0.17 85)

Sparkle moments, star accents, premium highlights

Secondary Palette

#FF4A8A

Wonder Rose

oklch(0.62 0.27 350)

Navigation, buttons, secondary accents

#F9B8D4

Soft Pink

oklch(0.82 0.12 350)

Tinted backgrounds, hover states, gentle highlights

#FDFAF5

Cream

oklch(0.98 0.006 80)

Card backgrounds, elevated surfaces

#F5DFA0

Gold Light

oklch(0.88 0.10 85)

Subtle gold tints, warm glow backgrounds

Cosmic Technologist Layer

#7B5EA7

Nebula Violet

oklch(0.44 0.14 295)

Cosmic accents โ€” used sparingly on dark sections only

#080D1A

Deep Space

oklch(0.08 0.020 265)

Star-field backgrounds, deepest dark panels

#2DD4BF

Aurora Teal

oklch(0.78 0.14 185)

Data visualisation, tech callouts, constellation lines

#E8E0F5

Stardust

oklch(0.92 0.04 295)

Subtle shimmer on cream backgrounds โ€” barely-there cosmic dust

Usage Hierarchy

60% โ€” Warm Neutral & Cream
The canvas. Backgrounds, cards, breathing room.
30% โ€” Deep Navy & Deep Text
Typography, structure, editorial weight.
10% โ€” Hot Wonder Pink & Gold
Accents, CTAs, sparkle moments. Never overuse.

Display / Editorial Serif

Cormorant Garamond

All headlines, hero text, pull quotes, book titles. The voice of wonder โ€” elegant, literary, timeless.

Where Human Intelligence Meets AI.

Weights

300 Light400 Regular600 SemiBold700 Bold

Size Scale

heroclamp(3.5rem, 8.5vw, 8rem)
h1clamp(2.5rem, 4.5vw, 4.2rem)
h2clamp(2rem, 3.5vw, 3.2rem)
h31.8rem
pullQuote1.4rem italic

Body / UI Sans-Serif

DM Sans

Body copy, navigation, labels, buttons, captions. Clear, modern, approachable โ€” the everyday voice.

AI Strategy ยท Keynote Speaker ยท Author

Weights

400 Regular500 Medium700 Bold

Size Scale

body1rem (16px)
small0.875rem (14px)
label0.7rem โ€” ALL CAPS, 0.18em letter-spacing
button0.9rem, 700 weight

Type Hierarchy in Action

AI Strategist ยท Keynote Speaker ยท Author

Where Human
Intelligence Meets AI.

Sarah Pirie-Nally helps leaders, organisations, and teams harness the power of AI without losing what makes them irreplaceable โ€” their humanity.

Brand Voice Essence

"The brilliant big sister who's figured out the future โ€” and can't wait to share it with you."

Warm & Direct

Speaks like a trusted friend, not a consultant. Cuts through jargon without dumbing down.

Curious & Energised

Leads with wonder. Every topic is an invitation to explore, not a lecture to endure.

Grounded & Credible

Evidence-based, globally experienced, 20+ years of real-world impact behind every claim.

Playful & Sharp

Wit lives alongside wisdom. A Clueless reference can sit next to a board-level insight.

Human First

Technology is always in service of people. The human story is always the headline.

Do Say

"AI is your new superpower โ€” if you know how to wield it."
"The 30% Rule: AI does the heavy lifting, you bring the soul."
"Your curiosity is your competitive advantage."
"Wonder is a strategy."
"This isn't about replacing you โ€” it's about amplifying you."

โœ• Don't Say

Synergise / leverage / utilise
Disruptive innovation
Future-proofing (overused)
AI will take your job
You need to be technical to use AI
๐Ÿ“ธ

Always real photos of Sarah โ€” no AI-generated likenesses

โ˜€๏ธ

Warm, natural light โ€” golden hour, soft indoor light

๐ŸŽจ

Cream, white, or soft neutral backgrounds preferred

โœจ

Sarah looking engaged, joyful, or thoughtfully confident โ€” never stiff

๐ŸŒ

Lifestyle contexts: speaking stage, cafe with laptop, Bali, home office

๐Ÿ’—

Pink blazer, white blouse, and glasses series are the signature looks

Hero โ€” open joy, arms crossed

Hero โ€” open joy, arms crossed

Signature glasses series

Signature glasses series

Pink blazer โ€” brand colour

Pink blazer โ€” brand colour

Author identity

Author identity

On stage โ€” keynote

On stage โ€” keynote

Lifestyle โ€” cafe & book

Lifestyle โ€” cafe & book

What is the Cosmic Layer?

"A whisper of the universe, not a shout. The cosmos lives beneath the cream."

Sarah's identity as a technologist who sees AI as a cosmic-scale shift in human capability deserves a visual nod โ€” but it should never overpower the warmth and accessibility that is her primary brand. The cosmic layer is felt, not seen: tiny star-field textures, nebula glows on dark panels, constellation motifs as dividers, aurora teal for data moments.

โœฆ

Use cosmic colours ONLY on dark navy/deep space backgrounds โ€” never on cream

โœฆ

Star-field textures are a whisper, not a shout โ€” max 8% opacity on backgrounds

โœฆ

Constellation dot motifs replace standard bullet dividers in dark sections

โœฆ

Aurora teal is reserved for data, tech callouts, and AI-specific content

โœฆ

Nebula violet appears only as a glow or gradient accent โ€” never as a solid fill

โœฆ

The cosmic layer should feel like you're looking at the universe through a cream linen curtain

Nebula Violet

#7B5EA7

Deep Space

#080D1A

Aurora Teal

#2DD4BF

Stardust

#E8E0F5

Wonder mascot
Wonder mascot dark

The Wonder Mascot

The AI robot mascot represents the playful, approachable side of technology โ€” Sarah's belief that AI should feel like a helpful companion, not a threat. Used in hero sections, email footers, and social content.

Always shown with the pink glow drop-shadow. Never flat or grey.

Always use on cream, white, or deep navy backgrounds

Minimum size: 120px wide in digital, 30mm in print

Clear space: equal to the height of the 'S' on all sides

โœ•

Never place on busy photographic backgrounds without a solid backing

โœ•

Never stretch, rotate, or alter proportions

โœ•

Never use coral, orange, or green as brand colours

โœ•

Never use the logo in grey or desaturated form

Section padding

py-24 md:py-36

Standard section vertical rhythm

Container max-width

1400px

Maximum content width

Grid gap

gap-12 md:gap-24

Two-column editorial grids

Card padding

p-8 md:p-10

Content cards and panels

Border radius

0.25rem (4px)

Minimal โ€” editorial, not bubbly

Pink rule width

2.5rem ร— 2px

Horizontal accent line before labels

Editorial Grid โ€” Two Column

Image / Visual

Section Label

Headline in
Cormorant

Body copy in DM Sans. Clear, warm, direct. Never more than 3 lines before a break.

Questions about the brand? Ask Pip.

Pip knows the full brand system and can guide any design or content decision.

Made by Sarah Pirie-Nally and Manus AI