Kézikönyv-nyelv.
A formák a landing.zwoelf.hu/sajt kézikönyvének mintájára: fejezet-jelölő, címkés doboz, vékony keret, szögletesebb gomb. Ez az oldal ugyanazokat az osztályokat használja, mint a brandguide.hu, ezért ami itt látszik, az élesben is úgy van.
Sarkok és keretek
5-6 px
Gomb, chip, címke
8 px
Fotó, kép
10 px
Kártya, doboz, mező
14 px
Sötét blokk
0
Árnyék
Minden keret 1 px --line, fókuszra vagy hoverre tinta. Árnyék nincs: egyetlen helye a lebegő brandguide/AI-sáv.
Gombok
Fő gombMásodlagosKicsiMiniLink-nyíl →
FehérSárga, csak ittSzellem
6 px, nagybetűs, ritkított, Regular súly. Sárga gomb csak sötét blokkon.
Jelölők
Fejezet-jelölőChipCímkeSárga címkeSötét címke
A fejezet-jelölő előtti kézzel rajzolt jel szekciónként váltakozik, hat elemű készletből. Részletek: Illusztráció.
Dobozok
Címkés doboz: felül sárga címke, alatta két-három mondat.
Sötét címkés változat, ha egy oldalon több doboz van.
Kártya
Fehér, 1 px keret, 10 px sarok.
Meleg kártya
Szekció-váltás színű, ha a fehér túl éles.
Űrlapmező
Feliratkozom
Összefoglaló
| Elem | Érték |
|---|---|
| Gomb | 6 px (mini: 5 px) |
| Chip, címke | 5-6 px |
| Kártya, doboz, űrlapmező | 10 px |
| Fotó, kép | 8 px |
| Sötét blokk | 14 px |
| Konténer | max. 1120 px, oldalt 20 px (mobil), 32 px (desktop) |
| Szekció | 56 px (mobil), 88 px (desktop) függőleges térköz |
Tedd, ne tedd
Tedd
1 px keret, árnyék nélkül.
Ne tedd
Árnyékos, lebegő kártyák (kivéve az AI-sávot).
Tedd
Lekerekített kártya vagy címkés doboz a kiemeléshez.
Ne tedd
Bal oldali borderes idézet.
Tedd
Nagybetűs, ritkított, 6 px-es gomb.
Ne tedd
Pill-gomb, színes pill-badge, emoji a címben.