Ikonografia
Emoji + Lucide — kétféle ikonnyelv
Tartalmi ikonok — Emoji
A programok és tartalmi kategóriák saját emojit kapnak. Ezek meleg, emberi tónust adnak a brandnek.
Funkcionális ikonok — Lucide
UI funkciókhoz a Lucide React ikonkészletet használjuk, vékony vonallal (strokeWidth: 1.75).
Fekete — világos háttéron
Sárga hátteres
Fehér — sötét háttéron
BrandIcon változatok
A BrandIcon komponens különböző variant, shape és size kombinációkkal.
Formák (shape)
circle
rounded
square
Méretek (size)
sm
md
lg
xl
Szabályok
Az ikonhasználat konzisztenciájának szabályai.
Vékony vonal (outline)
Kizárólag vékony vonalú (stroke) ikonokat használunk, 1.75-ös vonalvastagsággal.
Kitöltött (filled) ikonok
Soha ne használj kitöltött, solid vagy duotone ikonokat. Csak outline.
Fekete, sárga vagy fehér
Az ikonok kizárólag fekete (#000), sárga (#FFF012) vagy fehér (#FFF) színben jelenhetnek meg.
Más színek
Ne használj piros, kék, zöld vagy bármi más színű ikonokat a felületeken.