01
02
03
04
Struktursom vokabuler.
Sidebar + main
Två celler — smal sidopanel, bred indholdskolumn.
2 cells1fr · 2.4fr
▣ Use in project
Sex mønstredelade overallt
Blank layouts
All 6Grid 11Editorial 6Asymmetry 6
Bento grid
Celler af varierande storlek i ett tätt rutnät — modernt og informationsrikt.
Explicitacellspecar
▤sidebar-main2 cells
layout: "sidebar-main" cells: 2 columns: [1, 2.4] height: "m"
På hversektion.
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,hver skerm.
injicere·bygg·
1. Landing2. Pricing3. About
{ }wireframe.recipe
"layout": "sidebar-main",
"cells": 2,
"screens": ["landing", "pricing"]
→ Layouts
Namngivna layoutmønstre — enkel, tvåkolumn, sidopanel-huvud og fler — ett gemensamt vokabuler.
01 Mönstren
Sex strukturella layouts plus en full katalog — välj en gång, återanvänd på hver wireframe.
02 Cell specs
Varje mønstre deklarerar sina celler og kolumnvikter — giltigt genom konstruktion, ikke genom hopp.
03 Wireframe links
Koppla ett namngivet layoutmønstre til valfri wireframe-sektion — strukturen levereras med planen.
04 Varje skerm
Tjugo sidor, en tvåkolumn — samme mønstre håller produkten sammenhållen.
Patterns
Rul
AI
Din AI, via MCP
Layoutmønstre giver din AI dit produkts strukturelle ordforråd — den bygger skærme af dine navngivne mønstre i stedet for at opfinde nye gitre.
Sådan virker human-gate
Layouts · Premium — à la carte
Sæt Layouts
i arbejde.
Navngivne layoutmønstre for konsistent struktur.
Cloudflare-login · kerne-workspace gratis