Sistema visual

O sistema por trás
da forma.

Cor, tipografia e as regras que mantêm tudo coerente — do logotipo à última linha de CSS. É o mesmo sistema que entregamos documentado em cada projeto.

Sistema de cor

A paleta que carrega o nosso caráter.

Primary

Obsidian

Base escura de todo o site.

Hex#0A0A0F
RGB10 / 10 / 15
CMYK33 / 33 / 0 / 94
Primary

Porcelain

Texto sobre o escuro e painéis claros.

Hex#F4F4F6
RGB244 / 244 / 246
CMYK1 / 1 / 0 / 4
Accent

Volt Lime

Ação principal, ênfase e foco.

Hex#C6F24E
RGB198 / 242 / 78
CMYK18 / 0 / 68 / 5
Accent

Electric Indigo

Blocos de cor e contraponto ao lima.

Hex#5B54E8
RGB91 / 84 / 232
CMYK61 / 64 / 0 / 9
Sistema tipográfico

Fraunces, ao seu comando.

Serifa

Fraunces é uma fonte variável — arraste para ver os eixos de peso e tamanho óptico ao vivo.

Quer um sistema assim para a sua marca?

Contar sobre meu projeto contato@serifalabs.com