Design system

Mark

Assets: /brand/ (SVG). Guidelines: docs/03-brand/brand-system.md.

Colour

• Background--bg
• Background 2--bg-2
• Surface--surface
• Surface 2--surface-2
• Line--line
• Line strong--line-strong
• Text--fg
• Text 2--fg-2
• Muted--fg-3
• Accent · minium--accent
• Accent text--accent-text
• Signal--signal
• Success--success
• Warning--warning
• Error--error
• Focus--focus
• Code--code-bg

Type

• --step-5 · Display · 650 · 118%Engineering that holds.
• --step-4 · H1 · 650 · 112%Engineering that holds.
• --step-3 · H2 · 650 · 112%Engineering that holds.
• --step-2 · H3 largeEngineering that holds.
• --step-1 · H3 / leadEngineering that holds.
• --step-0 · Body · 400 · 100%Engineering that holds.
• --step--1 · SmallEngineering that holds.

Eyebrow · JetBrains Mono · 0.08em

@Service
class QuoteService {
  Quote propose(Request r) { /* model proposes, domain decides */ }
}

Buttons

Badges, tags, lists

Open application AI

• Java 21
• Spring Boot 4
• Hibernate
• Kafka

• Accent bullets mark outcomes
• Short lines, one idea each

Alerts

Form fields

Accordion