Observable — Bento Grid

Data · Bento Grid

'FEATURES' grid of eight white-stroke icon tiles on saturated blue: Imports, Fork & merge, Embeds, Databases, Files, Inputs, Minimap, AI Assist.

Open in Mozaika →

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-eight-tile-blue-features-grid.

Palette

Fonts

Page types

UI elements

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
• Gallery / Showcase — 'Join the community' notebook card gallery
• Testimonial / Social Proof — Mint-green testimonial quote with portrait
• CTA / Sign-up — 'Get started today' serif CTA
• Footer — Dark multi-column footer