العودة إلى الخريطة
Physical / Industrial

Carbon Fiber

مادة نسيج تقنية داكنة تمنح الواجهة إحساس أداء أو عتاد أو هندسة.

الحالة: جاهزCx
Cx

الاستخدامات

  • داشبورد AI
  • منتجات الأداء
  • صفحات العتاد

المعاملات

  • weave scale
  • contrast
  • shine
  • angle
  • base color

AI Prompt

أنشئ مادة carbon fiber بنسيج قطري داكن ولمعان منخفض ودقة تقنية وتباين مناسب للنص.

ملاحظات Tailwind

استخدم repeating-linear-gradients متقاطعة بمقياس صغير وتباين منخفض.

ملاحظات الأداء

التدرجات المتكررة مناسبة في مساحات صغيرة. تجنب تغطية الصفحة كلها بنمط عالي التردد.

CSS

.carbon-fiber {
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 28%),
    repeating-linear-gradient(45deg, #101414 0 4px, #050707 4px 8px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.08) 0 2px, transparent 2px 7px);
  border: 1px solid rgba(255,255,255,.12);
  color: #e9f2ef;
}

مثال React

export function CarbonFiberPanel({ children }) {
  return <div className="carbon-fiber">{children}</div>;
}