Token-Bausteine

Farben

• Ink
  var(--color-ink)bg-ink#13273F
• Body
  var(--color-body)bg-body#2D2D2D
• Canvas
  var(--color-canvas)bg-canvas#FFFFFF
• Muted
  var(--color-muted)bg-muted#6B7280
• Subtle
  var(--color-subtle)bg-subtle#F4F5F7
• Online
  var(--color-online)bg-online#22C55E
• Border
  var(--color-border)bg-border#E8E9EB
• Error
  var(--color-error)bg-error#E85346
• Placeholder
  var(--color-placeholder)bg-placeholder#D9D9D9
• Sand
  var(--color-sand)bg-sand#DCD5CD

Typografie

• Alexander Schwaiger

  DisplaySwitzer Medium 500 · -0.03em

  font-display font-medium tracking-displayvar(--font-display)var(--tracking-display)

• Abschnitt

  ÜberschriftenSwitzer Bold 700 · -0.03em

  font-display font-bold tracking-displayvar(--font-display)var(--tracking-display)

• Kurze, ruhige Sätze mit einem Gedanken pro Satz.

  FließtextSwitzer Regular 400

  font-body font-normalvar(--font-body)

• [ Expertise ]

  LabelsSwitzer Medium 500 · 0.08em

  font-body font-medium tracking-label uppercasevar(--font-body)var(--tracking-label)

• Grundlagen

  NavigationSwitzer Regular 400 · 0.04em

  font-body font-normal tracking-navvar(--font-body)var(--tracking-nav)

• --color-ink

  CodeGeist Mono Regular 400

  font-mono font-normalvar(--font-mono)

Wortmarke