عن المشروع

نظام تصميم هيلسنكي، أو HDS، هو نظام تصميم مفتوح المصدر بُني بواسطة مدينة هيلسنكي. يجمع بين أدوات التطوير والتصميم مع المبادئ التوجيهية والموارد اللازمة لخلق خدمات رقمية سهلة الاستخدام ومتاحة للجميع للمدينة. ما يقدمه: - إمكانية الوصول مدمجة. صُمّمت المكونات من الأساس لتكون بقدر كبير من إمكانية الوصول، وتخضع لتدقيق استقلال في هذا الجانب قبل الإطلاق. - React وCSS. تأتي المكونات ككلا تنفيذين React وأنماط CSS، لكي تختار الفرق الأنسب لمشروعها. - مكونات قابلة للتخصيص. بُنيت المكونات لتكون قابلة للتخصيص، مما يسمح للمشاريع بالتعبير عن علامة هيلسنكي. - التصميم والتطبيق متزامن. يعمل المصممون مع مجموعة مكتبات Sketch المُزامَنة مع التطبيق. الحزم: يُقسَّم HDS إلى ثلاث حُزم منشورة على npm. hds-core يحتوي على ألوان هيلسنكي وخطوطها وأنماط الأساس كملفات CSS ومتغيرات. hds-react يوفر مكونات HDS مُنَفَّذَة بـReact. hds-design-tokens يحتفظ بأساس النظام، بما فيه الألوان والخطوط الأساسية، كرموز تصميم. يستضيف الموقع hds.hel.fi التوثيق وقائمة المكونات المتاحة ونُسخ Storybook لكل من حزمتي React وcore. توجد أدلة بدء منفصلة للمطوِّرين والمصمِّمين. التطوير والمساهمة: يستخدم المستودع الأحادي Lerna لتشغيل السكربتات وإصدار النُسخ عبر الحُزم، وpnpm workspaces لإدارة التبعيات، مما يتيح للحُزم المرجعية الإحالة لبعضها عبر روابط رمزية أثناء التطوير المحلي. يغطي دليل التطوير إعداد البيئة المحلية. نرحّب بالمساهمات في شكل قضايا وطلبات سحب وتصاميم مقترحة للمكونات؛ كما يوثّق المشروع صفحة دعم لطرق التواصل. نُشِر المستودع تحت رخصة MIT.