Skip to content
Browse
Library

Apron. Butcher paper bakery ledger.

  • Finance
  • Light theme
  • 7 colors
  • 4 typefaces

Apron wears a warm bakery-counter aesthetic: buttercream canvas, thick slab-serif display type, pill-shaped CTAs in vivid school-bus yellow, and bone-black text that snaps against the cream. The visual logic is "honest ledger on butcher paper" — confident, slightly retro, unapologetically saturated. Surfaces stack in warm cream tones (not cool grays), borders are hairline black rather than soft shadows, and the only chromatic accent is a single yellow that means "act now." Components feel handmade rather than enterprise — rounded cards, chunky buttons, and a custom display face (Champ) that signals brand voice before any copy is read.

Visit getapron.com
Screenshot of Automate Supplier Payments
Captured from getapron.com on October 11, 2026

Apron design system

Apron

Brand1

  • Primary CTA fill, brand accent — school-bus yellow that carries the only chromatic voice in the system, reserved exclusively for action surfaces

Neutrals6

  • Primary text, borders, icon strokes, and structural outlines — near-universal use, defines the high-contrast ledger feel

  • Secondary surfaces and muted structural fills where warm cream is too light to carry a block

  • Neutral button borders and subtle dividers where pure black would be too heavy

  • Faint cool-tinted neutral for secondary surface layers and quiet dividers

  • Page canvas, card surfaces, and warm backgrounds — the dominant neutral that gives the entire UI its sun-warmed temperature

  • Reversed text on dark fills, surface inversion, and contrast pairings against black

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Ink Black on Marigold

15.07 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.