MozaikaBento Grid

Astro — Bento Grid

Dev Tools · Bento Grid

'Fully Featured' bento grid of capabilities: Content Collections, Zero JavaScript by Default, View Transitions, Optimized Images, UI Integrations, File-Based Routing, Middleware, Deployment Adapters, Simple Templating, Instant Page Loads, AI Ready, Environment Variables, Dev Toolbar.

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/astro-fully-featured-bento.

Measured spec

Schemedark
Background#0C0F19
Text#363944
Contrast1.66
Columns3
Alignmentsplit
Whitespaceairy
Density0.14
Measured size1600×1852 px

Palette

#060913#ECECEE#61DAFB

Fonts

ObviouslyInter

Page types

Detail

UX patterns

Bento GridDark Mode

UI elements

CardCode Block

Context

Other sections on this page