Default card
For services, products and concise blocks of supporting information.
UMMONTE Design System
One visual language.
Everywhere it matters.
The living reference for color, typography, spacing and interface components across the UMMONTE website.
01 · Foundation
Color
Background
--forest-950#061410Surface
--forest-900#091A14Raised
--forest-800#0F261CCream
--cream-100#F3EFE7Paper
--cream-50#FAF7F0Accent
--coral-500#EE663E02 · Voice
Typography
Display / Inter 900Make the work visible.
H1 / Inter 800A project people remember.
H2 / Inter 800Built from the music.
Body / Inter 400Clear, generous and direct. The body voice makes complex creative work easy to understand.
Label / Space Mono 700// Creative partner
Editorial / Instrument Serif“The style comes from the project.”
03 · Rhythm
Spacing
--space-14px--space-28px--space-312px--space-416px--space-624px--space-832px--space-1248px--space-1664px--space-2496px04 · Actions
Buttons and fields
05 · Surfaces
Cards
Feature card
A larger surface with enough breathing room for a stronger narrative.
// Outcome
A clear next step, presented without visual noise.
Interactive card
Hover to see the shared elevation, border and movement treatment.