3x3 Grid Design
Build with the 3x3 Grid Design look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- System UI stack
- Style
- Modern Digital Layout, 3x3 grid, nine boxes, uniform spacing
- Length
- 978 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 3x3 Grid Design
All styles designs →- 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 GridButtonBento Grid DESIGN.mdView →
Bento Grid
Editorial & TypeBento Grid landing page inspired by Japanese bento boxes and Apple's design language. Ideal for ui/ux, dashboards, portfólios, web design limpo, branding de produtos apple. AI-ready template.
○ Light· SF Prodesignmd.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