تفاصيل العمل

1. ملخص المشروع (Project Overview)

Visual Alchemy هو موقع شخصي (Portfolio) متطور يعكس الهوية الرقمية لـ Ahmox كمطور ويب ومصمم. الموقع مصمم بأسلوب الـ Dark Minimalist مع لمسات من الـ Bento Grid والـ Glassmorphism لتقديم تجربة بصرية سينمائية (Cinematic Experience).

2. فلسفة التصميم (Design Philosophy)

لوحة الألوان: الاعتماد الكلي على اللون الأسود العميق (#050505) مع تدرجات الرمادي، واستخدام الـ Cyan كلون مميز (Accent Color) للعناصر التفاعلية.

التايبوجرافي (Typography): استخدام خطوط عصرية مثل Outfit و Cairo مع التركيز على الـ Maximalist Typography في اسم البراند (AHMOX) لتسجيل حضور بصري قوي.

التفاعلية: دمج Custom Cursor (ماوس مخصص) يتفاعل مع حركة المستخدم، بالإضافة إلى تأثيرات Parallax خفيفة عند التحويم فوق الكروت.

3. الميزات التقنية (Technical Features)

The Bento Grid: تنظيم قسم "عني" (About) وقسم المهارات باستخدام شبكة كروت زجاجية (Glass Bento) تعطي إحساساً بالنظام والحداثة.

The Portal: قسم دخول (Sign-in) مصمم بشكل غامض كبوابة رقمية، يعزز من مفهوم الـ "Alchemy" أو السحر التقني.

Responsive Architecture: الموقع مبني ليكون متوافقاً تماماً مع جميع الشاشات باستخدام Tailwind CSS، مع حلول ذكية لتداخل النصوص في الموبايل.

Custom Scroll Logic: نظام سكرول ناعم (Smooth Scrolling) مع ميزة الـ Scroll Snapping التي تجعل المتصفح يستقر تلقائياً عند بداية كل قسم.

4. الأدوات المستخدمة (Tech Stack)

Frontend: HTML5, Tailwind CSS.

Animations: Vanilla JavaScript & Intersection Observer API.

Icons: Font Awesome.

Fonts: Google Fonts API.

ملفات مرفقة

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
3
تاريخ الإضافة
تاريخ الإنجاز
المهارات