Huly
شفق قطبی در رصدخانه نیمهشب - شخصیت اصلی داستان، پرتوی عمودی از رنگ بنفش است که در رنگ مرجانی محو میشود و هر بخش آرام زیر آن، همان داستان دو رنگ را که با لحنی ملایمتر روایت میشود، به عاریت میگیرد.
هولی حال و هوای یک فضای کاری کیهانی را تداعی میکند: یک بوم تقریباً سیاه با یک درخشش بنفش-کهربایی که از میان عنصر اصلی عبور میکند و در زیر آن، یک شبکه ملایمتر برای افزایش بهرهوری. این سیستم در یک محدوده رنگی باریک عمل میکند - یک آبی روشن و یک مرجانی تمام کارهای برندسازی را در برابر سطوح گرافیتی لایه لایه انجام میدهند، بنابراین حالت تاریک هرگز خنثی به نظر نمیرسد. تایپوگرافی برای هر چیز کاربردی به سبک بینابینی است، با یک فونت سفارشی (Esbuild) که برای نکات کلیدی رزرو شده است، با گام ۸۰ تا ۸۴ پیکسل و فاصله منفی حروف تهاجمی. اجزا به شکل کپسول هستند: شعاع ۹۹۹۹ پیکسل روی کنترلها، ۱۲ پیکسل روی کارتها، سایه حداقلی و خطوط گرادیان درخشان به عنوان دکوراسیون اصلی. صفحه بین قسمتهای تاریک تمام صفحه و بخشهای روشن آرام در نوسان است، بنابراین هر صفحه جدیدی باید قبل از انتخاب رنگ، حالت را انتخاب کند.
صفحه اصلی تمامعرض، دارای یک پرتو عمودی از شفق قطبی و یک تیتر در سمت چپ، به همراه یک اسکرینشات از محصول است که در پایین سمت راست قرار دارد. در زیر صفحه اصلی، یک ناحیه محتوا با حداکثر عرض ۱۲۰۰ پیکسل، با نوارهای تیره و روشن متناوب وجود دارد. هر بخش یک بلوک عمودی واحد است: یک هدر به علاوه یک شبکه ۳ یا ۴ ستونی از کارتها که با فاصلههای ۹۶ پیکسلی از هم جدا شدهاند. بخش "MetaBrain" این شبکه را با یک تیتر در مرکز و موزاییکی از کارتها با اندازههای مختلف (یک کارت اصلی بزرگ به علاوه کارتهای پشتیبان کوچکتر) میشکند. این صفحه از نظر محتوا سنگین است و از استانداردهای SaaS پیروی میکند، اما از نوارهای تیره و روشن متناوب برای ایجاد فضای تنفس برای هر بخش استفاده میکند. ناوبری یک نوار بالایی شفاف است که با اسکرول کردن، محو و مات میشود.
عنصر اصلی، یک گرادیان خالص شفق قطبی و بدون عکس است. تمام تصاویر، اسکرینشاتهای واقعی از رابط کاربری محصول (کانبان در حالت تاریک، صندوق ورودی، تقویم) هستند که در قابهای کارتی قرار گرفتهاند که هم به عنوان مدرک و هم به عنوان تزیین عمل میکنند. هیچ عکس سبک زندگی، هیچ تصویر استوک، هیچ رندر سهبعدی وجود ندارد. تنها عنصر بصری که به رابط کاربری مربوط نمیشود، درخشش شعاعی و گرم خورشید در پایه شفق قطبی است که به صورت گرادیان CSS رندر شده است. آیکونها، آیکونهای خطی تک رنگ با شماره ۹۵۹۷۹ یا سفید هستند و هرگز چند رنگ نیستند. سیستم، رابط کاربری تاریک خود را به عنوان عنصر اصلی در نظر میگیرد - محصول، عکسها هستند.
پالت
برند
- Electric Iris
#5683da— پسزمینه اصلی، نشانگر ناوبری فعال و جلوه چشمگیر شفق قطبی - رنگ بنفش-آبی پررنگ روی پسزمینه مشکی براق - به جای فعالیت شرکتی، حس تعامل را القا میکند. - Ember Pulse
#ff8964— یک عنصر ثانویه، یک منطقه گرم شفق قطبی، یک نقطه اطلاع رسانی و یک هایلایت تصویری - یک رنگ کهربایی که متانت آبی را میشکند و به پرتو آن گرما میبخشد.
خنثی
- Obsidian Canvas
#303236— پسزمینه صفحه، سطح غالب، تقریباً به رنگ سیاه با اندکی گرما است، محیطی استاندارد برای همه محتوا. - Void
#090a0c— عمیقترین لایه سطحی برای گرادیانها در صفحه اصلی، پسزمینههای مودال و فریمهایی که باید با بوم ترکیب شوند. - Charcoal Card
#111111— سطوح برجسته ساخته شده از مقوا و پانلها، که یک پله بالاتر از بوم قرار گرفتهاند. - Slate Edge
#4a4b50— حاشیهها و جداکنندههای ظریف روی سطوح تیره - Iron Veil
#6b6c6d— پسزمینه کمرنگ برای برچسبها، پر کردن موارد لیست و پر کردنهای غیرفعال. - Smoke
#95979e— خطوط بیرونی آیکونها، متنهای اضافی و کنترلهای غیرفعال، عناصر اصلی فعال با رنگ خاکستری متوسط هستند.
تایپوگرافی
از ۱۱ تا ۸۰ پیکسل · ۸ مرحله
- Inter — جایگزینی: DM Sans · طرح کلی 300, 400, 500, 600, 700 · تمام متنهای کاربردی در رابط کاربری - متن بدنه، ناوبری، دکمهها، آیتمهای لیست، برچسبها و سرتیترهای کوچک - با وزن فونت ۵۰۰ تا ۶۰۰ برای تأکید، ۴۰۰ برای متن بدنه و ۳۰۰ به صورت محدود برای فرادادههای نامحسوس استفاده میشوند.
- Esbuild — جایگزینی: Sora · طرح کلی 400, 500, 600 · فقط نمایش: عناوین اسپلش، سرفصلهای بخشها و عناوین مقالات MetaBrain. هندسه فشرده و فاصله کم حروف این تصور را ایجاد میکند که ۸۴ پیکسل برای کارهای ویراستاری مناسبتر از پروژههای SaaS است. هرگز از کمتر از ۲۸ پیکسل استفاده نکنید.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 12px |
| شعاع دکمه | 9999px |
| شعاع کارت | 12px |
| سایهها | سایههای نرم |
| بین بخشها | 96px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Huly میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- monday — کارگاه سفید با برچسبهای پاستلی
- Slack — صحنه به رنگ بادمجانی با نورافکنهای سفید است. رنگ آلویی پررنگی بر قسمتهای تیره غالب است، در حالی که بوم سفید مایل به کرم به عناوین بزرگ و آوانگارد اجازه میدهد آزادانه نفس بکشند.
- Base44 — دفترچه یادداشت آفتابگیر با ماژیک لیمویی
- Supahub — نور ملایم روز بر روی یک برآمدگی بنفش. یک بوم نقاشی عمدتاً سفید و دلباز که توسط یک خورشید بنفش درخشان روشن شده است، با کرههای گرادیان تزئینی که رنگ را به فضای منفی میپاشند و هندسه گرد سخاوتمندانه به هر سطح سنگینی دلپذیر و ملموسی میبخشد.
- Raycast — مرکز فرماندهی نیمهشب، نئون مرجانی
- Dimension — یک ایستگاه کاری با نور غروب و پنلهای شیشهای مات
- Wiza — رصدخانهای برای اکتشاف مواد معدنی در هنگام غروب، پوشیده از مه اسطوخودوس.
- Paste — یک فانوس کهربایی روی سنگ مرمر سفید - لوگوی گرادیان گرم برند در فضای سفید وسیع معلق است، مانند تنها پنجره روشن در یک ساختمان پوشیده از برف.
- Reworkd — نور ملایم روز روی نمودار محصول تنها رنگی است که گویای همه چیز است، این دکمهی عملیاتی و تیتر گرادیان بالای آن است.
- Reflect Notes — فضای بنفش پرستاره، رصدخانهای تاریک است که در آن نتها مانند صورتهای فلکی در پسزمینهای از تهی نیلی تقریباً سیاه شناورند.
- Ameba — اتاق کنترل در نیمهشب - یک پالس آبی الکتریکی درون پنلهای شیشهای مات
- Todoist — یک فضای کاری آفتابگیر با یک دفترچه یادداشت کاغذی - یک میز کرم رنگ گرم، یادداشتهای جوهری، یک خودکار قرمز