Card
Flexible content container with header, body, footer, and media. The base primitive — shadow, border, flat, hoverable, clickable, horizontal, and image variants.
Surface styles
Shadow card
Elevated with shadow-md. Use when the card needs to float above a textured or coloured background.
Border card
1 px border + shadow-sm. The default choice for grids on a white or near-white background.
Flat card
No shadow, no border — background fill only. Works inside panels or sidebars where depth would create noise.
Hoverable
How we cut p99 latency by 70% without changing the database
A deep dive into connection pooling, query plan caching, and the one index that made everything click.
8 min read
Building a design system that developers actually want to use
Tokens, documentation, and the painful lessons we learned shipping a component library across four products.
6 min read
Content-led growth: the playbook that took us from 0 to 40 M ARR
Why we bet the company on SEO, what broke first, and the single metric that changed how we think about distribution.
11 min read
Clickable — full-area link
The entire card surface is clickable. Inline links inside the body still work independently.
How we cut p99 latency by 70% without changing the database
A deep dive into connection pooling, query plan caching, and the one index that made everything click.
8 min read
Luca FerrariBuilding a design system that developers actually want to use
Tokens, documentation, and the painful lessons we learned shipping a component library across four products.
6 min read
Sofia DelgadoContent-led growth: the playbook that took us from 0 to 40 M ARR
Why we bet the company on SEO, what broke first, and the single metric that changed how we think about distribution.
11 min read
James OkoroWith image header
How we cut p99 latency by 70% without changing the database
A deep dive into connection pooling, query plan caching, and the one index that made everything click.
Horizontal
How we cut p99 latency by 70% without changing the database
8 min read · Luca Ferrari
Header + footer
Notification preferences
Choose what you hear about and how.
New comments
When someone replies to your post
Mentions
When you're @mentioned anywhere
Weekly digest
A summary of activity every Monday
Product updates
Release notes and new features
States
Card title
Body content goes here, as long as needed.
Card title
Lifted shadow, slight Y offset.
Nothing here yet
empty