01
02
03
04
Struktursom vokabulär.
Sidebar + main
Två celler — smal sidopanel, bred innehållskolumn.
2 cells1fr · 2.4fr
▣ Use in project
Sex mönsterdelade överallt
Tomma layouter
All 6Grid 11Editorial 6Asymmetry 6
Bento grid
Celler av varierande storlek i ett tätt rutnät — modernt och informationsrikt.
Explicitacellspecar
▤sidebar-main2 cells
layout: "sidebar-main" cells: 2 columns: [1, 2.4] height: "m"
På varjesektion.
Sektionslänkar
Hero (split)
ComponentLayoutInteraction
↳ Sidopanel + huvud — 2 celler, 1fr · 2,4fr
↳ Block släpps in i celler — strukturellt giltigt genom konstruktion
Ett rutnät,varje skärm.
injicera·bygg·
1. Landing2. Pricing3. About
{ }wireframe.recipe
"layout": "sidebar-main",
"cells": 2,
"screens": ["landing", "pricing"]
→ Layouter
Namngivna layoutmönster — enkel, tvåkolumn, sidopanel-huvud och fler — ett gemensamt vokabulär.
01 Mönstren
Sex strukturella layouter plus en full katalog — välj en gång, återanvänd på varje wireframe.
02 Cellspecar
Varje mönster deklarerar sina celler och kolumnvikter — giltigt genom konstruktion, inte genom hopp.
03 Wireframe-kopplingar
Koppla ett namngivet layoutmönster till valfri wireframe-sektion — strukturen levereras med planen.
04 Varje skärm
Tjugo sidor, en tvåkolumn — samma mönster håller produkten sammanhållen.
Patterns
Skrolla
AI
La tua AI, via MCP
I pattern layout danno alla tua IA il vocabolario strutturale del prodotto — compone schermi dai tuoi pattern nominati invece di inventare nuove griglie.
Come funziona il gate umano
Layout · Premium — à la carte
Metti Layout
al lavoro.
Pattern di layout nominati per struttura coerente.
Accesso con Cloudflare · workspace di base gratuito