Gambito da Rainha
Strategic Mind

STYLEGUIDE

Branding Assets

black

white

gold

gray

Brand colors

primary:: darken

primary:: normal

primary:: light

gradient 01

white-dark

#E2DACA

white-normal

#F0ECE3

white-light

#FAF7EF

black-dark

#0D0D0D

black-normal

#171615

black-light

#31302E

#0D0D0D

950

#171615

900

#58534C

700

#6F6C67

500

#F0ECE3

100

#FAF7EF

050

Typography

Aa

Cormorant Garamond

Google Fonts

H1

112px · 430 · 85%

H2

72px · 430 · 88%

H3

40px · 450 · 100%

H4

28px · 400 · 130%

H5

20px · 400 · 140%

H6

16px · 400 · 140%

Aa

Geist

Google Fonts

B1

16px · 400 · 155%

B2

12px · 500 · 140%

B3

10px · 500 · 120%

Buttons & Alerts

Primary Small Hover preview

Notification

Notification message

Notification message

Success

Success message

Success message

Error

Error message

Error message

Warning

Warning message

Warning message

Neutral

Neutral message

Neutral message

Grids

desktop

Columns

12

Width

72px

Gutter

32px

Offset

0

Type

center

dashboard

Columns

12

Width

70px

Gutter

30px

Offset

240

Type

left

tablet

Columns

6

Width

88px

Gutter

32px

iOS

Columns

4

Width

70px

Gutter

18px

Android

Columns

4

Width

68px

Gutter

18px

Icons

Remix Icons

Ícone de rei do xadrez Ícone de rainha do xadrez Ícone de torre do xadrez Ícone de bispo do xadrez Ícone de cavalo do xadrez Ícone de peão do xadrez Ícone de seta para a direita Ícone de seta diagonal para cima e direita Ícone de adicionar Ícone de remover Ícone de fechar Ícone de confirmar Ícone de alvo Ícone de hashtag Ícone de círculo Ícone de início Ícone de comando Ícone de quadrado Ícone de círculo preenchido Ícone de losango Ícone de seta para a direita Ícone de seta para baixo Ícone de seta para a esquerda Ícone de seta para cima Ícone de mira Ícone de mensagem Ícone de exclamação Ícone de interrogação Ícone de smartphone Ícone de código Ícone de coroa Ícone de coração Ícone de marcador Ícone de telefone Ícone de bateria carregando Ícone de confirmação em círculo Ícone de e-mail Ícone de página inicial Ícone de globo Ícone de bandeira Ícone de grade Ícone de copiar documento Ícone de diamante Ícone de alfinete Ícone de confirmação Ícone de adicionar em círculo Ícone de música Ícone de enviar Ícone de alfinete inclinado Ícone de camadas Ícone de banco de dados Ícone de arquivo Ícone de troféu Ícone de microfone Ícone de tela cheia Ícone de download na nuvem Ícone de mouse Ícone de Wi-Fi Ícone de cadeado Ícone de lixeira Ícone de escudo Ícone de energia Ícone de sair Ícone de abrir em nova janela