Físico / Industrial
Gold
Un material metálico cálido con bandas de alto contraste, brillo premium y sensación de valor.
Go
Usos
- Destacados de precio
- Premios
- Badges premium
Parámetros
- band contrast
- grain
- highlight
- warmth
- edge
Prompt IA
Crea una superficie dorada pulida con bandas metálicas cálidas, bordes nítidos, grano sutil y contraste elegante.
Notas Tailwind
Superpone linear gradients y añade highlights inset. Usa texto marrón oscuro o casi negro.
Rendimiento
Los gradientes metálicos estáticos son ligeros. Evita shine sweeps grandes por defecto.
CSS
.gold {
background:
linear-gradient(100deg, #5b3506 0%, #d89b23 18%, #fff0a5 34%, #b77714 54%, #f6d56a 72%, #6b3c06 100%);
color: #201303;
border: 1px solid #f2cd62;
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 18px 40px rgba(205, 143, 31, .2);
}Ejemplo React
export function GoldBadge({ children }) {
return <span className="gold">{children}</span>;
}