الألوان
لوحة ألوان arc.net
يبني arc.net صفحاته على خلفية #0b0b0b بنص #000000 ولون مميز #3139fb، وهو لون أزراره الأساسية وروابطه. الألوان الـ 9 أدناه مقاسة من الموقع الحي.
تم القياس من arc.net قبل 6 أيام.
اللوحة
9 ألوان| الألوان | الدور | Hex | RGB |
|---|---|---|---|
background | Page background | #0b0b0b | rgb(11 11 11) |
surface | Cards, panels, raised or recessed surfaces | #282828 | rgb(40 40 40) |
surface-2 | Secondary surface | #1a1a1a | rgb(26 26 26) |
surface-3 | Secondary surface | #040404 | rgb(4 4 4) |
foreground | Primary text | #000000 | rgb(0 0 0) |
primary | Candidate accent (semantic role inferred) | #3139fb | rgb(49 57 251) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (orange) | #ff5f57 | rgb(255 95 87) |
border | Hairlines, dividers, input borders | #19191b | rgb(25 25 27) |
- النص على خلفية الصفحة
- 1.07:1 · دون WCAG AA
- النص على اللون المميز
- 6.75:1 · يجتاز WCAG AA
متغيرات CSS
كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.
:root {
--color-background: #0b0b0b;
--color-surface: #282828;
--color-surface-2: #1a1a1a;
--color-surface-3: #040404;
--color-foreground: #000000;
--color-primary: #3139fb;
--color-on-primary: #ffffff;
--color-secondary: #ff5f57;
--color-border: #19191b;
}لوكلاء الذكاء الاصطناعي
الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.
curl -s https://stylepack.ai/packs/arc.net/DESIGN.mdأسئلة
ما ألوان علامة arc.net؟
ألوان arc.net الرئيسية هي #3139fb (اللون المميز) و#0b0b0b (الخلفية) و#000000 (النص). اللوحة الكاملة من 9 ألوان، مع دور كل منها، موجودة في هذه الصفحة بأكواد hex.
ما كود hex الخاص بـ arc.net؟
اللون المميز في arc.net هو #3139fb؛ خلفية الصفحة #0b0b0b ولون النص الرئيسي #000000. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.
كيف أستخدم ألوان arc.net في Tailwind أو CSS؟
انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.