Komponensek
Élő UI komponens könyvtár
Gombok
A BrandButton komponens minden változata és mérete.
Változatok (variant)
Méretek (size)
Ikonnal
Outline-white (sötét háttéron)
Kártyák
A BrandCard komponens minden változata.
Default
Alap kártya fehér háttérrel, szürke borderrel és hover effekttel.
Highlight
Kiemelt kártya sárga borderrel és halvány sárga gradient háttérrel.
Dark
Sötét kártya fekete háttérrel, fehér szöveggel.
Ghost
Átlátszó háttér, hover állapotban szürke háttér jelenik meg.
Flat
Lapos kártya hover effekt nélkül, statikus tartalomhoz.
Badge-ek
A BrandBadge komponens minden színváltozata.
Input mező
Pill formájú input mező sárga fókusz hatással.
Alapállapot
Kitöltött
Letiltott
Ikon változatok
A BrandIcon komponens variant, shape és size kombinációi.
Variant x Shape
Statisztika blokkok
Nagy számok kicsi címkével - lényegre törő, impakt adatok.
1,200+
Közösségi tag
48
Előadás
12
Season
96%
Elégedettség
Szekció hátterek
A BrandSection komponens háttér változatai. Ezek biztosítják az oldal vizuális ritmusát.
white
Alapértelmezett fehér háttér
bg="white"grey
Világos szürke #F5F5F5
bg="grey"softYellow
Lágy sárga #FFFEF5
bg="softYellow"dark
Fekete háttér fehér szöveggel
bg="dark"gradient
Sárga gradient - CTA szekciókhoz
bg="gradient"Avatar stack
Egymásra csúsztatott körök a közösség méret érzékeltetésére.