Bolder
/impeccable bolder
Good fit
- Você precisa de mais impacto sem perder coerência.
- A superfície parece um padrão sem opinião.
- O produto merece uma postura mais forte.
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 heroMudanç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.
Transforme ideias em software entregue.
O HagiCode é um ambiente de programação com agentes: os fluxos de trabalho do OpenSpec planejam a mudança, a execução multiagente a realiza e o Hero Scenario torna o longo percurso visível, para transformar ideias em software entregue.
- Inteligente
- Os fluxos do OpenSpec transformam a intenção em um caminho da proposta à entrega.
- Eficiente
- A execução multiagente conduz pesquisa, implementação e revisão em paralelo.
- Divertido
- As interações de interface facilitam o planejamento, a execução de agentes e os projetos.
Sites do ecossistema
Links rápidos
Comunidade
© 2026 HagiCode | Powered By hagilight-starlight@0.18.0 | Branch: main | Commit: 4369090 | Built:
