Template Preview · Sprint D mockup
24 layout × 4 brand DNS variáns. Csak vizuális mockup, NEM élesben futó renderer.
Cover4 variáns
Cover · Editorial
cover-editorialMagazin-szerű serif headline + body, kerek kép a sarokban.
A bélflóra titkai: védőpajzs a vastagbélrák ellen?
Tudtad, hogy a bélrendszeredben élő apró lények kulcsszerepet játszhatnak az egészségedben? Fedezd fel velünk.
Cover · Minimal Swiss
cover-minimalVékony accent oszlop balra, sok levegő, sans-serif.
Cover · Bold Brutalist
cover-boldALL CAPS hatalmas headline, kontraszt szín, geometriai dekor.
Cover · Cinematic
cover-cinematicFull-bleed kép háttér, sötét gradient overlay, fehér headline.
Content4 variáns
Mi az a mikrobiom?
Gondolj a bélflórádra úgy, mint egy szuperhős csapatra, ami a bélrendszeredben él. Ezek a baktériumok, vírusok és gombák nem csak úgy vannak, hanem aktívan részt vesznek az emésztésben, a vitaminok termelésében és az immunrendszer edzésében.
Content · Magazine
content-magazineSzínes oldalsáv balra, headline + body jobbra, tag-ek lent.
Gondolj a bélflórádra úgy, mint egy szuperhős csapatra, ami a bélrendszeredben él. Ezek a baktériumok, vírusok és gombák nem csak úgy vannak, hanem aktívan részt vesznek az emésztésben, a vitaminok termelésében és az immunrendszer edzésében.
Content · Minimal Centered
content-minimalKis cím fent, hatalmas centered body, sok fehér.
Mi az a mikrobiom?
Gondolj a bélflórádra úgy, mint egy szuperhős csapatra, ami a bélrendszeredben él. Ezek a baktériumok, vírusok és gombák nem csak úgy vannak, hanem aktívan részt vesznek az emésztésben, a vitaminok termelésében és az immunrendszer edzésében.
Content · Split 50/50
content-splitFelül kép sáv, alul headline + body, accent vonal a határon.
Mi az a mikrobiom?
Gondolj a bélflórádra úgy, mint egy szuperhős csapatra, ami a bélrendszeredben él. Ezek a baktériumok, vírusok és gombák nem csak úgy vannak, hanem aktívan részt vesznek az emésztésben, a vitaminok termelésében és az immunrendszer edzésében.
Content · Floating Card
content-cardSötét háttér, központi kiemelt világos kártya, accent oldalsáv.
Quote4 variáns
Az egészséges test nem csak a betegségek hiánya. Gondolj rá úgy, mint egy jól karbantartott járműre, ami elvisz bárhová.
Quote · Editorial Serif
quote-serifHatalmas idézőjel, italic serif body, attribution alul.
Az egészséges test nem csak a betegségek hiánya. Gondolj rá úgy, mint egy jól karbantartott járműre, ami elvisz bárhová.
Quote · Bold Statement
quote-boldSötét háttér, ALL CAPS quote, accent attribution.
Az egészséges test nem csak a betegségek hiánya. Gondolj rá úgy, mint egy jól karbantartott járműre, ami elvisz bárhová.
Quote · Minimal Air
quote-minimalTiszta háttér, vékony accent vonal, sok levegő.
Quote · Pastel Surface
quote-surfacePasztell felület, dekoratív idézőjel glyph, avatar + szerző.
List4 variáns
3 tipp a bélflórád támogatására
List · Clean Numbered
list-cleanNagy számok bal oldalt, cím + leírás párok, max 3-5 item.
3 tipp a bélflórád támogatására
List · Bullet Dots
list-bulletAccent színű pont a sor előtt, glow-szerű halo.
3 tipp a bélflórád támogatására
List · Timeline
list-timelineVertikális timeline accent vonallal, mérföldkő körök.
3 tipp a bélflórád támogatására
List · Card Stack
list-cardsSötét hátterű kártyák egymás alatt, számozott badge bal oldalt.
Stat4 variáns
Stat · Hero Number
stat-bigHatalmas statisztikai szám középen, label alul, halvány grid bg.
Az immunrendszer 70%-a a bélrendszerben él
Stat · Comparison
stat-comparisonKét szám szembeállítva (Most vs Korábban), sötét + világos panel.
Az immunrendszer 70%-a a bélrendszerben él
Ezért minden, amit eszel, közvetlenül hat az egészségedre.
Stat · Progress Bar
stat-progressNagy szám + label, alatta vízszintes accent progress sáv.
Az immunrendszer 70%-a a bélrendszerben él
Stat · 2×2 Grid
stat-gridSötét háttér, 4 mutató 2×2 elrendezésben, első accent színnel.
CTA4 variáns
Mi az első lépésed?
Gondold át, melyik területed igényel most a legtöbb figyelmet. Írd meg kommentben, mivel kezdenéd a holisztikus utadat.
CTA · Soft Center
cta-softCentered headline + body + lekerekített accent gomb.
Mi az első lépésed?
Gondold át, melyik területed igényel most a legtöbb figyelmet. Írd meg kommentben, mivel kezdenéd a holisztikus utadat.
CTA · Bold Action
cta-boldTeljes accent háttér, óriási headline, framed CTA gomb.
Mi az első lépésed?
Gondold át, melyik területed igényel most a legtöbb figyelmet. Írd meg kommentben, mivel kezdenéd a holisztikus utadat.
Ingyenes felmérés →CTA · Minimal Link
cta-minimalSok levegő, aláhúzott szöveges CTA, semleges háttér.
CTA · Illustrated Blob
cta-illustratedPasztell felület + organikus blob dekor, sötét kontraszt CTA pill.