Tecmundo

Tecmundo é considerado o maior vertical de tecnologia do Brasil e um dos veículos mais relevantes do mundo na categoria. Para conhecer a vertical, acesse: www.tecmundo.com.br

Info

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

Cores

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

Brand primary

600 #355dd4

500 #1087ff

400 #0a9eff

Brand secondary

600 #1f1f1f

500 #444444

400 #525252

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

Token	Descrição	Valor
`$token-color-brand-primary-600`	Cor de Focus	`#355dd4`
`$token-color-brand-primary-500`	Cor Normal	`#1087ff`
`$token-color-brand-primary-400`	Cor de Hover	`#0a9eff`
`$token-color-brand-secondary-600`	Cor de Focus	`#1f1f1f`
`$token-color-brand-secondary-500`	Cor Normal	`#444444`
`$token-color-brand-secondary-400`	Cor de Hover	`#525252`
`$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 TecMundo é a Montserrat com as variações abaixo:

Família	Peso	Valor
Montserrat	Regular	400

Recursos

Tecmundo - Manual de marca - Faça o download do manual de marca para consultar diretrizes de uso da marca Tecmundo em diferentes contextos.
Tecmundo - Logo - Faça o download da logo Tecmundo nas versões .eps, .svg, .png e .jpg.

# Tecmundo

# Cores