Clerk — Bento Grid
A pill-style category filter (All categories, Company, Engineering, Testimonial, Guides, Insights) sits above three rounded white cards whose thumbnails are miniature dark terminal windows running Clerk CLI commands, each with date, bold title, summary and a 'Read more' link.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/clerk-category-filter-three-featured-post-cards.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #242329 |
| Contrast | 15.59 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.607 |
| Measured size | 1600×1845 px |
Palette
#FFFFFF#0A0A0A#6C47FF
Fonts
Geist
Page types
Detail
UX patterns
Filter & Sorting
UI elements
CardTabsCode Block
Context
Other sections on this page
- Hero — More than authentication — oversized headline hero on dotted backdrop
- Feature — Trusted-by logo strip + pixel-perfect UIs with live sign-up card
- Feature — Auth bento tail — B2B multi-tenancy cards + subscription billing demo
- Testimonial / Social Proof — SDK icon walls + trusted-around-the-world testimonial wall + footer