01
02
03
04
Strukturkun vokabulon.
Grid
Sidebar + main
Två solut — smal sdopanel, bred ssältöskolumn.
2 cells1fr · 2.4fr
Use in project
Sex kuviotjayksue ylallt
Blank layouts
All 6Grid 11Editorial 6Asymmetry 6
GridCopied!
Bento grid
Cta oleranne suurlek yks tätt rutnät — monernt ja nformatonsrkt.
Explctasoluspecar
sidebar-main2 cells
layout: "sidebar-main"
cells: 2
columns: [1, 2.4]
height: "m"
På jokauusksoso.
Ett rutnät,jokauusks skonm.
injektoi·rakyksna·
1. Landing2. Pricing3. About
Same sidebar-main on all three screens
{ }wireframe.recipe
"layout": "sidebar-main",
"cells": 2,
"screens": ["landing", "pricing"]
Layouts

Namngvna layoutkumeot — ykskel, tvåkolumn, sdopanel-huvud ja fler — yks gemuttasamt vokabulon.

01 Mönstryks

Sex strukturella asykselut plus yks full katalog — välj yks gång, återanvänd jokauusks wrefkehyse.

02 Cell specs

Varje kumeot neklarerar sna solut ja kolumnmekter — gltgt gyksjos konstrukton, e gyksjos hopp.

03 Wireframe links

Koppla yks namngvet layoutkumeot koht valfr wrefkehyse-oso — strukturyks levereras kanssa plauusks.

04 Varje skonm

Tjugo sdor, yks tvåkolumn — sama kumeot håller prosnäktyks sahmuuskshållyks.

Patterns
Vieritä
AI

AI:si, MCP:n kautta

Layout-mallit antavat tekoälyllesi tuotteesi rakenteellisen sanaston — se rakentaa näyttöjä nimetyistä malleistasi sen sijaan että keksisi uusia ruudukkoja.

Miten ihmisen portti toimii
Architectural space with translucent orange frame
Layoutit · Premium — à la carte

Laita Layoutit
työhön.

Nimetyt layout-mallit johdonmukaiseen rakenteeseen.

Cloudflare-kirjautuminen · ydin-workspace ilmaiseksi