Kezdd itt
A teljes leírás a README-ben van.
Mobilapp UI kitKattintható prototípus: webshop, termék, kosár, Ütőválasztó, Pályakereső, profil, Mánia+
SablonkészletKözösségi és hirdetési sablonok, sötét változat
Sablonkészlet, brightCoral alapú, Instagram-poszt stílusú változat
Komponensek
Minden csoport egy bemutató oldal; a props szerződés a .d.ts, a használati jegyzet a .prompt.md fájlban van.
CoreButton, Badge, Chip, Input, ProgressBar, QtyStepper, Skeleton
NavigációAppHeader, ScreenHeader, SegmentControl, SectionHeader, TabBar, MenuSection
WebshopProductCard, CategoryCard, PriceBlock, ManiaPriceBox, CartLineItem
PromóManiaPlusBanner, FeatureCta, NoticeBanner, StatCard, BenefitRow
PályakeresőCourtCard: alap, kedvenc, lenyitott
KvízQuizOptionCard: szint, kép, ikon és költségkeret változatok
Színek
TealA márka alapja: chrome, ár, sötét háttér
CoralAz egyetlen akciószín
Meleg semlegesCream felületek, meleg szürke szöveg
MauveCsak print és kampány, appban nem
Szürke skálaVilágos végén meleg tónus
Szemantikus párokMinden állapothoz telt szín és tint
StátuszNyitvatartás, kedvencek, értékelés
FelületekMelyik komponens milyen háttéren ül
Tipográfia
Display és címsorokInter Bold és SemiBold, 34 / 28 / 24 / 20 px
SzövegtörzsInter Regular, 17 / 15 / 13 / 11 px
Címkék és gombokA felületet hordozó mikrotipográfia
ÁrBold, ezres tagolás, Ft utótag
SúlyokNégy statikus súly, dőlt nincs
Magyar karakterkészletHosszú ékezetek, fontcsere csak teljes ő/ű készlettel
Spacing és forma
Spacing skála4 px alaplépés, 16 px képernyőmargó
Margók használatban16 / 12 / 10 px
Lekerekítések6 / 10 / 12 / 14 / 16 / 24 px és teljes
ÁrnyékokSemleges a chrome-hoz, teal tónusú a kártyákhoz
Márka, képi világ, ikonok
LogókKétszínű, negatív és egyszínű változatok
Brand mark és app ikonAz önálló jel
Mánia+A tagsági almárka logója
Behajtott sarokAz egyetlen grafikai elem
Stúdió termékfotókÁtlátszó háttér, sosem vágva
Kampány és taktilis képekMeleg nappali fény, közeli vágás
Phosphor ikonokAz egyetlen ikoncsalád
Padel ikoncsomagKiegészítő, átszínezendő
Kampány: Minden padel labda 990 Ft
A design systemre épülő hirdetési kreatívok verziói.