دليل تصميم حِرفي
كل رمز لوني، وكل حالة مكوّن، وكل رسمة في النظام. هذي الصفحة هي العقد بين نظام التصميم والكود: إذا طلع شي هنا غلط، فالمنتج غلط.
الرموز اللونية
الطين المحروق هو لون المنتج. والعنّابي القطري محجوز: شارات التوثيق وشاشات الدفع فقط، وما يُستخدم للزينة أبدًا.
--paper
--surface
--surface-sunken
--sand
--ink
--ink-muted
--ink-faint
--accent
--accent-strong
--accent-tint
--trust
--trust-tint
--success
--warning
--danger
--focus-ring
الخطوط
خط اليد مسموح في العنوان الأول والثاني فقط، وبمقاس 32 بكسل فما فوق في العربي. الأسعار والنماذج والنصوص القانونية دائمًا بخط بلكس.
H1 · display · Caveat 700 / Aref Ruqaa 700
Someone in Qatar can make that
في قطر، في حِرفي يسوّيها لك
H2 · text-3xl
One trusted order loop
H3 · body face, semibold — handwriting forbidden below H2
Describe the idea
Body · IBM Plex Sans 400 / Plex Sans Arabic 400
Your deposit is held by Herrafy, not the maker. It is released after your piece arrives and you confirm the quality is what you agreed.
عربونك محفوظ عند حِرفي، مو عند الحرفي. ويُحوَّل له بعد ما توصلك القطعة وتأكد إن الجودة مثل ما اتفقتم.
Money · Plex 600 tabular — always straight, always Western digits
1,250 QAR · 625 QAR deposit
الأزرار
الحدود المرسومة باليد حيلة CSS بحتة. التمرير يهزّ الزر مرة واحدة بزاوية ≤1.5°، والضغط يغرزه في الورق. أزرار الحذف ما تهتز.
Hero variant
حقول الإدخال
حدود مرسومة وقت السكون، ومستقيمة وقت التركيز — طرافة في الراحة، ودقة في الاستخدام.
شارات التوثيق
هذي الشارات مرتبطة بسلّم الثقة، وما ترتبط أبدًا بالاشتراك المدفوع. الثقة ما تنشرى.
Plan chips — vendor-side only, never customer-facing
StarterProالبطاقات
البطاقات المرسومة تحمل الهوية، والمستقيمة تحمل الفلوس. وتتبدّل زوايا الرسم بين البطاقات المتجاورة عشان ما تطلع الشبكة مكرّرة.
Sketch A
Identity card — hand-drawn border.
Sketch B
Second variant so grids never clone.
Sketch C
Third variant in the cycle.
Trust card — straight by law
Any surface carrying money, escrow state, dates, or legal text uses this treatment. No wobble on a price, ever.
625 QAR held
التنبيهات والنوافذ
طلبك صار منشورًا — نطابقه الآن مع الحرفيين.
حجم الملف أكبر من 10 ميغابايت. جرّب صورة أصغر.
المسودّات تُحفظ تلقائيًا وأنت تكتب.
مجموعة الرسمات
شبكة 24 بكسل، وحبر واحد، وارتجاف في الزوايا، ولون متوارث. الأيقونات المؤشَّرة تنعكس تلقائيًا في العربي.
- ring
- printer-3d
- laser-beam
- kiln
- vase
- resin-pour
- candle
- spool-of-thread
- yarn-ball
- pencil-stub⇄ تنعكس في العربي
- speech-bubble⇄ تنعكس في العربي
- lockbox
- shield-check
- handshake
- calendar-scribble
- coins-stack
- gift-box
- package
- check-swash
- alert-scribble
- info-scribble
- x-scribble
- star-scribble
- arrow-scribble⇄ تنعكس في العربي
- chevron-scribble⇄ تنعكس في العربي
- sparkle
- dallah
- sun-doodle
- cloud-doodle
- magnifying-glass
- camera
- scroll-seal
- ribbon-medal