Human-first
We speak to people, not users. Our language is warm, clear, and free of unnecessary jargon. We prioritize empathy and understanding in every message.
The single place for everything Significo. Logos, colors, type, voice and ready-to-use assets — built for clarity, made for care, so anyone on the team can stay on brand.
Significo · Brand SystemThe four things teammates reach for most. Or press ⌘K to search anything.
Each chapter is self-contained — open the one you need, or read end to end.
When in doubt, come back to these. They keep the brand consistent even when the medium changes.
We design for people, not users. Language is warm, clear and free of unnecessary jargon — every choice leads with empathy.
Every element earns its place. If it can be removed without loss, it should be. Simplicity is a feature, not a constraint.
Technology can genuinely improve lives. Our system reflects possibility and care in its color, type and tone.
Our voice reflects who we are — a health technology company that puts humans at the center of everything. These guidelines ensure consistency across all written touchpoints, from UI copy to marketing materials.
We speak to people, not users. Our language is warm, clear, and free of unnecessary jargon. We prioritize empathy and understanding in every message.
We know our craft and share knowledge with authority, but always remain approachable. We guide rather than lecture.
Every word earns its place. We avoid filler, buzzwords, and overly complex sentences. If it can be said in fewer words, it should be.
We believe technology can genuinely improve lives. Our tone reflects possibility, progress, and the positive impact of good design in healthcare.
Use active voice and direct language.
Use passive voice or vague phrasing.
“Get started with your wellness plan”
“A wellness plan can be initiated by the user.”
Address the reader as “you.”
Refer to “the user” or “one.”
Keep sentences short and scannable.
Write long, complex paragraphs that bury the point in qualifiers and asides.
Write plainly, for everyone.
Hide meaning behind clinical jargon.
Tell people exactly what to do next.
Stay vague and leave them guessing.
All colors are defined as CSS custom properties and support light/dark mode switching. Toggle dark mode to see live values update across the palette.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Health, designed for humans.
Never combine dark text on dark backgrounds or light text on light backgrounds. These pairings fail contrast requirements and make content unreadable. Hover any card to flag why it fails.
Health, designed for humans
Gray-Dark + Black✕Fails contrastHealth, designed for humans
Blue + Black✕Fails contrastHealth, designed for humans
Lavender + Gray-Dark✕Fails contrastHealth, designed for humans
Orange + Gray-Dark✕Fails contrastHealth, designed for humans
Yellow + Orange-Light✕Fails contrastHealth, designed for humans
White + Yellow✕Fails contrastHealth, designed for humans
Yellow + White✕Fails contrastHealth, designed for humans
Orange-Light + Lavender-Light✕Fails contrastHealth, designed for humans
Blue-Light + Green-Light✕Fails contrastHealth, designed for humans
Lavender-Light + Yellow-Light✕Fails contrastThree families. Satoshi carries the body and UI, PP Neue Machina sets the voice in display, and Platypi italic accents the moments that matter — never decoration, always meaning.
Body copy and everyday UI.
Headlines and display moments.
Italic only — one word per heading.
Showing: Desktop sizes. All values scale at tablet and mobile breakpoints — use the text-* tokens, never hard-coded pixels.
A health platform that actually understands you.
Care that listens.
Tech that thinks.
Lift exactly one word per heading — the verb, the feeling, the promise.
Use text-* tokens. Never hard-code pixels.
Accent a single word in Platypi italic — never two.
Display tracks -0.03em; body -0.005em; micro labels uppercase at +0.14em.
Satoshi 500 for body. Bold (700) only for labels — never whole paragraphs.
Platypi is italic-only. Need an upright? Use PP Neue Machina.
Body min 12px (9pt print). Micro labels stop at 10px.

Two assets carry the brand: a wordmark for full presence and a monogram for tight spaces. Both share the same DNA — confident geometry, generous curves, no compromise.
The Significo wordmark is set in a custom-modified typeface that balances geometric precision with approachable curves. The registered trademark symbol sits at the top-right of the final letterform.
Brandmark. The Significo brandmark is built on a modular grid system. Its form is derived from the letter “S”, constructed using a combination of rounded and geometric shapes that convey fluidity, connection, and forward momentum. The small square element at the top-right signals technology and digital precision.








X equals the height of the monogram's square mark. Apply this minimum on all sides of both the wordmark and the monogram — no graphic, text or edge should encroach on this zone.
The wordmark and monogram always sit on a level baseline. No diagonals, no tilts, no orbits.
Maintain the original aspect ratio. Scale uniformly — never warp one axis to fit a container.
The mark is always solid black or solid white. No gradients, no brand-color fills, no two-tones.
No drop-shadows, glows, bevels, outlines or 3D extrusions. The mark performs unadorned.
Default to the wordmark whenever space allows. The monogram exists for moments where the wordmark would be illegible — favicons, app icons, tight corners.
A single mark per page, slide or composition. Repeating the logo dilutes its presence — let it anchor, then let the rest of the layout breathe.
Black on light surfaces, white on dark. The mark never sits on busy photography or gradients without a solid backdrop — readability is non-negotiable.
Everything you need to build on-brand. Logos in every lockup and the full typeface family — grab one asset or take the lot.
The workhorse for body, UI and navigation. Free from Fontshare; use Space Grotesk where Satoshi isn't licensed.
Sets the voice in headlines and display. Licensed from Pangram Pangram; use Plus Jakarta Sans as the open stand-in.
Lifts one key word per heading. Free and open-source on Google Fonts — install the italic styles.
Your Significo sign-off, built in seconds. Fill in your details, pick a style, and copy a pixel-perfect signature straight into Gmail or Outlook.
Preview