pullrack

styleguide · every primitive in every state. structure comes from 1px rules. lime means yes/active/confirmed, peach means partial/unverified — highlighter marks only.

9 primitives · 4 colours · 2 typefaces

type

the rack, ruled

sans heading, 600

body text is sans at 13px with tight leading. this is a reference document, not a marketing page.

148 entries · 12 shown · $1,097.99 total

0123456789 aligns in columns via tabular-nums

colour

paper #ffffff

ink #000000

lime #c8ff1e

peach #ff6b3d

button

tab through to see the 2px offset focus outline.

input · textarea · select

brand

note

network

disabled

placeholder

table

#	brand	entry	price	status
001	Abercrombie & Fitch	Linen Blend Camp Shirt	$78.00	ok
002	IKEA	Kallax Shelf Unit, White	$129.99	partial
003	Toteme	Wool Scarf Coat	$890.00	skip

stamp

okskipconfirmedpartial

rule

worktable

entryrow

001Abercrombie & FitchLinen Blend Camp ShirtLTK$78.00ok

002IKEAKallax Shelf Unit, WhiteImpact$129.99partial

003TotemeWool Scarf Coat$890.00skip

1 on the worktable