AirInk — Design System

Primitives, in both themes.

Every component below is the only sanctioned way to render its concept. No raw hex. Money only through Money. Status only from the canonical map.

Brand mark

Cloud + ink drop. Fraunces display beside Plex Sans body.

AirInk.ai
the contract holds the money

Typography

Fraunces display, IBM Plex Sans body, IBM Plex Mono technical.

Fraunces display, weight 500

Section headline in Fraunces

Subsection heading

Plex Sans body text. The contract you sign holds the money. Released when the work is confirmed. Two taps, no subscription.

contract_id: c_9F3K2A · milestone: m_04 · rail: ACH

Money

One component. Plex Mono, weight 600, tabular numerals. Integer cents in, formatted out.

$0.00$99.00$1,995.00$12,345.67$1,000,000.00

Buttons

Primary, secondary, ghost, danger. Sizes sm, md, lg. One primary per screen.

Status pills

Every pill renders from the canonical status map — never inline strings.

contractDraftSentSignedFundedCompletedDispute openCancelled
milestoneScheduledAwaiting fundsFunded, heldMarked completeAwaiting confirmReleasedDispute open
paymentPendingProcessingHeldReleasedFailedRefunded
disputeOpenInvestigatingResolvedClosed

Badges (tones)

NeutralBrandInfoSuccessWarningDanger

Cards

Wedding photography, Ostrander wedding

Milestone 2 of 4 · Rehearsal delivery

Funded, held
Amount held$1,250.00
Vendor receives$1,243.88

Kitchen remodel — Roswell

Rough-in complete, awaiting client confirm

Awaiting confirm

Client has 72 hours from the marked-complete moment to confirm. Auto-release runs Fri 4:20 PM ET.

Fields & inputs

AmountInput operates in integer cents throughout.

Tabs

Single payment calculator lands here in Phase 5.

Empty state

No inquiries yet

When someone reaches out through your booking link, they'll show up here. Sending your first contract takes about 90 seconds.

Skeletons

Slide-over

Right-side panel for payment, signing, cancellation. Never a modal.

Category sentence

Required on the landing page, How it works, story section, all three persona funnels, and default page meta.

The contract you sign holds the money.

Released when the work is confirmed. Not before, not by us.