Observable — Gallery / Showcase
Light section 'Join the community' (1,000,000+ notebooks) showing a six-card gallery of real notebook previews (dashboards, maps, scatter plots) each with author avatar and title.
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/observable-join-the-community-notebook-card-gallery.
Palette
#ffffff#f3f3f3#111111
Fonts
Avenir NextInter
Page types
Detail
UX patterns
Stats / KPIs
UI elements
CardAvatarChart
Context
- Parent page: Observable data-notebook landing with serif hero and saturated-blue feature stack
- All of Observable
Other sections on this page
- Hero — Black hero with serif headline over notebook + code screenshots
- Feature — 'Shortest path' three-column feature row
- Logo Wall — Customer logo strip
- Feature — Blue 'Collaborate and share' multiplayer block with chart + code
- Feature — Blue 'Batteries included' import block
- Feature — Blue 'Ready for production' embedding block
- Bento Grid — Eight-tile blue features grid
- Testimonial / Social Proof — Mint-green testimonial quote with portrait
- CTA / Sign-up — 'Get started today' serif CTA
- Footer — Dark multi-column footer