/impeccable bolder
Bolder
Empurre designs seguros em direção ao impacto sem escorregar para o caos.
Quando usar
Use /impeccable bolder quando a interface parece qualquer outra interface. Sans genérica, pesos médios, sombras suaves, cor de acento modesta, espaçamento razoável, esquecível. O design não está errado, está apenas seguro. Use bolder quando um projeto pode ter presença e o estado atual não traz nenhuma.
Não use em dashboards que as pessoas ficam olhando por horas. Ousadia ganha seu lugar em páginas de marketing, momentos hero e recursos de conteúdo. Não em ferramentas de operação.
Como funciona
A skill amplia quatro eixos sem quebrar a usabilidade:
- Escala: tipo de display é empurrado para clamp(3rem, 6vw, 6rem) ou além. Manchetes que preenchem a viewport, não que a evitam.
- Contraste de peso: light 300 contra heavy 800 em vez de medium contra regular. Tensão real, não um shrug.
- Comprometimento com cor: a cor de acento aparece em força total, não diluída. Fundos podem tomar uma posição (ink, accent, cream) em vez de tudo papel.
- Confiança composicional: assimetria, off-grid, pullquotes, pontuação pendente, saltos de escala. O layout tem voz.
A skill não adiciona mais. Ela amplifica o que já está lá. Se o design tem três cores, bolder não adiciona uma quarta, ele se compromete mais com as três.
Experimente
/impeccable bolder the landing page hero
Mudanças esperadas:
- Heading do hero de 3rem para clamp(3.5rem, 7vw, 6.5rem), fonte de display, peso 700
- Subtítulo de regular para itálico em 1.5rem, puxado 8px à esquerda do heading para alinhamento óptico
- Fundo muda de papel para um gradiente cream-to-paper, criando um container mais quente
- Botão CTA preenche, sombra removida, border radius reduzido, hover state inverte as cores
- Imagem de suporte empurrada ligeiramente off-grid com margem superior negativa, criando assimetria
Armadilhas
- Executar na página errada. Dashboards de produto, configurações e formulários não devem ser bold. Devem ser legíveis. Use
/impeccable layoutou/impeccable polish. - Confundir bold com barulhento. Bold significa comprometido e confiante. Barulhento significa gritar. Bolder é o primeiro. Se o resultado parece agressivo, acompanhe com
/impeccable quieter. - Combinar com
/impeccable delightna mesma passada. Delight funciona melhor contra uma baseline visual estável. Bold primeiro, estabilize, depois delight.