Layout & Szekciók
Oldal felépítés és szekció minták
Szekció háttér ritmus
Az oldalak vizuális ritmusa váltakozó háttérszínekből áll. Ez biztosítja a tartalmi tagolást és a kellemes olvasási élményt.
#FFFFFF#F5F5F5#FFFEF5#FFFFFFHero típusok
Két fő hero variáns: sötét (esemény, landing) és világos (tartalom, magazin).
Sötét hero
Fekete háttér, muted videó/kép, sárga gradient overlay. A H1-ben sárga kiemelt kulcsszó. Landing page-ek, esemény oldalak.
magyar designerektől
Világos hero
Fehér vagy lágy sárga háttér, erős tipográfiai kiemelés. Magazin, tudástár, belső oldalak.
Grid rendszer
Egységes szélességek, paddigek és gap-ek az egész oldalon.
| Tulajdonság | Érték | Megjegyzés |
|---|---|---|
| Content max-width | 72rem (1152px) | Fő tartalmi terület |
| Oldal padding | px-5 (20px) | Mindkét oldalon |
| Grid gap | gap-6 (24px) | Kártyák, oszlopok között |
| Szekció padding | py-20 (80px) | Alap szekciók |
| Hero padding | py-32 (128px) | Hero szekciók |
Záró CTA szekció
Minden oldal végén egy figyelemfelkeltő, sárga gradienssel keretezett CTA blokk.
Csatlakozz a közösséghez
Légy része Magyarország legnagyobb designer közösségének. Tudás, kapcsolatok, fejlődés — együtt.
Navigáció specifikáció
A fejléc (header) mindig ragadós, fehér háttérrel és blur effekttel.
Sticky header
position: sticky; top: 0
Fehér háttér
bg-white/80 áttetszőség
Backdrop blur
backdrop-blur-lg (16px)