brush

Design Guidelines

Consistency, we aim for it. If you're building something on our website, or simply looking to see how Cloaked expresses itself through color, you're in the right place. Pretty things await you...

Type Styles

The size of our typography helps users understand the important of a given message is. We work in pixels.

People deserve privacy.

MEGA HEADING — 58PX / 500 Medium

People deserve privacy.

HEADING 1 — 48PX / 500 Medium

People deserve privacy.

HEADING 2 — 38PX / 500 Medium

People deserve privacy.

HEADING 3 — 32PX / 500 Medium

People deserve privacy.

HEADING 4 — 22PX / 500 Medium

People deserve privacy.

HEADING 5 — 16PX / 500 Medium

People deserve privacy.

HEADING 6 — 14PX / 500 Medium

Paragraph Styles

Cloaked uses Poppins for both headline and paragraph styles. What we adjust is the line spacing and weights.

"...we like to feel known, not surveilled. Things should be customized, personalized, without feeling compromised. There should be a voice actively fighting for our right to privacy and data ownership. It’s time for a tech revolution.”

MEGA HEADING — 58PX / 500 Medium

"...we like to feel known, not surveilled. Things should be customized, personalized, without feeling compromised. There should be a voice actively fighting for our right to privacy and data ownership. It’s time for a tech revolution.”

HEADING 1 — 48PX / 500 Medium

CLOAKED COPYRIGHT © 2022

HEADING 1 — 48PX / 500 Medium

Primary Color Palette

Staying cloaked should be exciting! Cloaked using, bright, electric colors that compliment the brands our customers can connect with while being cloaked.

color copied!
content_copy
color copied!
content_copy

CLOAKED ORANGE ROSE • GRADIENT 50% | ORANGE #F1A228 | ROSE #E86C71

color copied!
content_copy

PRIMARY CTA | PURPLE #6825FF

color copied!
content_copy

ERROR CTA | RED #F82F28

color copied!
content_copy

BACKGROUND | LIGHT #EEEEEE

color copied!
content_copy

BACKGROUND | DARK #151515

Secondary Color Palette

You'll find colors like these across our brand UI to compliment the companies and identities our customers create.

color copied!
content_copy

MAY YELLOW #e4ed4f

color copied!
content_copy

ORANGE RUBY #cf562f

color copied!
content_copy

FOUNDRY GREEN #779b74

color copied!
content_copy

TORTOISE TURQUOISE #5a9893

color copied!
content_copy

MUTED PURUPLE #b28484

color copied!
content_copy

LIGHTNING BLUE #4e4aff