Browse commands

/impeccable bolder

Bolder

Empurre designs seguros em direção ao impacto sem escorregar para o caos.

Quando utilizar

Recorra ao /impeccable bolder quando o interface parece igual a todos os outros. Sans genérico, pesos médios, sombras suaves, cor de destaque modesta, espaçamento razoável, esquecível. O design não está errado, está apenas seguro. Utilize bolder quando um projeto pode ter presença e o estado atual não traz nenhuma.

Não o utilize em painéis de controlo que as pessoas olham durante horas. Ousadia ganha o seu lugar em páginas de marketing, momentos hero e funcionalidades de conteúdo. Não em ferramentas operacionais.

Como funciona

A competência amplia quatro eixos sem quebrar a usabilidade:

  1. Escala: tipo de destaque é empurrado para clamp(3rem, 6vw, 6rem) ou mais. Manchetes que preenchem a viewport, não que a evitam.
  2. Contraste de peso: leve 300 contra pesado 800 em vez de médio contra regular. Tensão real, não um encolher de ombros.
  3. Compromisso com a cor: a cor de destaque aparece em força total, não diluída. Fundos podem tomar uma posição (ink, accent, cream) em vez de tudo em papel.
  4. Confiança composicional: assimetria, fora da grelha, pullquotes, pontuação suspensa, saltos de escala. O layout tem voz.

A competência não adiciona mais. Amplifica o que já lá está. Se o design tem três cores, bolder não adiciona uma quarta, compromete-se mais com as três.

Experimente

/impeccable bolder the landing page hero

Alterações esperadas:

  • Título hero de 3rem para clamp(3.5rem, 7vw, 6.5rem), tipo de destaque, peso 700
  • Subtítulo de regular para itálico a 1.5rem, deslocado 8px à esquerda do título para alinhamento ótico
  • Fundo muda de papel para um gradiente de cream para papel, criando um contentor mais quente
  • Botão CTA preenche, sombra removida, border radius reduzido, estado hover inverte as cores
  • Imagem de suporte empurrada ligeiramente fora da grelha com uma margem superior negativa, criando assimetria

Armadilhas

  • Executá-lo na página errada. Painéis de produto, definições e formulários não devem ser ousados. Devem ser legíveis. Utilize /impeccable layout ou /impeccable polish em vez disso.
  • Confundir bold com loud. Bold significa comprometido e confiante. Loud significa aos gritos. Bolder é o primeiro. Se o resultado parece agressivo, siga com /impeccable quieter.
  • Pareá-lo com /impeccable delight na mesma passagem. Delight funciona melhor contra uma base visual estável. Ousadia primeiro, estabilizar, depois deleite.