Bento Grid
Build with the Bento Grid look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- SF Pro
- Style
- 2020s Apple Design Language, Bento grid, bento box, modular
- Length
- 936 words
Add it to your project
Then prompt your agent
This style is published by designmd.app by Fabricio Telles. coderef lists its name, palette and fonts so you can find it here; the full DESIGN.md lives on designmd.app.
More like Bento Grid
All styles designs →- 3x3 Grid DesignButton3x3 Grid Design DESIGN.mdView →
3x3 Grid Design
Editorial & Type3x3 grid-based landing page where content is organized in nine uniform boxes. Ideal for feeds de instagram, moodboards, portfólios, design de vestuário/boutiques. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Biennale YellowButtonBiennale Yellow DESIGN.mdView →
Biennale Yellow
Editorial & TypeBiennale Yellow — Solar yellow on warm parchment with deep indigo serif and atmospheric sun-glow gradients. Instrument Serif typography. warm parchment ground with a signature solar-yellow accent, deep indigo navy ink.
○ Light· Instrument Serifdesignmd.app ↗
- Cobalt GridButtonCobalt Grid DESIGN.mdView →
Cobalt Grid
Editorial & TypeCobalt Grid — Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules. Newsreader (italic) typography.
○ Light· Newsreaderdesignmd.app ↗
- Bento Portfólio de ProdutoButtonBento Portfólio de Produto DESIGN.mdView →
Bento Portfólio de Produto
Editorial & TypeVisual and organized Bento Style landing page for a product designer portfolio. Ideal for landing pages, modern websites. AI-ready template.
○ Light· Interdesignmd.app ↗
- Albert Sans TypographyButtonAlbert Sans Typography DESIGN.mdView →
Albert Sans Typography
Editorial & TypeRender a 2D isolated text on a solid background. Ideal for startups, lifestyle brands, landing pages, and simple marketing sites.. AI-ready template.
○ Light· Albert Sansdesignmd.app ↗
- New Era Bold HeroButtonNew Era Bold Hero DESIGN.mdView →
New Era Bold Hero
Editorial & TypeBold cinematic hero with full-screen background video and dark blue fallback. Ideal for creative agencies, portfólios impactantes, landing pages editoriais, marcas de moda. AI-ready template.
◐ Dark· Rubikdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses