Foundations

Colour

7 tokens

Seven colours run everything outside case studies.

Loading saved values…

Background--ds-bg

60% dominant background

Dark mode: #0A0A0A

Surface--ds-surface

30% secondary surface for alternating sections

Dark mode: #161616

Accent--ds-accent

10% accent — CTAs and active tab underlines only

Text primary--ds-text

Headings and primary body text

Dark mode: #F0F0F0

Text muted--ds-text-muted

Descriptions, labels, secondary content

Dark mode: #9CA3AF

Border--ds-border

Borders and dividers — used sparingly

Dark mode: #374151

Footer--ds-footer

Footer background — always dark

Dark mode: #000000

Colour — Design system — BentoSMS