نسخه ۱.۰

سیستم طراحی الف

زبان مشترک طراحی و توسعه برای ساخت تجربه‌ای آرام، روشن و قابل اعتماد در تمام صفحات خانه الف.

قواعد پایه

RTL نخست، حداقل هدف لمس ۴۴px، کنتراست AA، شعاع کارت ۱۸px و یک رنگ تأکیدی.

رنگ‌ها

پالت از تصویر مرجع دریای مدیترانه استخراج شده و با نارنجی غروب برای اقدام‌های اصلی کامل می‌شود.

Ink

#13233F

متن و کنتراست

Marine

#4C6895

برند اصلی

Sky

#91BFDA

سطح تأکیدی

Mist

#D6E7F1

مرز و پس‌زمینه

Shell

#F8FAFB

بوم اصلی

Sunset

#E76818

اقدام اصلی

تایپوگرافی

Noora Fa-Num برای خوانایی فارسی و یکپارچگی اعداد در وزن‌های ۲۰۰ تا ۹۰۰.

خانه‌ای برای مکث

Display / 48 / Black

اتاقی برای ریتم سفر تو

Heading / 30 / ExtraBold

متن بدنه با فاصله خطوط سخاوتمندانه طراحی شده تا توضیحات اقامتگاه و اطلاعات سفر در موبایل به‌راحتی خوانده شوند.

Body / 16 / Regular

دکمه‌ها

دکمه‌های اصلی برای رزرو، دکمه‌های ثانویه برای مسیرهای مکمل و نوع متنی برای حرکت در محتوا.

فرم‌ها و جستجو

هر ورودی label مستقل، متن راهنما، حالت خطا و focus واضح دارد.

مطابق کارت شناسایی وارد کنید.

این کد در تاریخ انتخابی معتبر نیست.

جستجوی رزرو

Badge و Alert

رنگ وضعیت‌ها معنایی است و هرگز فقط با رنگ منتقل نمی‌شود.

صبحانهجدیدتأیید شدهپیشنهاد ویژهلغو شده

تاریخ رزرو را انتخاب کنید

برای نمایش قیمت نهایی، ورود و خروج را مشخص کنید.

رزرو با موفقیت ثبت شد

تنها یک اتاق باقی مانده

پرداخت کامل نشد

می‌توانید دوباره تلاش کنید.

دسترسی‌های سریع

الگوی icon-first برای پیدا کردن سریع خدمات در موبایل و دسکتاپ.

کارت اقامتگاه

تصویر ثابت، اطلاعات قابل اسکن و قیمت شفاف. hover فقط عمق و حرکت کوتاه ایجاد می‌کند.

کارت محتوای پایه

برای گروه‌بندی اطلاعاتی که واقعاً به سطح مستقل نیاز دارند. از تو در تو کردن کارت‌ها پرهیز می‌شود.

آکاردئون

برای پرسش‌های متداول و گروه‌های اطلاعاتی طولانی در موبایل.

تا ۴۸ ساعت پیش از ورود، لغو بدون هزینه انجام می‌شود.

حالت‌های سیستم

Loading، Empty، Error و Success بخشی از قرارداد هر ماژول هستند.

اتاقی پیدا نشد

تاریخ یا تعداد مهمان‌ها را تغییر دهید.