---
title: "نظام واحد. خمس منصات."
description: "نظام التصميم المفتوح المصدر Tanrei يقدّم الرموز نفسها والمكوّنات نفسها وعقد إمكانية الوصول نفسه إلى الويب و iOS و Android و Flutter و React Native، كلٌّ بأسلوبه."
url: "https://tanrei.chnotchy.com/ar/"
last_updated: 2026-10-17T15:47:59.000Z
---

# نظام واحد. خمس منصات.

> نظام التصميم المفتوح المصدر Tanrei يقدّم الرموز نفسها والمكوّنات نفسها وعقد إمكانية الوصول نفسه إلى الويب و iOS و Android و Flutter و React Native، كلٌّ بأسلوبه.

- Web
- SwiftUI
- Jetpack Compose
- Flutter
- React Native

- **منصات**: 5
- **مكوّنات مخطَّطة**: 96
- **لها مواصفة**: 96
- **سياقات السمة × التباين**: 6

## مبني ليبقى متوافقًا

### مصدران للحقيقة

رموز التصميم (tokens) ومواصفات المكوّنات هي العقود الوحيدة المكتوبة باليد. شيفرة المنصات وهذه الوثائق ومصفوفة الحالة كلها مشتقة منها، ويفشل CI حين تنحرف عنها.

### تكافؤ لا تطابق

تحصل كل منصة على الرموز والحالات ودلالات إمكانية الوصول نفسها، لكنها تحتفظ بشكل واجهتها البرمجية: `enabled` في Compose، وقيمة null للخاصية `onPressed` في Flutter، و `.disabled(_:)` في SwiftUI.

### بنية مجرَّبة

رموز المرجع والنظام والمكوّن؛ وأدوار ألوان؛ وسلّم طباعي؛ ولوحات درجات لونية مولَّدة لكل سمة ومستوى تباين. والمظهر متحفّظ شبه أحادي اللون.

### إمكانية الوصول من البنية نفسها

تُفحص أزواج التباين لكل سمة ومستوى تباين عند البناء. الحجم المرئي لا يحدد مساحة اللمس أبدًا، وحلقة التركيز جزء من كل مواصفة تفاعلية.

## إلى أين بعد ذلك

- [البدء](https://tanrei.chnotchy.com/ar/getting-started/): ثبِّت Tanrei واستخدمه على منصتك.
- [الأسس](https://tanrei.chnotchy.com/ar/foundations/brand/): العلامة والرموز واللون والطباعة والشكل والارتفاع والحركة وإمكانية الوصول.
- [الحالة](https://tanrei.chnotchy.com/ar/status/): ما هو موجود اليوم على كل منصة، مولَّدًا من المستودع.
- [كيف يُبنى Tanrei](https://tanrei.chnotchy.com/ar/project/how-tanrei-is-built/): سير العمل الذي يبدأ بالمواصفة ويُبقي خمس منصات صادقة.