Elena Morgan@elenadesigns·14m
Reminder: if you're copy-pasting hex codes across five files, your design system is already broken. Tokens, friends. Tokens.
Platform recreation
Twitter / X in our design system
Dense monochrome feed with a single-column reading line.
Educational recreation — not affiliated with or endorsed by any brand.
Brand names, logos, and trademarks are property of their respective owners and are used here under nominative fair use solely to demonstrate how this open-source design system adapts to different visual identities. Full notice.
All 3 screens built from
@/components/uiTimeline
Compose box followed by a vertical tweet stream.
x.com
Home
QD
Dan Kim@dan_builds·1h
shipped a tiny CLI that roasts your CSS variables. ask it what's wrong with your design tokens. github link in replies.
Priya@priyaart·3h
my unpopular opinion: "brand colour" should be a behaviour, not a variable.
Marek@marek_ux·5h
finally understand OKLCH. here's the tldr: it's just HSL but with receipts.