Design System

Logotipo

Wordmark Sinky® — tipografia bold arredondada, assimétrica, com ponto de período característico. Disponível em versão clara e escura.

Principal — Negativo

Branco #FFFFFF sobre Preto #000000

Positivo — Fundo Claro

Preto #000000 sobre Branco #FFFFFF

Large — 200px min digital

Medium — header / navbar

Small — favicon / app icon min

Paleta de Cores

Paleta oficial Sinky — Preto e Branco como bases primárias, e o Degradê Sinky com 5 stops exclusivos da marca.

Esses são exemplos de como a nossa paleta de cores pode ser aplicada de forma ideal para manter a uniformidade visual em grandes iniciativas, eventos e campanhas da marca.

Destacamos exemplos de combinações de cores que podem comprometer a legibilidade e a identidade da marca. Não use cores sólidas fora da paleta, combinações ilegíveis ou degradê sobre fundos incorretos.

Ícones

Marca símbolo da Sinky — o lettermark "S" em duas versões: isolado e em contenedor com bordas arredondadas (app icon).

Elementos Gráficos

Os elementos gráficos são formas 3D dinâmicas e impactantes construídas com padrão de repetição consistente, utilizando o degradê da identidade Sinky. Foram concebidos para encapsular a marca e são aplicados em comunicações, hero sections, eventos e campanhas.

GRAFISMO 01 · Imagem oficial da marca

Forma ondulante composta por painéis finos repetidos ao longo de uma curva sinusoidal. O degradê da marca percorre toda a extensão da onda do navy ao coral.

GRAFISMO 02 · Imagem oficial da marca

Conjunto de painéis planos expandindo em leque a partir de uma origem, criando profundidade e perspectiva arquitetônica. Os tons frios do navy dominam a sombra enquanto o teal e o coral iluminam as bordas.

Os elementos gráficos complementares da marca aderem a um padrão de repetição consistente e impactante, o que nos oferece a flexibilidade para criar infinitas aplicações, enquanto ainda mantemos a consistência na linguagem gráfica.

Sinky.

Simplificamos sua
automação de decisões.

Descubra como podemos te ajudar ↗

✓ Grafismo 01 — Onda como hero background

Sinky. ProdutoSobreCasesBlog

Simplificamos sua
automação de decisões.

✓ Grafismo 02 — Leque como header/navbar background

Um universo gráfico eficaz é fundamental para consolidar a comunicação. Esta seção descreve práticas que devem ser evitadas para garantir a correta utilização da marca.

Tipografia

Google Sans Flex como fonte principal — variável, com controle total sobre peso (100–900), largura e gradação óptica.

Botões

Dois CTAs principais — Laranja (ação primária) e Teal (ação secundária) — com bordas 100% arredondadas.

Cards

Formulários

Badges & Tags

Alertas

Avatares

Dados & Métricas

Blocos Legais & Educativos

Componentes utilizados nas páginas Terms, Privacy e LGPD.

Carreiras & Cultura

Componentes exclusivos desenvolvidos para a página de Careers.

Elementos Gráficos Extras

Padrões visuais aplicados nas páginas do novo site institucional da Sinky.

Efeitos Visuais

:root {
  /* Sinky Official Palette */
  --color-navy:   #0A212F;  /* Degradê stop 1 */
  --color-teal:   #138090;  /* Degradê stop 2 */
  --color-sand:   #DCD8C4;  /* Degradê stop 3 */
  --color-amber:  #E88737;  /* Degradê stop 4 */
  --color-coral:  #ED7048;  /* Degradê stop 5 — Primary CTA */
  --color-bg:     #000000;  /* Preto — Pantone BLACK 6C */
  /* Branco — Pantone 000C WHITE: #FFFFFF */

  --gradient-sinky: linear-gradient(90deg,
    #0A212F 0%, #138090 35%,
    #DCD8C4 55%, #E88737 75%, #ED7048 100%);

  --font-sans: 'Google Sans Flex', 'Google Sans', sans-serif;
  --radius-full: 9999px; /* Pill buttons */
}

Logos de Clientes & Parceiros

Acervo de marcas parceiras utilizadas na seção "Trusted By" com aplicação do filtro Sinky (escala de cinza de alta densidade no estado natural, ganho de cor e elevação no hover).