Physical / Industrial
Gold
High contrast bands, premium shine और heavy value feel वाला warm metallic material.
Go
Usage
- Pricing highlights
- Awards
- Premium badges
Parameters
- band contrast
- grain
- highlight
- warmth
- edge
AI Prompt
Warm metallic bands, crisp edge highlights, subtle brushed grain और strong contrast वाली polished gold UI surface बनाएं.
Tailwind notes
Linear gradients layer करें और thin inset highlights जोड़ें. Deep brown foreground उपयोग करें.
Performance notes
Static metal gradients हल्के हैं. Large animated shine sweeps default न रखें.
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);
}React example
export function GoldBadge({ children }) {
return <span className="gold">{children}</span>;
}