Escolha o Design System

5 opcoes de paleta, tipografia e estilo para padronizar todos os sistemas

01 — Corporate Clean

Data-Dense Dashboard
PROFISSIONAL
Estilo: Data-Dense Dashboard
Primary#1E40AF
Secondary#3B82F6
CTA#F59E0B
Background#F8FAFC
Text#1E3A8A
Dashboard Meta Ads
Visao geral das campanhas com metricas de CPV, frequencia e orcamento diario.
Fira Code (heading) + Fira Sans (body)
R$ 0,32
CPV Medio
2.4x
Frequencia
95%
Video P95
Campanhas
Ad Sets
Criativos
Relatorios
Hover tooltips Chart zoom Row highlighting Filter animations
Ideal para: BI dashboards, analytics, admin panels — visual serio e denso em dados

02 — Dark Tech

Vibrant & Block-based
MODERNO
Estilo: Vibrant & Block-based
Primary#1E293B
Secondary#334155
CTA#22C55E
Background#0F172A
Text#F8FAFC
Dashboard Meta Ads
Visao geral das campanhas com metricas de CPV, frequencia e orcamento diario.
Space Grotesk (heading) + DM Sans (body)
R$ 0,32
CPV Medio
2.4x
Frequencia
95%
Video P95
Campanhas
Ad Sets
Criativos
Relatorios
Animated patterns Bold hover (color shift) Scroll-snap Large type 32px+
Ideal para: Tech/startup, ferramentas dev, dashboards noturnos — visual escuro e energetico

03 — Minimal Indigo

Clean Swiss Design
ELEGANTE
Estilo: Minimal Swiss + Inter
Primary#4F46E5
Secondary#818CF8
CTA#F59E0B
Background#F5F3FF
Text#1E1B4B
Dashboard Meta Ads
Visao geral das campanhas com metricas de CPV, frequencia e orcamento diario.
Inter (heading + body) — a mesma fonte que ja usamos no Roteiro Studio
R$ 0,32
CPV Medio
2.4x
Frequencia
95%
Video P95
Campanhas
Ad Sets
Criativos
Relatorios
Hover tooltips Subtle shadows Smooth transitions 200ms Clean borders
Ideal para: Admin panels, design systems, enterprise — ja usa Inter (Roteiro Studio), facil de padronizar

04 — Glass Vibrant

Glassmorphism
PREMIUM
Estilo: Glassmorphism + Gradients
Primary#E11D48
Secondary#FB7185
CTA#2563EB
Background#FFF1F2
Text#881337
Dashboard Meta Ads
Visao geral das campanhas com metricas de CPV, frequencia e orcamento diario.
Fira Code (heading) + Fira Sans (body)
R$ 0,32
CPV Medio
2.4x
Frequencia
95%
Video P95
Campanhas
Ad Sets
Criativos
Relatorios
Backdrop blur 10-20px Subtle borders rgba Light reflection Z-depth layers
Ideal para: SaaS premium, financial dashboards, lifestyle apps — visual sofisticado com profundidade

05 — Bento Bold

Neubrutalism
OUSADO
Estilo: Brutalism + Bento Grid
Primary#EC4899
Secondary#F472B6
CTA#06B6D4
Background#FDF2F8
Text#831843
Dashboard Meta Ads
Visao geral das campanhas com metricas de CPV, frequencia e orcamento diario.
Lexend Mega (heading) + Public Sans (body)
R$ 0,32
CPV Medio
2.4x
Frequencia
95%
Video P95
Campanhas
Ad Sets
Criativos
Relatorios
No smooth transitions Sharp corners 0px Bold typography 700+ Visible grid
Ideal para: Marketing, Gen Z brands, agencias criativas — visual ousado e anti-design
Escolha o numero da opcao (1-5) e aplicamos como padrao em todos os sistemas.
Podemos tambem misturar elementos de opcoes diferentes.