Frequência

Design system Frequência

Identidade visual de um produto de gestão de carreira artística.

01

Conceito

Som como dado: a onda sonora é a assinatura visual do produto, sempre a nascer do chão. Por cima dela vive uma camada discreta de gravura nordestina em traço fino — sol em linha, andorinhas em voo, chão hachurado — que aparece apenas em cabeçalhos, estados vazios e sinais. Nos ecrãs densos manda a frequência limpa: muito ar, bordas de meio pixel e números em monoespaçada.

02

Cores

Modo claro

--paper

#F6F6F2

fundo da app

--surface

#FFFFFF

cartões

--ink

#1E1E24

texto e traço

--muted

#6E6E78

texto secundário

--faint

#9A9AA2

dados em falta

--line

#E4E4DE

bordas finas

--signal

#5B3BFF

destaque do produto

--pulse

#C6F432

preenchimento de pico

--pulse-ink

#9BC70F

barras e ícones

--tenant

#2A3D81

marca do cliente

Modo escuro

--paper

#141418

fundo da app

--surface

#1E1E24

cartões

--ink

#F3F3EF

texto e traço

--muted

#A0A0AA

texto secundário

--line

#2C2C33

bordas finas

--signal

#8B75FF

destaque do produto

--pulse

#C6F432

preenchimento de pico

O verde-lima --pulse é sempre preenchimento com texto escuro por cima; nunca cor de texto sobre fundo claro. A cor do cliente --tenant vive só no slot da marca.

03

Tipografia

Título de página · 26px / 500

Mara Pavanelly

Secção · 18px / 500

Canais e audiência

Corpo · 14–16px / 400

Space Grotesk em toda a interface, com muito espaço entre blocos.

Dados · JetBrains Mono 400/500

691,9 mil · 503 mil · 2,0 mi

04

Ilustrações em gravura

Sol

Símbolo do produto e logótipo. Também no rodapé da sidebar.

Andorinhas

Silhueta sólida, sempre pequena e em pares. Estados vazios e cabeçalhos.

Chão gravado

Base da composição. Nunca por baixo de tabelas.

Onda sonora

Decorativa ou alimentada por dados reais, com 1–2 picos em verde-lima.

Cabeçalho de gravura

Regra de uso: gravura só em cabeçalhos, estados vazios e sinais. Em tabelas, financeiro e relatórios, nunca.

05

Componentes

Botões

Input

Select

Tooltip

Tabs

Badges e chips de canal

neutroativopicoalerta
SpotifyYouTubeInstagramTikTokDeezerApple MusicSua Música

Spotify · ouvintes/mês

691,9 mil

fonte: página pública · 10/09/2026

Instagram · seguidores

2,0 mi

fonte: perfil público · sem data

YouTube · inscritos

por medir

sem coleta

sinal · hipótese

Crescimento no TikTok antecede picos no Spotify

Três semanas seguidas de alta em vídeos curtos antes de subida nos ouvintes.

sinal · confirmado

Fortaleza concentra 38% da audiência

Confirmado com dados de duas plataformas na mesma janela.

Nenhum show registrado

Assim que houver datas confirmadas, elas aparecem aqui em ordem cronológica.

Tabela de dados (sem gravura)

CanalMétricaValor30 dias
Spotifyouvintes/mês691.900+4,2%
TikTokseguidores503.000+9,8%
Instagramseguidores2.000.000+0,6%
YouTubeinscritos——

Slot da marca do cliente

Social Music
Altura fixa de 40px, largura automática, sempre no canto superior esquerdo.
06

Exemplo completo

Artistas · Mara PavanellyUtilizador

Mara Pavanelly

forró · Fortaleza · solo desde 2014

SpotifyTikTokInstagramYouTube

Spotify · ouvintes/mês

691,9 mil

fonte: página pública · 10/09/2026

TikTok · seguidores

503 mil

fonte: perfil público · sem data

Instagram · seguidores

2,0 mi

fonte: perfil público · sem data

YouTube · inscritos

por medir

fonte: sem coleta

Audiência semanal