Identitatea vizuală LiciTot
Ghidul nostru de brand: culori, tipografie, logo și ton. Simplu, de încredere și prietenos — pentru că totul se licitează.
Culori
Alb și bleu bebe, cu un albastru mai profund pentru tot ce trebuie citit sau apăsat. Bleu bebe nu se folosește niciodată pentru text pe alb — nu are contrast suficient.
Alb
#FFFFFF · #0B1320
Fundalul principal
Bleu bebe
#8EC9F5 · #8EC9F5
Suprafețe, evidențieri, ilustrații — niciodată text
Contrast pe alb: 1.78:1
Bleu pal
#E8F4FD · #13283F
Fundaluri de secțiuni și carduri evidențiate
Contrast pe alb: 1.12:1
Albastru LiciTot
#1D6FC2 · #8EC9F5
Butoane, linkuri, text pe alb
Contrast pe alb: 5.12:1
Bleumarin
#0F1B2D · #E6EEF7
Text principal
Contrast pe alb: 17.28:1
Gri ardezie
#52627A · #9DB0C7
Text secundar, metadate
Contrast pe alb: 6.20:1
Gri linie
#DCE5EF · #22324A
Borduri, separatoare
Contrast pe alb: 1.27:1
Verde
#157F3D · #4ADE80
Licitație câștigată, plată reușită
Contrast pe alb: 5.08:1
Chihlimbar
#A15C07 · #FBBF24
Se termină curând, preț de rezervă neatins
Contrast pe alb: 5.19:1
Roșu
#C2281D · #F87171
Erori, ai fost depășit, anulare
Contrast pe alb: 5.81:1
Perechi de contrast verificate (WCAG AA)
Fiecare combinație text/fundal folosită în interfață e testată automat în ambele teme.
| Aa | foreground / background | 17.28 ≥ 4.5 |
| Aa | card-foreground / card | 17.28 ≥ 4.5 |
| Aa | popover-foreground / popover | 17.28 ≥ 4.5 |
| Aa | muted-foreground / background | 6.20 ≥ 4.5 |
| Aa | muted-foreground / muted | 5.76 ≥ 4.5 |
| Aa | muted-foreground / card | 6.20 ≥ 4.5 |
| Aa | primary / background | 5.12 ≥ 4.5 |
| Aa | primary / card | 5.12 ≥ 4.5 |
| Aa | primary-foreground / primary | 5.12 ≥ 4.5 |
| Aa | primary-foreground / primary-hover | 5.84 ≥ 4.5 |
| Aa | secondary-foreground / secondary | 8.06 ≥ 4.5 |
| Aa | accent-foreground / accent | 10.37 ≥ 4.5 |
| Aa | sky-foreground / sky | 6.53 ≥ 4.5 |
| Aa | destructive / background | 5.81 ≥ 4.5 |
| Aa | destructive / destructive-soft | 5.08 ≥ 4.5 |
| Aa | success / background | 5.08 ≥ 4.5 |
| Aa | success / success-soft | 4.54 ≥ 4.5 |
| Aa | warning / background | 5.19 ≥ 4.5 |
| Aa | warning / warning-soft | 4.75 ≥ 4.5 |
| Aa | input / background | 3.39 ≥ 3 |
| Aa | ring / background | 5.12 ≥ 3 |
| Aa | foreground / background | 15.90 ≥ 4.5 |
| Aa | card-foreground / card | 14.63 ≥ 4.5 |
| Aa | popover-foreground / popover | 14.63 ≥ 4.5 |
| Aa | muted-foreground / background | 8.39 ≥ 4.5 |
| Aa | muted-foreground / muted | 7.09 ≥ 4.5 |
| Aa | muted-foreground / card | 7.72 ≥ 4.5 |
| Aa | primary / background | 10.48 ≥ 4.5 |
| Aa | primary / card | 9.64 ≥ 4.5 |
| Aa | primary-foreground / primary | 10.48 ≥ 4.5 |
| Aa | primary-foreground / primary-hover | 12.11 ≥ 4.5 |
| Aa | secondary-foreground / secondary | 11.07 ≥ 4.5 |
| Aa | accent-foreground / accent | 11.07 ≥ 4.5 |
| Aa | sky-foreground / sky | 10.48 ≥ 4.5 |
| Aa | destructive / background | 6.73 ≥ 4.5 |
| Aa | destructive / destructive-soft | 5.84 ≥ 4.5 |
| Aa | success / background | 10.68 ≥ 4.5 |
| Aa | success / success-soft | 8.43 ≥ 4.5 |
| Aa | warning / background | 11.15 ≥ 4.5 |
| Aa | warning / warning-soft | 8.84 ≥ 4.5 |
| Aa | input / background | 3.62 ≥ 3 |
| Aa | ring / background | 10.48 ≥ 3 |
Tipografie
Plus Jakarta Sans — modernă, rotunjită, cu suport complet pentru ă, â, î, ș, ț (cu virgulă, nu cu sedilă).
- Display · 40/46 · 800Șase țânțari zburdă prin ceață
- H1 · 36/40 · 800Șase țânțari zburdă prin ceață
- H2 · 24/32 · 700Șase țânțari zburdă prin ceață
- H3 · 20/28 · 600Șase țânțari zburdă prin ceață
- Body · 16/24 · 400Șase țânțari zburdă prin ceață
- Small · 14/20 · 400Șase țânțari zburdă prin ceață
- Caption · 12/16 · 500Șase țânțari zburdă prin ceață
Logo
O etichetă de preț care este, în același timp, o săgeată în sus: prețul urcă la fiecare ofertă.
- Păstrează în jurul logoului un spațiu liber egal cu înălțimea găurii etichetei × 2.
- Dimensiune minimă: 24 px pentru simbol, 96 px lățime pentru logoul complet.
- Folosește versiunea monocromă pe fotografii sau fundaluri colorate.
- Nu roti, nu deforma, nu schimba culorile și nu adăuga umbre logoului.
SVG: logo.svg, logo-reversed.svg, logo-mono.svg, logo-mono-white.svg, logo-mark.svg, logo-mark-mono.svg
Spațiere
Grilă de 4 px. Folosim pașii 1, 2, 3, 4, 6, 8, 12, 16 din scala Tailwind.
- 1 · 4px
- 2 · 8px
- 3 · 12px
- 4 · 16px
- 6 · 24px
- 8 · 32px
- 12 · 48px
- 16 · 64px
Colțuri rotunjite
Colțuri prietenoase, dar nu jucăușe. Raza de bază este 12 px.
- sm
- md
- lg
- xl
- full
Umbre
Umbre discrete, doar pentru a separa straturi.
- card
- raised
- overlay
Componente
Butoane
Câmpuri
Vei primi aproximativ 950 RON după comisionul de 5%.
Prețul trebuie să fie de cel puțin 1 RON.
Etichete de stare
Carduri
Ton și voce
Vorbim ca un prieten care se pricepe: clar, cald și la obiect. Ne adresăm cu „tu”.
Ai fost depășit! Mai licitezi?
Oferta dumneavoastră a fost depășită de un alt utilizator.
Felicitări, ai câștigat! Plătește în 3 zile.
Licitația s-a finalizat cu succes. Vă rugăm efectuați plata.
Vei primi aproximativ 950 RON după comisionul de 5%.
Se aplică un comision conform termenilor.