Karty „Proč individuální projekt dřevostavby?"

Řada variant, jak oživit karty (whyList) v luxusním duchu. Najeď myší na kartu — efekty jsou na hoveru. Vyber jednu (nebo kombinaci) a nasadím ji na luxus-dev.

Přehraje „nabíjení" bez hoveru, kaskádou — tak jak to spustí telefon při scrollu do viewportu (IntersectionObserver). Znovu klikni pro vypnutí. Ostatní varianty na mobilu ukážou jen klidový akcent.
REF

Současný stav

Plochý tmavý rámeček, bez interakce. Výchozí bod pro srovnání.

Varianta A

Zlatá horní hrana

Decentní zlatý gradient nahoře. Hover: hrana zesílí + karta se zvedne.

Varianta B · doporučeno

Horní hrana + rámeček na hover

Zlatá hrana vždy; hover rozsvítí celý rámeček + jemný glow + lift. Živé v klidu i při najetí.

Varianta C

Zlatý levý okraj

Akcentní pruh vlevo. Hover: zesílí + karta se posune doprava. Seznamový, dynamický.

Varianta D

Rámeček jen na hover

V klidu jako teď. Interakce až na hover: celý rámeček zlatě + glow + lift. Minimalistické.

Varianta E · nová

Rohové zlaté konzoly

Editorial rámování — zlaté „L" v protilehlých rozích. Hover: konzoly narostou. Nejluxusnější, nejtišší.

Varianta F · nová

Zlaté „nabití" zleva

Sladěno s časovou osou 5 kroků — na hover se karta zleva „nabije" zlatým gradientem + narostlá levá hrana. Konzistentní s procesem.

Varianta B+F · kombinace

Horní hrana + nabití + rámeček

Tvoje kombinace: zlatá hrana nahoře vždy; na hover se karta zleva „nabije" zlatým gradientem + rozsvítí celý rámeček + glow + lift. Nejbohatší, ale pořád luxusně zdrženlivé.

Varianta E+ · kombinace

Konzoly + nabíjení do středu

Tvůj nápad: zlaté konzoly v protilehlých rozích; na hover se zlatá záře „nabije" od každé konzole radiálně do středu, kde se potkají. Konzoly zároveň narostou. Nejefektnější, přitom stále elegantní.

Pozn.: hover efekty jsou gated na @media (hover:hover) a bez CLS (transform/opacity/box-shadow; u E+ background-size). Klidový akcent (hrany/konzoly) je vidět všude. Na dotyku se u E+ a B+F nabíjení spustí přes IntersectionObserver při scrollu do viewportu (třída .is-charged, kaskáda). Vybranou variantu zapracuju do individualni-projekty.astro → .pillar-why__list li.