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
IA
A sua IA, via MCP
Padrões de layout dão à sua IA o vocabulário estrutural do seu produto — compõe ecrãs a partir dos seus padrões nomeados em vez de inventar novas grelhas.
Como funciona a validação humana
Layouts · Premium — à la carte
Ponha Layouts
a trabalhar.
Padrões de layout nomeados para estrutura consistente.
Início de sessão com Cloudflare · workspace principal gratuito