الألوان
لوحة ألوان voiceflow.com
يبني voiceflow.com صفحاته على خلفية #f2f7f7 بنص #1a1e23 ولون مميز #397dff، وهو لون أزراره الأساسية وروابطه. الألوان الـ 10 أدناه مقاسة من الموقع الحي.
تم القياس من voiceflow.com قبل 4 أيام.
اللوحة
10 ألوان| الألوان | الدور | Hex | RGB |
|---|---|---|---|
background | Page background | #f2f7f7 | rgb(242 247 247) |
surface | Cards, panels, raised or recessed surfaces | #ffffff | rgb(255 255 255) |
surface-2 | Secondary surface | #f1f2f2 | rgb(241 242 242) |
surface-3 | Secondary surface | #d3e5f4 | rgb(211 229 244) |
foreground | Primary text | #1a1e23 | rgb(26 30 35) |
muted-foreground | Secondary text, captions | #515a63 | rgb(81 90 99) |
primary | Candidate accent (semantic role inferred) | #397dff | rgb(57 125 255) |
on-primary | Text on the accent | #111111 | rgb(17 17 17) |
secondary | Secondary accent (teal) | #008069 | rgb(0 128 105) |
border | Hairlines, dividers, input borders | #e2e4e5 | rgb(226 228 229) |
- النص على خلفية الصفحة
- 15.49:1 · يجتاز WCAG AA
- النص على اللون المميز
- 4.99:1 · يجتاز WCAG AA
متغيرات CSS
كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.
:root {
--color-background: #f2f7f7;
--color-surface: #ffffff;
--color-surface-2: #f1f2f2;
--color-surface-3: #d3e5f4;
--color-foreground: #1a1e23;
--color-muted-foreground: #515a63;
--color-primary: #397dff;
--color-on-primary: #111111;
--color-secondary: #008069;
--color-border: #e2e4e5;
}لوكلاء الذكاء الاصطناعي
الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.
curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.mdأسئلة
ما ألوان علامة voiceflow.com؟
ألوان voiceflow.com الرئيسية هي #397dff (اللون المميز) و#f2f7f7 (الخلفية) و#1a1e23 (النص). اللوحة الكاملة من 10 ألوان، مع دور كل منها، موجودة في هذه الصفحة بأكواد hex.
ما كود hex الخاص بـ voiceflow.com؟
اللون المميز في voiceflow.com هو #397dff؛ خلفية الصفحة #f2f7f7 ولون النص الرئيسي #1a1e23. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.
كيف أستخدم ألوان voiceflow.com في Tailwind أو CSS؟
انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.