purple-earthy هو تطبيق ويب بسيط ومركّز مسؤول عن حساب القاسم المشترك الأكبر (GCD — Greatest Common Divisor) لأي عددين يُدخلهما المستخدم. الفكرة الجوهرية للمنتج هي أداة حسابية واحدة: يأتي المستخدم بعددين، فيحصل على نتيجتهما من القاسم المشترك الأكبر، مع عرض خطوات خوارزمية إقليدس التي وصلت إلى النتيجة.
الجمهور المستهدف هو أي شخص يحتاج معرفة القاسم المشترك الأكبر لعددين — طالب، مهندس، أو مستخدم عادي — في سياق عربي يتوقع وضوحاً فورياً ونتيجة موثوقة. المنتج لا يقدّم حسابات أخرى، ولا مكتبة أرقام، ولا سجلاً للحسابات السابقة؛ إنه أداة واحدة تُنجز مهمة واحدة بإتقان بصري ورياضي.
purple-earthy تطبيق ويب من صفحتين: صفحة Landing عامة تشرح أن التطبيق يحسب القاسم المشترك الأكبر لأي عددين، وصفحة حاسبة GCD التي يدخل فيها المستخدم العددين ويطلب الحساب ويقرأ الناتج مع خطوات الخوارزمية.
الفاعلون:
السلوك المقبول: إدخال أي عددين، طلب الحساب، عرض قيمة GCD الصحيحة، وعرض خطوات خوارزمية إقليدس المؤدية إلى النتيجة.
الاستثناءات الضيقة: لا حساب لأكثر من عددين، ولا عمليات حسابية أخرى (مضاعف مشترك أصغر، تحليل إلى عوامل، إلخ)، ولا حفظ لسجل الحسابات، ولا حسابات مستخدمين أو تسجيل دخول.
purple-earthy منتج أول-الطرف (first-party) بواجهة مخصّصة بالكامل. لا توجد حسابات مستخدمين ولا تسجيل دخول: كلتا الصفحتين متاحتان دون أي هوية، لأن العمل نفسه (إدخال عددين وقراءة نتيجة) لا ينشئ علاقة دائمة ولا التزاماً ولا قيمة تُنسب إلى مستخدم بعينه، فلا حاجة إلى استمرارية هوية.
حدود التسليم الحالية: صفحة هبوط عامة + صفحة حاسبة GCD، مع خدمة حساب خلفية تنفّذ خوارزمية إقليدس.
حدود مستقبلية (خارج النطاق الحالي): أي توسّع في أنواع الحسابات، أو حفظ السجل، أو حسابات المستخدمين، أو مشاركة النتائج — كلها غير مطلوبة حالياً ولا تُبنى.
لا ينطبق — لم يُرفق أي توجيه مرجعي من نوع content_source.
clamp(72px, 14vw, 176px)، محاذى لليمين في عمود النتيجة، فوقه سطر بيانات صغير متباعد الأحرف "GCD" بخط Space Grotesk 12px، وتحته خط شعري أسود واحد بعرض العمود.As a مستخدم حساب GCD I should أُدخل أي عددين وأحصل على القاسم المشترك الأكبر لهما so that أعرف النتيجة الصحيحة دون حساب يدوي.
As a مستخدم حساب GCD I should أستطيع إدخال أي عددين في الحقلين المخصّصين so that يحسب التطبيق القاسم المشترك الأكبر لهما.
As a مستخدم حساب GCD I should أرى قيمة القاسم المشترك الأكبر معروضة بوضوح so that أقرأ النتيجة فوراً.
clamp(72px, 14vw, 176px)، محاذى لليمين، فوقه سطر "GCD" بخط Space Grotesk 12px، وتحته خط شعري أسود واحد بعرض العمود.As a مستخدم حساب GCD I should أرى خطوات خوارزمية إقليدس المؤدية إلى النتيجة so that أفهم كيف وصل التطبيق إلى القاسم المشترك الأكبر.
As a مستخدم حساب GCD I should أنتقل من صفحة الهبوط إلى حاسبة GCD بزر واحد واضح so that أبدأ الحساب بسرعة.
سياق المنتج: شخص يحتاج معرفة القاسم المشترك الأكبر لعددين — طالب يحل تمريناً، مهندس يبسّط كسوراً، أو مستخدم عادي يريد نتيجة سريعة. يتوقع واجهة عربية واضحة ونتيجة موثوقة دون تعقيد.
الهدف الأساسي: إدخال أي عددين والحصول على القاسم المشترك الأكبر لهما مع رؤية خطوات الحساب.
المسؤوليات المقبولة:
المدخلات والقرارات: يقرّر العددين المراد حسابهما، ويقرّر متى يطلب الحساب، ويقرّر ما إذا كان يريد حساباً جديداً بعد قراءة النتيجة.
التفاعل مع الفاعلين الآخرين: لا يتفاعل مع فاعلين بشريين آخرين. يتفاعل مع خدمة الحساب الخلفية بشكل غير مباشر عبر واجهة الحاسبة.
النجاح الملحوظ: ظهور قيمة GCD الصحيحة للعددين المُدخلين بخط كبير واضح، مع خطوات الخوارزمية المؤدية إليها.
ما يميّز هذا الدور: مسؤوليته المتكررة الوحيدة هي إدخال عددين وطلب الحساب وقراءة الناتج — لا إدارة حسابات، ولا حفظ سجل، ولا عمليات أخرى. دوره محصور في دورة واحدة بسيطة وقابلة للتكرار.
clamp(72px, 14vw, 176px) محاذى لليمين، بتلاشٍ قصير 240ms.الميوز: Peter Saville — رقم واحد، لون واحد، صمت واسع.
العنوان: أداة حسابية تعليمية/هندسية بسيطة بطقس شبه معماري حول عملية رياضية واحدة.
| الدور | القيمة | الاستخدام |
|---|---|---|
| الخلفية (أرضية عاجية دافئة) | #F4F1EA | ~70% من كل شاشة |
| السطح (بطاقة بيضاء نقية) | #FFFFFF | ~8% — القطعة المعروضة |
| النص (أسود حبري) | #111111 | ~20% — النص والحدود |
| الأساسي | #1B1B1B | الأزرار الصلبة |
| التمييز (بنفسجي ترابي) | #7A2E8E | ~2% — كود فقط: خط رأسي واحد، رقم النتيجة، رقم الخطوة النشطة |
| الباهت (رمادي دافئ) | #B9B3A6 | البيانات الثانوية والحدود الشعرية |
النسبة: 70% أرضية / 20% حبر / 8% بيضاء / 2% بنفسجي.
letter-spacing: -0.02em).clamp(72px, 14vw, 176px).clamp(40px, 9vw, 112px).الفكرة: الخط البنفسجي الرأسي الواحد هو "الكود" في هوية سافيل — يمتد من حافة أعلى الشاشة إلى أسفلها في صفحة الهبوط، ومنه تنبثق دائرة Euclid. لا يوجد أي عنصر آخر بنفسجي في الصفحة.
التنفيذ على صفحة الهبوط:
الحركات المميزة:
clamp(72px, 14vw, 176px) بخط Instrument Serif، محاذى لليمين في عمود النتيجة، فوقه سطر بيانات صغير متباعد الأحرف "GCD" بخط Space Grotesk 12px، وتحته خط شعري أسود واحد بعرض العمود.Interaction Model: Static (direction)
Motion Tempo: still
Hero Dimensionality: flat
Constraint: يجب أن تكون قيمة GCD المعروضة صحيحة رياضياً للعددين المُدخلين. Provenance: explicit (المنتج مسؤول عن حساب GCD). Rationale: النتيجة هي المخرج الوحيد للمنتج؛ أي خطأ فيها يُبطل الغرض.
Constraint: يجب أن يُعرض رقم النتيجة بحجم clamp(72px, 14vw, 176px) بخط Instrument Serif، محاذى لليمين.
Provenance: explicit (من التوجيه الإبداعي).
Rationale: الرقم هو بطل الشاشة؛ حجمه يعطيه وزناً بصرياً.
Constraint: يجب أن تبقى العناوين والكلمات والعلامات والأرقام والنصوص وعناصر التحكم كاملة داخل الشاشة وحاوياتها عند 375px و768px و1280px، مع الالتفاف أو التغيير بالحجم (clamp(...)) لتناسب العرض، وألا يغطي أي عنصر آخر أي جزء منها.
Provenance: explicit (من التوجيه الإبداعي).
Rationale: قابلية القراءة في كل أحجام الشاشة.
Constraint: يجب أن يعود الحساب بالنتيجة بسرعة كافية لتجربة فورية. Provenance: required_inference. Rationale: خوارزمية إقليدس سريعة بطبيعتها؛ الانتظار الطويل يُفسد تجربة الأداة.
Constraint: يجب أن تكون الحقول والأزرار قابلة للوصول بلوحة المفاتيح، وأن يكون التباين بين النص والخلفية كافياً. Provenance: required_inference. Rationale: الأداة موجّهة لجمهور عام.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!