Brand Assets

Safressia logo

Download the logo as a PNG at 350×180px. Choose a background that fits where you'll use it.

Logo + Wordmark

The full lockup — logo beside the company name. High-resolution PNG (1800×600) ready to drop into Canva.

Safressia

Transparent · 1800×600

Safressia

Cream · 1800×600

Safressia

Dark · 1800×600

Facebook Cover Photo

Matches the homepage hero. 820×312px.

AI marketing agency

Streamline operations.More sales, happier customers.

We build AI systems that streamline your operations — from lead management to customer service — so you close more sales and keep more customers happy.

Color Palette

Brand colors

The full design-token palette with hex codes. Primary is teal, accent is rust — the two anchors of the warm minimalist system.

Background

#FAF8F5

Page base — warm cream

--background · hsl(38 36% 97%)

Card

#FDFDFC

Surfaces, panels, inputs

--card · hsl(36 28% 99%)

Muted

#F1EEE9

Subtle backgrounds, hovers

--muted · hsl(36 22% 93%)

Border

#E6E2DB

Dividers, outlines

--border · hsl(36 18% 88%)

Foreground

#1D1916

Body text

--foreground · hsl(24 15% 10%)

Muted Foreground

#766A60

Secondary text

--muted-foreground · hsl(28 10% 42%)

Primary

#317277

Teal — buttons, links, focus

--primary · hsl(185 42% 33%)

Accent

#BC542F

Rust — highlights, CTAs on hover

--accent · hsl(16 60% 46%)

Secondary

#1B1613

Dark surfaces, footer

--secondary · hsl(24 18% 9%)

Destructive

#DD2C2C

Errors, delete actions

--destructive · hsl(0 72% 52%)

Chart 1

#317277

Data viz — teal

--chart-1 · hsl(185 42% 33%)

Chart 2

#BC542F

Data viz — rust

--chart-2 · hsl(16 60% 46%)

Chart 3

#241D19

Data viz — dark warm

--chart-3 · hsl(24 18% 12%)

Chart 4

#A89C8A

Data viz — neutral

--chart-4 · hsl(36 15% 60%)

Chart 5

#DACFBE

Data viz — light neutral

--chart-5 · hsl(36 28% 80%)

Typography

Font faces

Two families carry the entire site. Inter for everything readable, JetBrains Mono for technical accents.

Inter

All headings, body, and display text

--font-heading / --font-body / --font-display

Weights: 300, 400, 500, 600, 700, 800, 900

JetBrains Mono

Code, labels, technical accents (.font-mono-tech)

--font-mono

Weights: 400, 500, 600

Style Details

Other style notes

Shared tokens and treatments used across the site — copy these into any external design tool.

Border radius1.25rem (20px) — large, soft corners
Theme modeLight, warm minimalist (cream/stone base, rust accents)
Text selectionPrimary teal background with cream foreground
Glass effectTranslucent cream with blur + saturation (navbar)
Logic lineGradient from primary teal → accent rust
Solar glowSoft amber box-shadow for hero accents
Animationsfade-up, fade-in, curtain-in, accordion