Brand System Showcase

Rekon — atoms em ambiente real

Esta página renderiza todos os componentes do brand system em ambiente Next.js production-like. Substitui a função de Storybook enquanto o Storybook estiver bloqueado por compat Node 24 / Next 14.2.

01 — Logo

Logo system

Wordmark primário
REKON
Lockup com tagline
REKONVeja o que a IA esconde.
Monograma RK
RK
Radar standalone
Monocromático (Parchment)
REKON
Light mode
REKON
Coin test (24px)
RK
02 — Button

Button variants

Variants
Sizes
Disabled
03 — Badge

Badge variants

N=1.000Novo+12% MoMRevisarFalhou
04 — Metric (Data Hero)

Métricas em JetBrains Mono Bold

Materializa o princípio Data as Hero. Cada métrica traz label, value, trend e confidence (N e IC).

Share of AI Voice
47.2%
+3.2ppN=1.000 · IC 95% · últimos 30d
Mention Rate
0.81
−0.04N=500 · IC 95%
Model Agreement
6/10
0LLMs monitorados
Queries monitoradas (24h)
160
+12
05 — Card

Card compositions

Diagnóstico

Sua marca no ChatGPT

N=500
Análise de 500 queries da sua categoria nos últimos 30 dias. O Rekon Score da sua marca é 47, abaixo da média do setor (62).
Atualizado há 2 horas
Última semanaEm alta
Mention Rate (ChatGPT)
34.8%
+5.1pp vs semana anteriorN=160 · IC 95%
ChatGPT
Share of Voice
34.8%
+5.1pp
Claude
Share of Voice
22.1%
+2.3pp
Gemini
Share of Voice
18.7%
−1.2pp
Perplexity
Share of Voice
9.4%
0
06 — Typography

Três vozes

Display — Playfair (voz de comando)

Veja o que a IA esconde.

Headline H2 — 36px Playfair Bold

Subhead H3 — 28px Playfair Medium

Sans — Inter (voz de análise)

Body em Inter Regular 16px. Para textos longos, descrições e UI labels. Neutra o suficiente para não competir com Playfair Display, legível o suficiente para textos longos.

Body small em Inter Regular 14px — texto secundário, captions longas, disclaimers.

Mono — JetBrains Mono (voz dos dados)
47.2%
N=1.000 · IC 95%
0.81 · −0.04 vs período anterior
Última atualização: 2026-05-16T14:32:17Z
07 — Color

Paleta Warm Authority

Obsidian
#0C0B09
BG primário 60-70%
Charcoal
#1C1B18
Cards 15-20%
Deep Amber
#C17D3A
CTA · 3-5% cirúrgico
Sandstone
#8C8275
Texto secundário 10-15%
Parchment
#E8E0D4
Texto primário 5-8%
Terracotta
#8B4D2A
Warning · 1-2% excepcional

Brand system gerado em 2026-05-16. Source: docs/branding/rekon/strategy/visual-identity.yaml · Componentes: src/components/brand/ · Guidelines: docs/branding/rekon/guidelines/