Auros
ترمینال Abyssal با توپهای داده زیستتاب
آئوروس به عنوان یک ترمینال فینتک در اعماق دریا عمل میکند: یک بوم فیروزهای تقریباً سیاه با گویهای داده زیستتاب و گرادیانهای نوری از فیروزهای تا صورتی، که حس عمق، سیالیت و جریان را ایجاد میکند. رابط کاربری مینیمالیستی و سینمایی است و به یک نمایشگر تککاربره (Matter) با ضخامت متوسط با ردیابی نگاتیو تهاجمی متکی است تا مقیاس را بدون اینکه بیش از حد زننده باشد، ایجاد کند. رنگها به طور مساوی توزیع شدهاند - سفیدها و نقرهایهای بیرنگ تقریباً برای همه محتوا استفاده میشوند، در حالی که پالت رنگی برای گرادیانهای جوی، سطوح متمایز کارت و یک دکمه قرصشکل منحصر به فرد که رنگ را از آبی فیروزهای به صورتی بنفش تغییر میدهد، محفوظ است. کارتها به جای ارتفاع، روی برآمدگیهای ظریف سطح فیروزهای (شعاع ۱۶ پیکسل، بدون سایه) شناور هستند، بنابراین سلسله مراتب به عنوان عمق آب درک میشود تا سایه روی کاغذ. اجزا متفکرانه و ابزارگونه به نظر میرسند: علائم ردیابی با حروف بزرگ، نمادهای پیکان هندسی نازک، خوانشهای عددی بزرگ به رنگ صورتی کمرنگ.
یک بوم تیره و تمام عرض با محتوایی با حداکثر عرض ۱۴۴۰ پیکسل. عنصر اصلی یک بلوک متنی متمرکز (ابرو → تیتر → زیرمتن → فراخوان عمل) است که تمام ارتفاع صفحه نمایش را در بر میگیرد و یک ذره به عنوان عنصر پسزمینه در آن قرار دارد. بخشها نوارهای تمام عرضی هستند که با فضاهای عمودی بزرگ ۶۸ پیکسل به بالا از هم جدا شدهاند و بین بوم و سطوح کمی فرورفته متناوب هستند. بخش "کاوش" از یک طرح دو ستونی نامتقارن استفاده میکند: ستون سمت چپ شامل کارتهای ویژگی انباشته شده است، در حالی که ستون سمت راست دارای یک تصویر مولکولی هندسی است. محتوا برای خواندن آسان، به جای اینکه از لبهای به لبه دیگر کشیده شود، در ستونهای باریک (حداکثر ۶۰۰ پیکسل) در مرکز قرار گرفته است. پاورقی یک گودال فرورفته (#011d1c) با حاشیه عمودی ۱۲۰ پیکسل است که جلوهای از یک استخر عمیق ایجاد میکند. ناوبری یک پنل نازک و شفاف با عناصری است که ۱۶ تا ۲۴ پیکسل از هم فاصله دارند. ریتم کلی، سینمایی و وسیع است - هر بخش نفس میکشد، و رنگآمیزی عمیق و آبمانند، حس عمیقتر شدن با هر بخش را ایجاد میکند.
سبک بصری مینیمالیستی و فضایی جذاب است. صفحه اصلی دارای یک کره ذرات سهبعدی است - هزاران نقطه کوچک به رنگ آبی فیروزهای و سفید که یک کره چرخان را تشکیل میدهند که بوم را منعکس میکند و لهجههای صورتی-بنفش در امتداد لبهها، یک اثر زیستتابی ایجاد میکنند که یادآور یک شیء اطلاعاتی است. نمودارهای مولکولی هندسی مسطح (دایرههای سفید و خطوط اتصال نازک روی یک بوم تیره) به عنوان عناصر تزئینی در ستون سمت راست عمل میکنند. بدون عکس، بدون تصاویر سبک زندگی، بدون افراد - زبان بصری بر اساس گرافیک دادههای تمیز و اشکال انتزاعی است. کره ذرات عنصر بصری تعیینکننده هویت برند است. باید حداقل یک بار در هر صفحه مهم ظاهر شود تا استعاره اعماق دریا را تقویت کند.
پالت
برند
- Liquid Abyss
#012624— پسزمینه اصلی، پایه صفحه، سربرگ، عنصر اصلی و زمینه فیروزهای تیره غالب است و فضایی از اعماق دریا ایجاد میکند. - Liquid Deep
#011d1c— سطح فرورفته، پسزمینهی پایین صفحه و پنلهای مقوایی ضخیمتر است. این سطح به صورت نیمرنگ تیرهتر از بوم دیده میشود و یک شیب ملایم رو به پایین از عمق ایجاد میکند. - Liquid Kelp
#003734— سطح برجسته کارت و دکمه - یک سطح برجسته که یک پله بالاتر از شکاف قرار گرفته است. برای کارتهای ویژگی، پنلهای محتوا و نقطه شروع یک دکمه گرادیان استفاده میشود.
خنثی
- Liquid Mist
#edfffe— یک سایه سرد از رنگ سفید، متن اصلی، عناوین بخشها و تایپوگرافی گرم و روشن را برجسته میکند. یک رنگ آبی ملایم، متن اصلی را به طرح رنگ فیروزهای پیوند میدهد. - Platinum
#ffffff— سفید خالص برای عنوانها، عناصر ناوبری، طرح کلی آیکونها و متن با کنتراست بالا استفاده میشود. این رنگ، رنگ اصلی متن در تمام سطوح عنوان و ناوبری اصلی است. - Silver Mist
#bbc7c6— متن ثانویه، توضیحات بیرنگ و رنگ لینکها در حالت اصلی خود. آنها ته رنگ سبز ملایمی دارند که مکمل پسزمینه فیروزهای است. - Ash
#f2f2f2— متن اضافی برای نقل قولها و نظرات. یک سایه خاکستری خنثی و سرد برای زمانی که ته رنگ فیروزهای رنگ Silver Mist بیش از حد روشن به نظر میرسد. - Slate Deep
#707777— یک رنگ سطحی ظریف برای پسزمینههای غیرفعال یا کمدید. این رنگ بین بوم و مقوا قرار میگیرد و اختلاف ارتفاع بسیار ظریفی ایجاد میکند. - Lavender Phosphor
#fde9ff— رنگ نور پسزمینه برای آمار بزرگ، اعداد شمارنده و معیارهای مهم. سایه صورتی در گرادیان اختصاصی به صورت محدود به عنوان یک عنصر نورانی روی سطوح تیره استفاده میشود.
تایپوگرافی
از ۱۰ تا ۹۶ پیکسل · ۶ مرحله
- Matter — جایگزینی: Inter · طرح کلی 400, 500 · فونت اصلی برای عنوانها و متن بدنه با وزن ۵۰۰ برای همه عنوانها (H1-H3) و متن متحرک بزرگ (86-295px) استفاده میشود. وزن ۴۰۰ برای متن بدنه و متن رابط کاربری استفاده میشود. این فونت دارای فاصلهگذاری منفی تهاجمی در اندازههای بزرگ (-0.04em در 61px، -0.046em در 86px) و فاصلهگذاری مثبت گسترده در حروف بزرگ عنوان (0.08em در 20px، 0.12em در 12px، 0.15em در 10px) است. استراتژی استفاده از وزن متوسط برای عنوانها یک ویژگی متمایز است - بدون فونت پررنگ یا روشن - که به فونت یکدست و مکانیکی اطمینان میدهد.
- Arial — جایگزینی: system-ui · طرح کلی 400 · یک جایگزین ثانویه برای عناصر رابط کاربری تعاملی (ناوبری، دکمهها، میکروکپی هدر، پاورقی). فقط در اندازه ۱۴ پیکسل ظاهر میشود - به عنوان یک جایگزین امن و جهانی در زمانی که Matter بارگذاری نشده است استفاده میشود و برچسبهای فرم، متن دکمه و متن کمکی کوچک را پوشش میدهد.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 20px |
| شعاع دکمه | 6px |
| شعاع کارت | 16px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 68px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Auros میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Design Full-Time — یک سینمای استودیویی با یک نورافکن گرم
- Air — مجسمه "آسمان نیمه شب از میان شیشه"
- Slash — گاوصندوق نیمهشب با دفاتر کل طلاکاری شده
- Raycast — مرکز فرماندهی نیمهشب، نئون مرجانی
- Dimension — یک ایستگاه کاری با نور غروب و پنلهای شیشهای مات
- Modal — یک ترمینال فسفرسنت در یک اتاق سرور تاریک - تنها منبع نور، رنگ سبز روشن است
- Giga — افق نیمهشب بر فراز ابسیدین یخزده
- Reflect Notes — فضای بنفش پرستاره، رصدخانهای تاریک است که در آن نتها مانند صورتهای فلکی در پسزمینهای از تهی نیلی تقریباً سیاه شناورند.
- Ameba — اتاق کنترل در نیمهشب - یک پالس آبی الکتریکی درون پنلهای شیشهای مات
- AgentQL — شفق قطبی بر فراز ترمینال در شب
- Frame — سینمایی برای نمایش فیلم در اواخر شب. اتاق تاریکی که یک نورافکن آبی تمام کارها را انجام میدهد و رابط کاربری در پسزمینه محو میشود و به محتوای خلاقانه اجازه میدهد تا به جلو پرتاب شود.
- Harness — مرکز کنترل ماموریت در نیمه شب با تزئینات سبز فسفری