Ativos da marca

A marca

Os arquivos e as regras para exibir meu nome em algum lugar — um evento, um post, um slide. Pegue o que precisar.

Logotipo

O nome, e só. É com ele que se assina.

Ciro Cesar Maciel

A VERSÃO ESCURA SOBRE FUNDO CLARO É O PADRÃO

O símbolo

O raio, o mesmo símbolo dos produtos. Use-o sozinho onde o nome não cabe: favicon, avatar, carimbo. Ao lado do nome, ele não substitui o logotipo — quem assina é o nome.

Símbolo: uma lâmpada com um raio dentro

Paleta de cores

Três valores, e nenhuma cor de destaque. O que destaca é o tamanho do texto, não a cor.

Preto profundo

#11181C

Texto, símbolo e logotipo.

Cinza suave

#F9FAFB

Faixas que separam uma seção da outra.

Branco puro

#FFFFFF

O fundo padrão, e a maior parte da página.

Tipografia

Uma família só, em quatro pesos.

Montserrat

TIPOGRAFIA PRINCIPAL

Por que Montserrat

Geométrica e sem serifa: mantém a forma tanto num título de 64px quanto num rótulo de 12px, que é o intervalo que este site usa. É a mesma fonte do site dos produtos — os dois são construídos com o mesmo kit.

Como usar

A hierarquia é feita com peso e tamanho, nunca com cor. Pesos altos (700+) nos títulos, regular no corpo — e nada no meio disputando atenção.

Regular

Corpo de texto e descrições

Medium

Subtítulos e ênfase

Bold

Títulos principais

Black

Destaque e alto contraste

Redes sociais e OpenGraph

O cartão que aparece quando um link deste site é compartilhado.

Cartão de compartilhamento do site
1200 x 630 px

Visão geral

É o que aparece quando alguém cola um link deste site no WhatsApp, no LinkedIn ou no X. O mesmo cartão para o site inteiro, com o símbolo, o nome e o retrato.

ESPECIFICAÇÕES

Formato: WebP

Proporção: 1.91:1

Peso: menos de 300KB

E os produtos

O símbolo é o mesmo dos produtos: o raio. A fonte, a paleta e o kit também, porque é a mesma mão construindo. A diferença é o que cada superfície faz: aqui é quem constrói, lá é o que está no ar para você usar.

Ciro Cesar Maciel

INFRASTRUCTURE