Intern · DEV only

Design System

Componente UI și tokeni de design pentru credit-broker-lp

1 · Culori

primary

#ee9b00

secondary

#7c3aed

success

#34C759

background

#F8FAFC

white

#ffffff

black

#121212

danger

#FF3030

border-light

#E5E4E2

2 · Tipografie

h1Titlu Principal H1
mobile-h1Titlu Principal Mobile H1
h2Titlu Secțiune H2
mobile-h2Titlu Secțiune Mobile H2
h3Subtitlu H3
mobile-h3Subtitlu Mobile H3
h4Label / H4
body-copyText principal pentru paragrafe și descrieri.
body-copy-smallText secundar mai mic pentru detalii suplimentare.
small-copyText mic pentru note și etichete.
extra-small-copyText extra mic pentru metadate și disclaim.
font-defaultPoppins / Google Sans Flex — text curent
font-displayGoogle Sans Flex — display / titluri

5 · Butoane

primary
secondary
whatsapp

6 · Input

default
filled
Acest câmp este obligatoriu.
error state
no label

7 · Textarea

default
filled
Mesajul este prea scurt.
error state

8 · Checkbox

checked
unchecked
with rich label

9 · Radio Group

Alege o opțiune
selected: option-a
Cu eroare
Selectează o opțiune.
error state

10 · Gradient

primary-gradient

linear-gradient(120deg, #f6d365 0%, #fda085 100%)

Folosit pe: butoane CTA, bara accent UiCard

11 · Card

Refinanțare credit imobiliar
Plătești prea mult pentru creditul tău? Te ajutăm să găsești cea mai bună soluție.
icon
Consultanță personalizată
Fiecare client are obiective și nevoi diferite. Analizăm situația ta financiară și îți recomandăm soluțiile potrivite.
simple
Best Performer
Februarie 2023
accent

13 · Loader

Se încarcă...

cu text
fără text

Pagina de design system · Șterge înainte de deploy