blinxComponent gallery

Every core component from docs/04-DESIGN-SYSTEM.md, rendered for verification against the mockups in designs/. Internal build tooling, not a product screen.

Palette

Hex values taken directly from the :root blocks in designs/public-page.html and designs/cockpit-shell.html.

#6D3DF4
Primary violet
#4B27C9
Pressed, gradients
#F1ECFF
Secondary fills
#E7DEFF
Chips, highlights
#8663FF
Gradient stops
#1A1726
Primary text
#7C7893
Secondary text
#EEEBF6
Hairlines
#E7E6F2
App background
#12B76A
Success, live
#F5A524
Warning
#E7B23C
Ratings
#F0453B
Errors

Typography

Plus Jakarta Sans. Headings 700-800, body 400-500, buttons and labels 600-700.

Get found. Get booked.
Heading 700
Body copy at 400. One simple page that lets a customer call, get directions, book, or message in one tap.
Muted meta text at 13px.

Buttons

Chips and badges

999px pills. Used for verticals, lead score chips, and status.

ProBasicActiveTrial endingPayment failedScore 7

Inputs

White fill, hairline border, inline validation.

Shown on your Call button.
Enter a valid email address.

Cards

White on the lilac page background, hairline border, soft violet-tinted shadow.

Page views
Last 7 days
1,284
Leads
From taps on your page
New
36

Status dots

The animated green pulse signals the system is live. It originates in the outreach dashboards (docs/08 §4).

LiveIdleDegradedDown