/Heading 1
serif · 300
Size 112pxTracking -0.06emLeading 1.1em
Crescimento exige clareza.
II · 06
Sistema visual
Visual.
Logotipo, ícone, paleta, tipografia e aplicação. Onde a estratégia se torna percepção.
Logotipo
Versão positiva sobre fundos claros, negativa sobre fundos escuros. Manter o espaço de proteção ao redor do wordmark equivalente à altura da letra-base.
Ícone
Forma reduzida da assinatura. Usar em favicon, app icons, avatar e peças onde o wordmark completo perde legibilidade.
Símbolo animado
O símbolo em movimento representa os três pilares do método em rotação contínua — não como ciclo fechado, mas como sistema vivo. A impermanência é o mecanismo, não o problema: é do movimento ininterrupto entre Clareza, Execução e Maturidade que emerge o equilíbrio. A animação não tem início nem fim porque o crescimento sustentável tampouco tem.
Paleta canônica
Superfícies
#FFFFFF
primary
- HEX
- #FFFFFF
- RGB
- 255 · 255 · 255
- HSL
- 0° · 0% · 100%
- Path
- /Light
#FFFFFF
pure
- HEX
- #FFFFFF
- RGB
- 255 · 255 · 255
- HSL
- 0° · 0% · 100%
- Path
- /White
Reservado a contextos light, não usar sobre Dark
#F5F0EA
cream
- HEX
- #F5F0EA
- RGB
- 245 · 240 · 234
- HSL
- 33° · 35% · 94%
- Path
- /Cream
v1.1 NOVO — texto/detalhes sobre /Dark
#E5E4DE
canvas
- HEX
- #E5E4DE
- RGB
- 229 · 228 · 222
- HSL
- 51° · 12% · 88%
- Path
- /Background
Bege pedra, cor-âncora do projeto
#1C1917
inverse
- HEX
- #1C1917
- RGB
- 28 · 25 · 23
- HSL
- 24° · 10% · 10%
- Path
- /Dark
v1.1 — warm black, era #080808
#080A09
inverseAlt
- HEX
- #080A09
- RGB
- 8 · 10 · 9
- HSL
- 150° · 11% · 4%
- Path
- /Background Dark
Reserva não utilizada
Accent · bronze calibrado · v1.1
#A6783E
default
- HEX
- #A6783E
- RGB
- 166 · 120 · 62
- HSL
- 33° · 46% · 45%
- Path
- /Accent
v1.1 NOVO — bronze maduro, ~60% saturação
RGBA(166, 120, 62, 0.60)
subtle
- HEX
- RGBA(166, 120, 62, 0.60)
- Path
- /Accent Subtle
Hover states e transições
RGBA(166, 120, 62, 0.10)
faint
- HEX
- RGBA(166, 120, 62, 0.10)
- Path
- /Accent Faint
Highlights de fundo editorial raríssimos
Bronze maduro a ~60% saturação. Funciona como assinatura editorial — nunca em CTA primário, heading ou body. Máximo 2 aparições por viewport.
Tons da web atual
Cores ainda em uso no betinaweber.com hoje. O accent canônico (bronze v1.1) ainda não foi aplicado na produção — o site usa o amarelo mostarda saturado original. Usar essas cores apenas até a migração ser concluída.
#CA8A04
Amarelo CTA
- HEX
- #CA8A04
- RGB
- 202 · 138 · 4
- HSL
- 41° · 96% · 40%
USOBotão principal, eyebrows, links em destaque
Acento original do rascunho pessoal. Usado em CTAs primários e destaques editoriais ("Method" no hero).
#F0C040
Amarelo highlight
- HEX
- #F0C040
- RGB
- 240 · 192 · 64
- HSL
- 44° · 85% · 60%
USOHover states, ornamentos editoriais
Variante mais clara, função decorativa pontual em hovers e ornamentos.
#A8998C
Warm grey
- HEX
- #A8998C
- RGB
- 168 · 153 · 140
- HSL
- 28° · 14% · 60%
USOTexto secundário sobre cream, dividers
Cinza pedra warm derivado do canvas. Usado como texto suave e divisores em fundo cream.
#F5F0EA
Cream over dark
- HEX
- #F5F0EA
- RGB
- 245 · 240 · 234
- HSL
- 33° · 35% · 94%
USOFooter, áreas inversas
Texto e detalhes sobre Dark — substitui white puro.
Famílias
Display · serif
Spectral, 'Times New Roman', Georgia, serif
Spectral
Body · sans
'TASA Orbiter', Inter, ui-sans-serif, system-ui, sans-serif
TASA Orbiter
Escala aplicada
/Heading 2
serif · 300
Size 68pxTracking -0.06emLeading 1.1em
Três pilares. Um sistema integrado.
/Heading 3
serif · 300
Size 56pxTracking -0.04emLeading 1.05em
Autoridade calma.
/Heading 4
serif · 300
Size 36pxTracking -0.05emLeading 1.15em
Profundidade aplicada, decisão precisa.
/Display
serif · 300
Size 78pxTracking -0.05emLeading 1.2em
The Growth Method.
/Body Large
sans · 400
Size 20pxTracking -0.02emLeading 1.3em
Sua presença não é ruidosa. É precisa. Sua autoridade não depende de excesso — depende de leitura, método e profundidade aplicada.
/Body
sans · 400
Size 18pxTracking -0.02emLeading 1.3em
Crescimento sustentável é o resultado de clareza estratégica, capacidade de execução e maturidade emocional operando como um sistema único.
/Body Small
sans · 400
Size 15pxTracking -0.01emLeading 1.3em
Texto secundário, legendas, apoio editorial e descrições inline.
/Label
sans · 500
Size 15pxTracking 0.02emLeading 1.2em
STRATEGIC GROWTH ADVISORY
Aplicação
Favicon
betinaweber.comÍcone branco sobre warm black. 32×32, 64×64, 192×192.
App icon
iOS / Android. Margem interna de 22% conforme HIG.
Avatar
Sociais e perfis. Variante accent quando precisar de presença.
Nunca
Gradientes em qualquer elemento
Accent em CTA primário
Accent em heading ou body
Shadows em qualquer surface
Radius além de 6px (exclusivo de botões)
Playfair Display ou Inter
Emojis em material institucional
Estética mística ou wellness superficial
Excesso de dourado ou metálico
Stock Unsplash genérico
Tom motivacional ou afetado
Fundo branco puro #FFF (usar canvas warm)
Exemplos visuais de cada proibição serão adicionados em uma versão futura — prompts de geração já documentados no Brand Agent.