Engineering6 min read
Why every table needs a stable sort
Sorting twice should never scramble the first order. A small guarantee that people notice only when it is missing.
Maya Chen
Reading & proof
BlockArticles, pricing, comparisons, numbers, logos and the final ask.
From the blog
Notes from the team on building the library.
Design8 min read
Designing calm motion
Movement should explain a change, then get out of the way. Our rules for durations, easing and reduced motion.
Dev Patel
Releases4 min read
Release notes: agents, threads and tables
Plans, approvals, comment threads and sortable data tables land in 2.4, with all of it keyboard first.
Sam Rivers
Engineering5 min read
How we test with a keyboard only
A checklist we run on every component before it ships.
Priya Nair
Design7 min read
Tokens, not themes
A small set of tokens beats a big theme file. What we keep and what we leave out.
Maya Chen
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- Blog gridA grid of article cards with date, tag and summary.
- Plan comparisonPlans side by side with prices and feature lists.
- Comparison tableA feature grid comparing plans or products row by row.
- Stats bandA row of big numbers with short labels.
- Logo marqueeCustomer logos in a slow scrolling row.
- Call to actionA closing band with one clear action.
- Newsletter signupAn email field with consent and success states.
- Blog post templateOne article at a reading measure: a progress line under the header, an outline that marks where you are, linkable headings, the author and three related posts.
- About templateWho is behind the product, in the order buyers and candidates check: the belief, how you got here, the numbers, how you work, the people and the next step.
- Contact templateA contact page that routes the message first: pick the topic and it says who answers and how soon. The form keeps what you typed if sending fails and confirms where the reply will go.
- Legal templateA policy people can read: the short version first, numbered sections with an outline that follows you, linkable clauses, a change history and a print layout.
- Error templateThe pages people land on when something goes wrong, each with the way out that fits: search, ask for access, retry with a reference, wait out maintenance, reconnect or get a new link.