Physical / Industrial
Gold
مادة معدنية دافئة مع أشرطة تباين عالية ولمعان فاخر وإحساس بالقيمة.
Go
الاستخدامات
- إبراز الأسعار
- جوائز
- شارات فاخرة
المعاملات
- band contrast
- grain
- highlight
- warmth
- edge
AI Prompt
أنشئ سطحا ذهبيا مصقولا بأشرطة معدنية دافئة وحواف مضيئة وحبيبات brushed خفيفة وتباين قوي.
ملاحظات Tailwind
استخدم linear gradients متعددة وأضف highlights داخلية رفيعة. استخدم نصا بنيا داكنا.
ملاحظات الأداء
التدرجات المعدنية الثابتة خفيفة. لا تستخدم shine sweep كبيرا افتراضيا.
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
export function GoldBadge({ children }) {
return <span className="gold">{children}</span>;
}