Rho
A confident fintech-banking interface built on a bright white canvas with oversized Degular display headlines (88px, near-black ink) and a single bright spring-mint CTA color. The system reads as serious-but-modern financial software — generous whitespace, soft 12px and large 32px card radii, product-UI screenshots shown in-flow, and near-black feature cards that punctuate an otherwise white-and-light-gray page. Brand voltage comes from the giant Degular headline and the saturated mint action color rather than from broad color use.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
88px · 400 · 1.0
The quick brown fox jumps
eyebrow
10.75px · 400 · 1.3
The quick brown fox jumps
subhead
8px · 400 · 1.4
The quick brown fox jumps
body
12px · 400 · 1.25
The quick brown fox jumps
button
14px · 400 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 40px | |
| huge | 48px | |
| section | 64px | |
| section-lg | 90px | |
| section-xl | 180px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 6px | |
| md | 8px | |
| lg | 12px | |
| xl | 32px | |
| pill | 100px |
FAQ
- What colors does Rho use?
- Rho's core palette includes #39efcd, #212529, #000000, #212529, #747c78. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Rho DESIGN.md.
- What font does Rho use?
- Rho's primary typeface is Degular. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Rho design system?
- A confident fintech-banking interface built on a bright white canvas with oversized Degular display headlines (88px, near-black ink) and a single bright spring-mint CTA color. The system reads as ser…