دليل الأسلوب
العميل أولاً هي مجموعة من الإرشادات والاستراتيجيات التي أنشأتها Finsweet لمساعدتك في إنشاء مواقع ويب فلو فلو.
فئات الهيكل
بنية أساسية محددة ومرنة يمكننا استخدامها في جميع الصفحات أو معظمها.
أنماط العناوين
فئات العناوين عندما لا يتطابق نمط الطباعة مع علامة HTML الافتراضية.
يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي.
يتم استخدام نموذج النص كعنصر نائب. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي.
يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
يتم استخدام نموذج النص كعنصر نائب. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة.
يتم استخدام نموذج النص كعنصر نائب. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي.
الفصول النصية
فئات النص عندما لا يتطابق نمط الطباعة مع علامة HTML الافتراضية.
أحجام النصوص
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً على موقعك الإلكتروني.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة على موقع الويب الخاص بك. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقعك الإلكتروني.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة على موقع الويب الخاص بك. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقعك الإلكتروني.
أنماط النص
نمط النص-تخطي النص
نمط النص-أحرف مائلة
نمط النص-كتم الصوت
قبعات على غرار النص
نمط النص-التفاف النص
رابط بنمط النص
يتم استخدام نموذج النص كعنصر نائب.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نص العينة كعنصر نائب لنص حقيقي بنمط نص حقيقي بنمط 2 خطوط
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي.
أوزان النص
محاذاة النص
الألوان
إدارة النص المتكرر وألوان الخلفية.
لوحة الألوان
ألوان النص
ألوان الخلفية
الحد الأقصى للعرض
استخدم خاصية الحد الأقصى للعرض CSS لاحتواء المحتوى الداخلي على أقصى عرض.
البطانات
نظام تباعد المرافق - فئات الحشو. [اتجاه الحشو] + [حجم الحشو].
فئات الاتجاهات
فئات الحجم
الهوامش
نظام تباعد المرافق - فئات الحشو. [الهامش-الاتجاه] + [الهامش-الحجم].
فئات الاتجاهات
فئات الحجم
الفواصل
نظام الفواصل الموحد للمشروع.
الأيقونات
توحيد أحجام الأيقونات. أيقونة-ارتفاع الأيقونات يضبط ارتفاع الأيقونات. أيقونة-1x1 يضبط ارتفاع وعرض الأيقونات.
أنظمة المرافق المفيدة
فئات الأدوات المساعدة التي نحب استخدامها في معظم مشاريعنا للبناء بشكل أسرع.
عناصر Webflow
عناصر Webflow الأصلية مع تطبيق فئات العميل أولاً.
مثال على مكون نموذج باستخدام المجلدات
العنوان 1
العنوان 2
العنوان 3
العنوان 4
العنوان 5
العنوان 6
يتم استخدام نموذج نص مع رابط كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
- يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً. يساعدك نموذج النص على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك. يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادةً.
