03 / 08 · Fintech API
Tally
A payroll API that pays contractors in 90 countries in local currency, with tax forms and classification handled. For engineers and finance leads.
- Direction
- 02 · Ledger Light
- Register
- Confident
- Default look
- 2 of 6 traits
- Length
- 10.1 screens
Audited0 fail · 0 warnOpen the live build
The spine
Written by the agent before any code, and kept at the top of the build’s HTML.
- DIRECTION
- 2 Ledger Light. Engineers and finance leads at 20–500-person companies scan, compare and convert; they know Stripe's language.
- REGISTER
- Confident. The one bold device: a full-bleed cobalt band (#1D3CF2) that IS the hero stage, with the product straddling its lower edge. Everything after it is white and disciplined.
- AXES
- ground white + one saturated cobalt band · type genre tight neo-grotesk (Hanken Grotesk 500, −0.045em) · image medium product UI on an art layer (payout card, code window and dashboard over a world-map dot field) · composition product stage · motion feel instrumental (ticking FX, payouts changing state, rolling counters, live local clocks)
- DEFAULT LOOK
- 1/6 matched (light display weight). DIFFERENT FROM DEFAULT BY: ground (pure white + saturated cobalt field, not warm paper), labels (sentence-case text face, no mono-caps layer), image (rebuilt product UI on a dot-map art layer, no line drawing), accent (cobalt at field scale, not a tiny mark), no hairline metadata bands.
- MOTIF
- the tally mark (four strokes, then the strike). 1 logo · 2 payout progress in the hero card (one stroke per webhook state, the strike = paid) · 3 the lifecycle chapter drawn at 300px as data-viz · 4 section index (one stroke per chapter, struck at five) · 5 pricing calculator draws one mark per paid contractor · (+ mini status glyph in dashboard rows)
- TYPE
- display Hanken Grotesk 500 · text Hanken Grotesk 400/500 · mono JetBrains Mono 400/500 (code, receipts, event names only)
- PALETTE
- paper #FFFFFF · ink #0C1230 · ink-2 ink@72% · hairline ink@10% · cobalt #1D3CF2 → the band, primary buttons, live numbers, the strike · on-cobalt #F2F4FF / #CBD5FF · navy #08104A code windows
- HERO
- product stage on the cobalt band. h1 left, live FX chip above it, payout card + code window composite on the right, the dashboard straddling the band edge into white
- IMAGERY
- product UI on an art layer (canvas world-map dot field with live corridor arcs)
- MOTION
- house ease cubic-bezier(.16,1,.3,1) · UI 150–240ms · reveal 850ms blur-in · instrumental: per-digit ticker, stroke-draw, row flash
- SIGNATURES
- live ticking stat eyebrow (#12) · UI bleeding over the band edge (#32 variant) · tally-mark data-viz/calculator (bespoke)
- CONVERSION
- "Get API keys" nav · hero · sandbox card · finale. "Talk to sales" hero ghost · finale ghost
- VOICE
- "Ninety countries. One API call." · "Every payout is a tally. Four states, then the strike-through." · "Your first payout is one call away."
Palette
#FFFFFF#0C1230#1D3CF2#F2F4FF#CBD5FF#08104A
Every screen
01 / 08 · drag or scroll
On a phone
390 pixels wide. Recomposed, not shrunk.
