Time tracking
A small solution for a concrete task — without a big suite.
Site @theme: Option A + paper #f7f3ee · elevated #ffffff · focus #07153d · radius 2px
Design playground
Mobile-first touch area. Site default: Option A + Ökopapier, elevated white, 2px radius.
Colour palette
Comparison still available. Locked default: A with paper #f7f3ee + elevated #ffffff.
Swatches
ink
#193BA4
paper
#f7f3ee
elevated
#ffffff
accent
#425bae
surface
#e8d8c0
muted
#a0a8aa
focus
#07153d
Text on background
Ink on paper
Accent on paper
White on accent (CTA)
Elevated on paper (inputs / secondary)
Focus / a11y blue
Muted secondary text
Typography
Standardordner 2030
There really should be a solution for this.
A folder full of solutions
Small, practical apps for concrete tasks — connected and openly designed.
Meta / caption · 14px
Spacing
12px inline
24px element
32px element+
60px section (mobile)
Corners / radius
Locked: 2px for buttons and inputs.
0 – sharp
Maximale Kantigkeit
2px – locked
Locked · Buttons / Inputs
8px – softer
Zum Vergleich – eher SaaS
Elements
Divider · muted clip line
Form chrome
Icons (Lucide)
Mobile: 32–40px. Avoid 48px. Desktop later up to 64px.
32px · mobile
40px · mobile max
64px · desktop later
Mini composition
elevated
White surface on paper
Inputs, secondary buttons, and raised surfaces use elevated (#ffffff) — paper stays the app background.