POFOSZ Style Test
POFOSZ alapstílus preview
Ez az oldal az importált design tokenekre épülő base CSS, layout helperek, tipográfia és alap komponensek ellenőrzésére szolgál.
Ez nem végleges főoldali szekció, hanem belső vizuális ellenőrző felület.
Háttérvariációk
Warm
Meleg háttér tokenből.
Surface
Felület háttér tokenből.
Container
Max-width és belső padding ellenőrzése.
Sötét szekció világos szöveggel
A sötét háttér és a világos szöveg kontrasztját ellenőrzi.
Heading XL skála
Heading LG skála
Heading MD skála
Lead szöveg hosszabb bevezetőkhöz, tokenalapú mérettel és sortávolsággal.
Normál body szöveg, amely későbbi tartalmi blokkok alap bekezdéseihez használható.
Kisebb kiegészítő szöveg meta információkhoz.
Muted változat másodlagos információhoz.
Card és interactive card
Alap kártya
Surface háttér, border, radius és shadow tokenből.
Interaktív kártya
Hover és focus-within állapot finom kiemeléssel.
Egységes spacing
A stack helper tartja a belső ritmust.
Grid helper töréspontok
Grid 2 / 1
Grid 2 / 2
Grid 3 / 1
Grid 3 / 2
Grid 3 / 3
Grid 4 / 1
Grid 4 / 2
Grid 4 / 3
Grid 4 / 4