dayos-com
Stark, assertive, and modern. Massive condensed black lettering sets an engineered tone against pale grey backgrounds, balanced by tactile 3D product illustrations.
Visit siteColour
Background#e5e5e5
Text#000000
Accent#d1ffca
Surface#ffffff
Muted#979797
Typefaces
- Display
- SuisseIntlCond
- Body
- SuisseIntl
- Mono
- SuisseIntlMono
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 20 · 28
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 24px · 999px
Capture
- Category
- ai
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- light
Type rules
- headlines use SuisseIntlCond in uppercase with tight line-height
- body text runs in SuisseIntl at 20px with 1.2 line-height
Colour rules
- neutral cool grey background with high-contrast pure black type
- tactile pastel colors reserved strictly for 3D imagery and highlights
Voice rules
- short punchy statements
- lead with bold definitive claims
Holds it together
- render display headlines in oversized condensed bold uppercase
- use pill-shaped floating containers for navigation bars and CTAs
- keep the layout split between heavy typography on the left and 3D renders on the right
Contrast
text on background16.7:1 AAA
muted text on background2.3:1 fail
text on surface21.0:1 AAA
accent on background1.1:1 fail
background on accent1.1:1 fail
Type, measured
- Body
- 20px / 1.2
- Measure
- 57 characters
- Display
- 130px / 0.9
- Tracking
- -0.03em display
- Scale ratio
- 1.60
Voice
- Tone
- declarative, confident
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- schedule, book, explore
Built with
- Builder
- —
- Framework
- nuxt
- Motion
- swiper
- WebGL
- —
- Nav
- sticky_top_bar, 22 items, sticky
- Length
- 1 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongMassive condensed black typography makes a defiant statement beside a modular, tactile 3D puzzle column on clean grey.
- Mood
- bold + clinical
- Layout
- 2 col · split · airy
