Conception d'un design system complet avec tokens et architecture scalable
السيناريو
Contexte : Vous devez structurer un design system destiné à être utilisé par plusieurs équipes sur un produit SaaS en croissance. Le Problème : Les couleurs, espacements, typographies et composants sont définis de manière dispersée, sans hiérarchie claire ni logique centralisée. Contraintes : Utiliser exclusivement SCSS moderne avec @use et @forward. Aucun framework externe. Séparer clairement tokens, abstractions et composants. Livrable attendu : Concevoir une architecture SCSS complète incluant design tokens (colors, spacing, typography), mixins utilitaires, fonctions et organisation modulaire robuste prête à évoluer.
المهارات المستهدفة
حالات تطبيقية أخرى في Sass / SCSS
- Correction d'une duplication de styles via héritage SCSSأساسي
- Création d'un mixin avancé avec paramètres optionnelsمتقدم
- Correction d'une imbrication SCSS excessiveأساسي
- Création d'un système de thèmes dynamiques basé sur maps SCSSمتقدم
- Création d'un mixin pour gérer les media queriesأساسي
- Création d'un système de typographie scalable avec fonctions SCSSمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى