Dala
صورت فلکی معلق بر مخمل سیاه
دالا فضایی تاریک را ارائه میدهد که در آن حفرههای سیاه با یک لهجه بنفش پر جنب و جوش که با جرقههای کهربایی قطع میشود، تلاقی میکنند. تایپوگرافی یکپارچه و بیوزن است - PPNeueMontreal، یک فونت با وزن ۴۰۰، با اندازهای بزرگ (۷۸-۱۱۳ پیکسل) با فاصلهگذاری منفی تهاجمی بین حروف، بر هر تیتر غالب است و باعث میشود تیترها بیشتر شبیه مجسمه به نظر برسند تا آموزنده. مرکز بصری، صورت فلکی از ذرات مثلثی کوچک و چند رنگ است که یک شکل مغزی ارگانیک را تشکیل میدهند که به عنوان ژست امضای برند عمل میکند: دانش به عنوان هوش توزیع شده به جای دادههای سلسله مراتبی تجسم میشود. طرحبندی از یک ریتم دو ستونی جادار پیروی میکند - تیترهای بزرگ و تراز چپ که با متن بدنه گسترده جفت شدهاند و در برابر یک پسزمینه سیاه تمیز بدون پنل، قاب یا کارت شناور هستند. اجزا عمداً به اساسیترین شکل خود کاهش یافتهاند: یک دکمه قرص بنفش تکی، لینکهای متنی پنهان و بلوکهای متنی بزرگ.
بخشهای تمامعرض روی یک بوم کاملاً مشکی، با حداکثر عرض محتوای حدود ۱۲۸۰ پیکسل در مرکز، قرار گرفتهاند. بخش اصلی دارای یک طرحبندی نامتقارن دو ستونی است: یک تیتر بزرگ چپچین (۱۱۳ پیکسل) با متن اصلی و فراخوان عمل در نیمه چپ، در حالی که یک تجسم "مغز ذرهای" در مقیاسی عظیم، نیمه راست را اشغال میکند. بخشهای بعدی بین دو ستون (سمت چپ بصری/سمت راست متن، سپس سمت چپ متنی/سمت راست بصری) به طور متناوب قرار میگیرند و یک ریتم خواندن زیگزاگ ایجاد میکنند. فاصله بین بخشها زیاد است (۶۰ تا ۱۲۰ پیکسل عمودی). هیچ شبکه کارتی، جدول قیمتگذاری یا توضیحات ویژگی چند ستونی وجود ندارد - محتوا در بلوکهای متنی-تصویری دو ستونی بزرگ چیده شده است. ناوبری یک نوار بالایی شفاف مینیمالیستی است، بدون نوار کناری یا مگامنو. تراکم عناصر بسیار زیاد است - یک یا دو عنصر در هر صفحه نمایش، هرگز با اطلاعات بیش از حد بارگذاری نمیشود.
طراحی بصری کاملاً رویهای و انتزاعی است - هیچ عکسی به جز پرترههای تیمی وجود ندارد. هویت بصری برند، ابری متراکم از هزاران ذره مثلثی کوچک و مشخص است که در طیفی کامل و پر جنب و جوش (بنفش، کهربایی، فیروزهای، ارغوانی، آبی) رندر شدهاند و شکلی ارگانیک از مغز/نورون را تشکیل میدهند. این میدان ذرات متحرک است و هم به عنوان تصویر اصلی و هم به عنوان عنصر هویت برند عمل میکند. ذرات اطراف، با چگالی کمتر، در سراسر پسزمینه صفحه حرکت میکنند. مثلثها دارای خطوط مشخص، ضخامت خط ۱ تا ۲ پیکسل، لبههای تیز و رنگهای غنی و کروماتیک هستند - هرگز خاکستری نیستند. پرترههای تیمی به صورت مستطیلهای بزرگ و گرد (شعاع ۱۲۴ پیکسل) بدون حاشیه یا همپوشانی نمایش داده میشوند. هیچ اسکرینشات از محصول، هیچ عکس سبک زندگی، هیچ رندر سهبعدی - سیستم ذرات، برند بصری است.
پالت
برند
- Electric Iris
#8052ff— دکمههای اصلی عمل، لوگو و عناصر برجسته برند، به رنگ بنفش پررنگ و یکدست هستند که نشاندهنده تعامل و هویت برند در پسزمینه مشکی میباشند.
خنثی
- Void
#000000— بوم نقاشی، پسزمینههای بخشها، فضای منفی - سطح غالب سیاه خالص است، نه خاکستری تیره، و فضایی خالی ایجاد میکند که به عناصر رنگی اجازه میدهد آزادانه شناور باشند. - Bone White
#ffffff— عنوانها، متن بدنه، پر کردن آیکونها، وضعیت ناوبری فعال - تنها رنگ تایپوگرافی که حداکثر سلسله مراتب را در پسزمینه مشکی ارائه میدهد. - Ash Gray
#9a9a9a— متن ناوبری ملایم، رنگ پیوند شفاف و برچسبهای اضافی بدون اینکه نامرئی شوند، در پشت متن اصلی پنهان میشوند. - Silver Mist
#bdbdbd— متن اضافی، اطلاعات در سطح زیرنویس - آرامترین و خواناترین رنگ خاکستری، برای پشتیبانی از متن. - Saffron Spark
#ffb829— برجسته کردن متن، تأکید بر پیوندها و جلب توجه با علائم نگارشی - رنگ زرد گرم در مقابل پسزمینه بنفش، تنش رنگی برای برند ایجاد میکند. - Deep Verdant
#15846e— رنگآمیزی ثانویه سطح، یک نقطه توقف لوگوی گرادیان، خود را به صورت لبه تیرهتر گرادیان برند و به شکل انتقالهای لهجهای که به سختی قابل توجه هستند، نشان میدهد.
تایپوگرافی
از ۱۲ تا ۱۱۳ پیکسل · ۱۰ مرحله
- PPNeueMontreal — جایگزینی: Inter · طرح کلی 200, 400, 600, 700 · یک فونت ثابت در تمام زمینههای رابط کاربری استفاده میشود. عنوانها در اندازههای نمایش (۷۸-۱۱۳ پیکسل) از وزن ۴۰۰ با فاصله حروف -۰.۰۴em استفاده میکنند - همان وزن متن اصلی، اما مقیاس بزرگتر باعث ایجاد سلسله مراتب میشود. وزن ۲۰۰ (یک فونت فوق سبک) برای متن اصلی ۱۸px در نظر گرفته شده است؛ این یک تصمیم خاص برند است: اکثر سایتهای هوش مصنوعی/نرمافزار به عنوان سرویس (SaaS) از ۴۰۰ برای متن اصلی استفاده میکنند، اما Dala وزن را کاهش میدهد تا پاراگرافها روان و غیرتهاجمی باشند. وزن ۶۰۰ با فاصله حروف ۱۴px، فاصله حروف ۰.۰۲۵em و تمام حروف بزرگ برای ناوبری و عنوانهای کوچک استفاده میشود. استفاده از ۴۰۰ برای هر دو عنوان ۱۱۳px و متن اصلی ۱۵px غیرمعمول است - این نشان میدهد که برند برای ایجاد سلسله مراتب به مقیاس، نه وزن، متکی است.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 6-18px |
| شعاع دکمه | 24px |
| شعاع کارت | 24px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 60-120px |
| عرض صفحه | 1280px |
هوش مصنوعی وبسایت شما را به سبک Dala میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Linear — ابزار دقیق نیمهشب
- Resend — مخمل مشکی با رنگ نئونی بنفش
- Ciridae — اتاقی خالی با تپشِ اخگرهایِ گداخته - کلیسایی تقریباً سیاه که تنها صدای گرمش، خطِ نازکی از زنگزدگی است، و هر سطحش به جای سایه، با خطوطِ ظریف تعریف میشود.
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش
- Neon — یک اتاق سرور پس از تاریکی مطلق. تاریکی محض، جایی که تنها نور از دادهها و تعاملات کاربر میآید.
- Discord — دنیای بازی پشت یک پنجره چت پاپآپ پنهان شده است - هر بخش یک محیط مستقل با نورپردازی و مجموعه شخصیتهای خاص خود است.
- Aaru — رصدخانه میدان ذرات در نیمه شب
- Atlas Card — غار نیمهشب، با تک پرتو یاقوت کبودش، پهنهای کاملاً سیاه است که تنها چیزی که در آن اهمیت دارد، آبیِ الکتریکِ عمیق است.
- Midjourney — یک پایانه زیستتابی در اعماق اقیانوس. دنیایی در اعماق دریا که در آن هوش به صورت بصری خود را در جریانهای ASCII تولید میکند و کنترلها به صورت الگوهای کمنور ظاهر میشوند.
- Checkly — مرکز کنترل ماموریت مدار عمیق
- Krea — گالری نوآر در نیمه شب
- Wope — ووپ یک مرز بنفش رنگ است. یک میز رصدخانه تاریک را تصور کنید که نوری بنفش از زیر شیشه آن میدرخشد.