Piave Cosmetics

Design System · v1.0 · Fiel ao Brandbook oficial

Sistema visual Piave

A base de identidade do site institucional global. Cada cor, fonte e componente segue o Brandbook oficial da Piave Cosmetics. Esta página é a referência viva que vira o tema Shopify.

01 · Fundamentos

Cores da marca

As quatro cores oficiais definidas no Brandbook (pág. 13, valores digitais). Não existem dourado, verde escuro ou outras cores na identidade Piave.

Verde Pistache

#B4D6B9

Assinatura · frescor & natureza

Salmão

#F79883

Destaque · elegância & graciosidade

Grafite

#333333

Texto · sofisticação & tecnologia

Branco

#FFFFFF

Base · cuidado & nutrição

Escala — Verde Pistache

900 700 500 300 100 050

Escala — Salmão

900 700 500 300 100 050

Escala — Grafite / Neutros

900 700 500 300 200 100 050

02 · Fundamentos

Tipografia

Alata nos títulos (ecoa o logotipo "COSMETICS") · Work Sans no corpo e UI (fonte de trabalho oficial). Regra editorial: palavra-chave destacada em salmão, sempre no mesmo formato (sem itálico).

DisplayAlata · clamp 40–72px
Ouse ser você
H1Alata · clamp 32–52px
Dedicação & paixão por cabelos
H2Alata · clamp 26–36px
A força do pistache, fio a fio
H3Alata · clamp 20–24px
Linha HydraNutri Professional
CorpoWork Sans · 18px · 1.65
A Piave nasce da herança do Rio Piave, em Veneza, e traduz a beleza italiana em cosméticos capilares de alta performance. Cada fórmula combina frescor, cuidado e tecnologia para revelar o melhor de cada fio.
PesosWork Sans variable 100–900
Light Regular Medium SemiBold Bold
EyebrowWork Sans · tracking 0.22em

P I A V E   C O S M E T I C S

03 · Componentes

Botões

04 · Componentes

Cards de linha

Linha

HydraNutri

Hidratação e nutrição profunda para cabelos ressecados.

Ver linha

Linha

BondRepair

Reconstrução das pontes de dissulfeto, fio a fio.

Ver linha

Linha

SmoothPRO

Alisamento e disciplina com toque sedoso e duradouro.

Ver linha

05 · Marca

Logomarca & Brasão

Aplicação sobre cada fundo conforme o brandbook. O brasão (letra P) é usado como assinatura, mosca de vídeo e marca d'água.

Logomarca

Logo grafite em fundo branco

Grafite / fundo branco

Logo branca em fundo verde

Branca / fundo verde

Logo branca em fundo salmão

Branca / fundo salmão

Logo branca em fundo grafite

Branca / fundo grafite

Brasão

Brasão grafite

Grafite / fundo branco

Brasão branco

Branco / fundo verde

Brasão branco

Branco / fundo salmão

Brasão verde

Verde / fundo grafite