Identità visiva
Guida di stile
Lo stile di bcosmetics.it nasce dal logo. Lo sfondo bianco e il testo antracite mettono in risalto i prodotti, i pulsanti sono antracite e il vinaccia distingue link e stati attivi.
Esplora la palettePalette
Stile minimalista: bianco, grigio chiaro e antracite. Il vinaccia è l’unico accento, usato per hover e stati attivi.
Bianco
#FFFFFFSfondo, menu e schede
Grigio perla
#F6F6F6Fondo per foto prodotto e pannelli
Antracite
#212121Titoli, testo e pulsanti
Grigio scuro
#727178Testo secondario
Grigio chiaro
#E9E9EBBordi e separatori
Grigio medio
#8A8A8AContorni dei campi
Vinaccia
#702C4BHover, link e stati attivi
L’oro è riservato al monogramma BC del logo.
Tipografia
Onest Variable per titoli, testo e interfaccia.
ONEST · 100–900
Titoli · 600
I gesti di ogni giorno
Testo · 400
Scopri prodotti da aggiungere alla tua routine di bellezza.
Icone Lucide
Icone a contorno con tratto da 1,5 px. Il colore segue quello del testo o dell’azione.
- Ricerca
- Make-up
- Cura del viso
- Avanti
Bordi e angoli
Angoli retti e bordi sottili, senza decorazioni.
- Pulsanti, campi e schede
- 0 px
- Banner fotografici
- 0 px
Scheda prodotto
Un esempio di come la palette accompagna le immagini del catalogo.
Scheda recensione
Esempio di impaginazione con foto del prodotto, citazione e autore.
Il testo della recensione viene mostrato qui.