Rios
Warm sandy backgrounds, rich dark-brown ink, and one burnt-terracotta accent — the canyon terraces and clay rooftops of Rios Avenue. An architecture and real-estate portfolio register for professional services, consulting, and warm-brand SaaS.
Version 1.0.0Meet Rios
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Rios is a warm, grounded professional system: sandy-ivory canvas, dark-brown ink, and a single burnt-terracotta accent used only where it does structural work. It reads like a well-built portfolio — framed project photography, structured contents, and warm panels that carry California credibility without going rustic.
- grounded
- warm
- structured
- credible
The palette
Color with intention
Light palette
#fdf8f3#2a1a0e#b85027#f0e0d0#f3ece3Dark palette
#1c130c#f2e7db#d06a3c#3a2415#2a1d12The typography
Find your voice in type
Headings
Make a little room for possibility.
Georgia, "Times New Roman", serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, monospaceMade for
Who it speaks to
Architecture and interior practices, real-estate and development firms, design-build studios, consultancies, and warm-brand SaaS — teams whose sites lean on project galleries, case studies, long-form docs, and a credible, place-rooted first impression.
The voice
How it sounds
Warm, plain-spoken, and specific. Prefer concrete detail — materials, locations, dimensions, timelines — over adjectives, and let the work carry the persuasion. Confident without hype; the register is a good architect walking you through a project, not a sales deck.
Art direction
The thinking behind the look
Sandy-ivory (#fdf8f3) canvas with dark-brown (#2a1a0e) ink and one burnt-terracotta accent (#b85027) reserved for primary buttons, focus rings, and the thin link-tinted rules the kernel draws across panels, cards, sidebars, and contents. Georgia serif headings over a clean system-sans body, restrained 0.5rem radii (warmth comes from color, not soft corners), warm brown-tinted shadows that make framed figures read as mounted prints, and a 4rem section rhythm. In dark mode a canyon terrace at evening: warm brown-charcoal (#1c130c), sandy-cream text (#f2e7db), and a lifted terracotta (#d06a3c).