Bolder

Cuando usarlo

Recurre a /impeccable bolder cuando la interfaz se ve como cualquier otra interfaz. Sans generica, pesos medium, sombras suaves, color de acento modesto, espaciado razonable, olvidable. El diseno no esta mal, solo es seguro. Usa bolder cuando un proyecto puede soportar presencia y el estado actual no aporta ninguna.

No lo uses en dashboards que la gente mira durante horas. La audacia gana su lugar en paginas de marketing, momentos hero y funcionalidades de contenido. No en herramientas de operador.

Como funciona

La habilidad amplifica cuatro ejes sin romper la usabilidad:

1. Escala: el tipo display se empuja a clamp(3rem, 6vw, 6rem) o mas. Titulares que llenan el viewport, no que lo esquivan.
2. Contraste de peso: light 300 contra heavy 800 en lugar de medium contra regular. Tension real, no un encogimiento de hombros.
3. Compromiso de color: el color de acento aparece a fuerza completa, no diluido. Los fondos pueden tomar una postura (tinta, acento, crema) en lugar de todo papel.
4. Confianza compositiva: asimetria, fuera de grilla, citas destacadas, puntuacion colgante, saltos de escala. El layout tiene voz.

La habilidad no agrega mas. Amplifica lo que ya esta. Si el diseno tiene tres colores, bolder no agrega un cuarto, se compromete mas con los tres.

Probalo

/impeccable bolder the landing page hero

Cambios esperados:

• Titulo hero de 3rem a clamp(3.5rem, 7vw, 6.5rem), fuente display, peso 700
• Subtitulo de regular a italic a 1.5rem, desplazado 8px a la izquierda del titulo para alineacion optica
• Fondo cambia de papel a un gradiente de crema a papel, creando un contenedor mas calido
• El boton CTA se rellena, sombra eliminada, radio de borde reducido, el estado hover invierte los colores
• Imagen secundaria empujada ligeramente fuera de grilla con un margen superior negativo, creando asimetria

Errores comunes

• Ejecutarlo en la pagina incorrecta. Dashboards de producto, configuraciones y formularios no deberian ser audaces. Deberian ser legibles. Usa /impeccable layout o /impeccable polish en su lugar.
• Confundir audaz con ruidoso. Audaz significa comprometido y confiado. Ruidoso significa gritar. Bolder es lo primero. Si el resultado se siente agresivo, continua con /impeccable quieter.
• Combinarlo con /impeccable delight en la misma pasada. Delight funciona mejor contra una linea base visual estable. Primero audaz, estabiliza, luego delight.