SaveCoins

Save Coins é um serviço que ajuda você a economizar dinheiro comparando os preços dos jogos de Switch nas diferentes eShops do mundo e te mostrando qual tem menor valor. Para conhecer a vertical, acesse: www.savecoins.com.br

Info

Faça o download do manual de marca para maiores informações de branding e regras de uso da marca SaveCoins - Download Brand Guideline

Cores

As cores de marca devem ser seguidas como primárias e possuem os seguintes definições:

Brand primary

600 #cf0a4f

500 #f50057

400 #ff0059

Brand secondary

600 #242424

500 #303030

400 #575757

Use os Tokens de cores conforme as diretrizes de uso expressas anteriormente.

Token	Descrição	Valor
`$token-color-brand-primary-600`	Cor de Focus	`#cf0a4f`
`$token-color-brand-primary-500`	Cor Normal	`#f50057`
`$token-color-brand-primary-400`	Cor de Hover	`#ff0059`
`$token-color-brand-secondary-600`	Cor de Focus	`#242424`
`$token-color-brand-secondary-500`	Cor Normal	`#303030`
`$token-color-brand-secondary-400`	Cor de Hover	`#575757`
`$token-color-transparent`		`rgba(0, 0, 0, 0)`
`$token-color-white`		`#ffffff`
`$token-color-neutral-900`	Use em planos de fundo	`#23282d`
`$token-color-neutral-800`	Use em planos de fundo	`#3e4851`
`$token-color-neutral-700`	Use em planos de fundo	`#636f7a`
`$token-color-neutral-600`	Use em planos de fundo	`#8995a0`
`$token-color-neutral-500`	Use em planos de fundo	`#b8c2cb`
`$token-color-neutral-400`	Use em planos de fundo	`#dbe1e5`
`$token-color-neutral-300`	Use em planos de fundo	`#f1f5f8`
`$token-color-neutral-200`	Use em planos de fundo	`#f6f8fa`
`$token-color-neutral-100`	Use em planos de fundo	`#fafcfd`
`$token-color-grey-900`	Use em textos que precisam de realce	`#030303`
`$token-color-grey-800`	Use em textos de realce secundário	`#262626`
`$token-color-grey-700`	Use em textos de corpo e subtítulos	`#414141`
`$token-color-grey-600`	Use em textos de corpo e subtítulos	`#575757`
`$token-color-grey-500`	Use em textos de corpo e subtítulos	`#b5b7b9`
`$token-color-grey-400`	Use em textos de labels	`#dddddd`
`$token-color-grey-300`	Use para placeholders	`#ecedee`
`$token-color-grey-200`	Use para textos em fundos escuros	`#f7f7f7`
`$token-color-grey-100`	Use para textos e planos de fundo	`#ffffff`
`$token-color-red-600`	Use para mensagens de erro	`#871e1e`
`$token-color-red-500`	Use para mensagens de erro	`#b92828`
`$token-color-red-400`	Use para mensagens de erro	`#fae7e8`
`$token-color-blue-600`	Use para mensagens informativas	`#004570`
`$token-color-blue-500`	Use para mensagens informativas e links	`#0065a4`
`$token-color-blue-400`	Use para mensagens informativas	`#e2eef6`
`$token-color-yellow-600`	Use para mensagens de atenção	`#755c17`
`$token-color-yellow-500`	Use para mensagens de atenção	`#ffca34`
`$token-color-yellow-400`	Use para mensagens de atenção	`#fff6dd`
`$token-color-green-600`	Use para mensagens de sucesso	`#005726`
`$token-color-green-500`	Use para mensagens de sucesso	`#00893c`
`$token-color-green-400`	Use para mensagens de sucesso	`#e4f2ea`
`$token-color-facebook-600`	Use para Facebook	`#365899`
`$token-color-facebook-500`	Use para Facebook	`#4267b2`
`$token-color-facebook-400`	Use para Facebook	`#476fbf`
`$token-color-linkedin-600`	Use para Linkedin	`#006a9c`
`$token-color-linkedin-500`	Use para Linkedin	`#067ab1`
`$token-color-linkedin-400`	Use para Linkedin	`#007db8`
`$token-color-twitter-600`	Use para Twitter	`#1a90d9`
`$token-color-twitter-500`	Use para Twitter	`#1d9ff0`
`$token-color-twitter-400`	Use para Twitter	`#1fa9ff`
`$token-color-instagram-600`	Use para Instagram	`#a8258c`
`$token-color-instagram-500`	Use para Instagram	`#c32aa3`
`$token-color-instagram-400`	Use para Instagram	`#cc2daa`

Tipografia

Atenção

Essa família tipográfica está depreciada (usada somente em projetos antigos). Opte por usar a Source Sans Pro. Link.

A tipografia de conteúdo usada no SaveCoins é a Roboto com as variações abaixo:

Família	Peso	Valor
Roboto	Regular	400
Roboto	Medium	700

Recursos

SaveCoins - Logo - Faça o download da logo SaveCoins nas versões .eps, .svg, .png e .jpg.

# SaveCoins

# Cores