Home | Mais

Manual da Marca

Aqui você encontra nosso logotipo e os padrões que devem ser seguidos ao utilizar a nossa identidade visual.


Seja bem-vindo ao nosso guia da marca. Explicaremos aqui algumas das diretrizes básicas para o bom uso da nossa identidade visual e seus recursos gráficos.

Logotipo

A marca da Rock Content é representada por um tipo com o nome da empresa em cinza ao lado de um ícone azul que remonta a produção de conteúdo, como se um papel estivesse preenchido por linhas.

Logotipo Rock Content

Tendo em vista as diferentes superfícies nas quais o nosso logotipo aparece, foram desenvolvidas variações que devem ser aplicadas de acordo com o meio no qual o trabalho está representado.

O uso das versões conta com o bom senso de quem as aplica. Para maior destaque e clareza, as versões colorida e em escala de cinza se aplicam bem em fundos brancos. Nos casos em que o fundo apresentar cores e efeitos que podem comprometer a leitura da marca, utiliza-se a versão branca.

Ícone

O ícone do logotipo pode ser aplicado separadamente em situações que demandam sutileza.

A regra de aplicação do ícone é a mesma do logotipo.

Tipografias

Nossa marca faz uso da família tipográfica Soho. Contudo, utilizamos como fonte principal para o meio digital a Roboto, a qual proporciona uma boa leitura tanto nas plataformas mobile, quanto nas desktop. Como apoio, a família Lato traz descontração nas Redes Sociais e nos caracteres numéricos usados nos nossos produtos.

Roboto

Roboto Thin (100)

Roboto Light (300)

Roboto Regular (400)

Roboto Medium (500)

Roboto Bold (700)

A​‌B​‌CÇ​‌D​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​‌‌a​‌b​‌c​‌çd​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​‌n​‌o​‌p​‌q​‌r​‌s​‌​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

Download

HTML
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
CSS
font-family: 'Roboto', sans-serif;

Roboto Slab

Roboto Slab Thin (100)

Roboto Slab Light (300)

Roboto Slab Regular (400)

Roboto Slab Bold (700)

A​‌B​‌CÇ​‌D​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​‌‌a​‌b​‌c​‌çd​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​‌n​‌o​‌p​‌q​‌r​‌s​‌​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

Download

HTML
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet">
CSS
font-family: 'Roboto Slab', serif;

Lato

Lato Thin (100)

Lato Light (300)

Lato Regular (400)

Lato Bold (700)

‌​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

Download

HTML
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel="stylesheet">
CSS
font-family: 'Lato', sans-serif;

Soho® Gothic

Soho Gothic Regular

A​‌B​‌CÇ​‌D​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​‌‌a​‌b​‌c​‌çd​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​‌n​‌o​‌p​‌q​‌r​‌s​‌​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

Paleta de cores

Nossa paleta cromática é dividida em cores institucionais e complementares.

Cores Institucionais

Azul

HEX #4967a9
RGB rgb(73, 103, 169)
HSV hsv(221°, 57%, 66%)
HSL hsl(221°, 40%, 47%)
CMYK cmyk(57%, 39%, 0%, 34%)

Cinza

HEX #5f625f
RGB rgb(95, 98, 95)
HSV hsv(120°, 3%, 38%)
HSL hsl(120°, 2%, 38%)
CMYK cmyk(3%, 0%, 3%, 62%)

Cores Complementares

Verde escuro

HEX #006165
RGB rgb(0, 97, 101)
HSV hsv(182°, 100%, 40%)
HSL hsl(182°, 100%, 20%)
CMYK cmyk(100%, 4%, 0%, 60%)

Verde

HEX #42ae67
RGB rgb(66, 174, 103)
HSV hsv(141°, 62%, 68%)
HSL hsl(141°, 45%, 47%)
CMYK cmyk(62%, 0%, 41%, 32%)

Verde claro

HEX #aec813
RGB rgb(174, 200, 19)
HSV hsv(69°, 91%, 78%)
HSL hsl(69°, 83%, 43%)
CMYK cmyk(13%, 0%, 91%, 22%)

Azul claro

HEX #1bb7d0
RGB rgb(27, 183, 208)
HSV hsv(188°, 87%, 82%)
HSL hsl(188°, 77%, 46%)
CMYK cmyk(87%, 12%, 0%, 18%)

Azul escuro

HEX #263473
RGB rgb(38, 52, 115)
HSV hsv(229°, 67%, 45%)
HSL hsl(229°, 50%, 30%)
CMYK cmyk(67%, 55%, 0%, 55%)

Roxo

HEX #524595
RGB rgb(82, 69, 149)
HSV hsv(250°, 54%, 58%)
HSL hsl(250°, 37%, 43%)
CMYK cmyk(45%, 54%, 0%, 42%)


Outros capítulos dessa seção:

  1. Elementos Web
  2. Manual da Marca
  3. Dicionário