Sistema tad-disinn
L-styleguide ħaj tad-dar tal-irjali BidWars. Kull kampjun jiġi rrendut minn tokens tat-tema, u għalhekk jibqa' korrett kemm fil-modalità ċara kif fl-skura — uża l-aqleb tat-tema biex tirrevedi it-tnejn.
Tokens tal-kulur
Kull kampjun huwa miżbugħ bl-utilità tat-token (bg-primary, bg-accent…), qatt hex hardkodjat. Il-valuri hex murija huma dokumentazzjoni biss.
--background
#FFFFFF / #09090B
Sħana ta' perġament — wiċċ tal-paġna
--foreground
#0F1B2D / #FAFAFA
Inkjostru navy — test tal-ġisem
--card
--card-foreground
#FFFFFF / #18181B
Uċuħ elevati (cards, popovers)
--primary
--primary-foreground
#0F1B2D / #C9A227
Fiduċja u struttura — azzjonijiet prinċipali (navy ċar / deheb skur)
--secondary
--secondary-foreground
#F4F4F5 / #27272A
Azzjonijiet u uċuħ b'enfasi baxxa
--muted
--muted-foreground
#F4F4F5 / #27272A
Uċuħ attenuati + test ta' għajnuna
--accent
--accent-foreground
#C9A227 / #C9A227
Azzjoni u spotlight — deheb, CTAs ta' boost/qsim
--destructive
--destructive-foreground
#B3402A / #E06A4F
Azzjonijiet distruttivi
--warning
--warning-foreground
#FDE8C8 / #3A2E0B
Stati ta' tbaħħir mingħajr tracking / tilwimiet
--border
#E4E4E7 / #3F3F46
Fruntieri u diviżuri
--input
#E4E4E7 / #71717A
Kontorni ta' oqsma tal-formoli
--ring
#C9A227 / #C9A227
Ċrieki tal-fokus
Tipografija
L-intestaturi jużaw il-faċċa serif (Fraunces, permezz ta' font-display); it-test tal-ġisem juża Inter.
Display — serif (--font-display)
Intestatura 1 — Il-martell jaqa' darba
Intestatura 2 — Jispiċċaw dalwaqt
Intestatura 3 — Dettalji tar-rial
Ġisem — Inter
Ġisem — Agħmel offerti fuq karti tal-ġbir, komiks u oġġetti oħra tal-ġbir f'irjali C2C vinkolanti b'miżati trasparenti.
Żgħir — Il-protezzjoni tax-xerrej tapplika għal kull ordni saldata.
Attenwat — Il-miżati jintweru dejjem qabel tikkonferma offerta.
Komponenti
Primitives kondiviżi minn @auction/ui, rrenduti bil-varjanti tagħhom u snippet qasir ta' użu.
Button
<Button variant="accent" size="lg">…</Button>Badge
<Badge variant="warning">…</Badge>
<Badge className="bg-accent text-accent-foreground">…</Badge>Card
Il-cards huma l-wiċċ elevat għal listings, djalogi u sommarji.
<Card>
<CardHeader><CardTitle>…</CardTitle></CardHeader>
<CardContent>…</CardContent>
<CardFooter>…</CardFooter>
</Card>Input
<Input placeholder="…" />
<Input disabled placeholder="…" />Skeleton
<Skeleton className="aspect-[4/3] w-full" />Avatar
<Avatar>
<AvatarImage src="…" alt="…" />
<AvatarFallback>AH</AvatarFallback>
</Avatar>Mudelli
Kompożizzjonijiet kanoniċi mibnija mill-primitives ta' hawn fuq — ikkopjahom, tagħmilhomx mill-ġdid.
Card ta' rial
Offerta attwali: €245.00
€250.00 + €12.50 tariffa = €262.50