01
02
03
04
Struktursom vokabuler.
Sidebar + main
Två celleer — smal sidopanel, bred innholdskolumn.
2 cells1fr · 2.4fr
▣ Use in project
Sex mønstredelte overallt
Blank layouts
All 6Grid 11Editorial 6Asymmetry 6
Bento grid
Celler av varierande storlek i et tätt rutnät — modernt og informationsrikt.
Explicitacellespecar
▤sidebar-main2 cells
layout: "sidebar-main" cells: 2 columns: [1, 2.4] height: "m"
På hverseksjon.
Sektionslänkar
Hero (split)
ComponentLayoutInteraction
↳ Sidopanel + huvud — 2 celleer, 1fr · 2,4fr
↳ Block släpps in i celleer — strukturellt giltigt genom konstruktion
Ett rutnät,hver skerm.
injisere·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 — et gemensamt vokabuler.
01 Mönstren
Sex strukturella layouter plus en full katalog — välj en gång, återanvänd på hver wireframmee.
02 Cell specs
Varje mønstre deklarerar sina celleer og kolumnvikter — giltigt genom konstruktion, ikke genom hopp.
03 Wireframe links
Koppla et namngivet layoutmønstre til valfri wireframmee-seksjon — strukturen levereras med planen.
04 Varje skerm
Tjugo sidor, en tvåkolumn — samme mønstre håller produkten sammenhållen.
Patterns
Bla
AI
Din AI, via MCP
Layoutmønstre gir AI-en det strukturelle vokabularet til produktet ditt — den bygger skjermer av dine navngitte mønstre i stedet for å oppfinne nye rutenett.
Slik fungerer menneske-gaten
Layouts · Premium — à la carte
Sett Layouts
i arbeid.
Navngitte layoutmønstre for konsistent struktur.
Cloudflare-innlogging · kjerne-workspace gratis