Monad
مجله فنی سرمقاله در مورد پوست گرم
موناد تمام رابط کاربری خود را روی یک بوم نقاشی پوست درختی گرم (#f6f3f1) نمایش میدهد و بلافاصله آن را از قالب معمولی SaaS با رنگ سفید خالص متمایز میکند. تیترها وزن سرمقالهای دارند و با فونت Untitled Serif، یک فونت با وزن ۴۰۰ - هرگز بولد - تنظیم شدهاند، در حالی که تمام متن بدنه، ناوبری و عناصر رابط کاربری با ABC Diatype Mono تنظیم شدهاند و به سایت بافتی شبیه به یک مجموعه راهنمای فنی برای یک مجله ادبی میدهند. یک آبی روشن (Lake) تنها تأکید رنگی را برای اقدامات کلیدی فراهم میکند. هر چیز دیگری در یک پالت خاکستری گرم نگه داشته شده است، بنابراین سطح کارت پریوش (#cfdaf5) و انتقالهای گرادیان پاستلی ملایم (مرجانی، آبی آسمانی، نعناعی، طلایی) بیشتر شبیه نقطهگذاری عمدی هستند تا نویز. اجزا به جای سایهها به حاشیههای ظریف و محفظههای قرص متکی هستند و ریتم به لطف تورفتگیهای کارت مانند و فضای عمودی زیاد بین بخشها، آرام و جادار نگه داشته میشود.
زبان بصری بر اساس یک نمودار خط لوله داده توسعهیافته است: گرههای قرصی شکل که با خطوط منحنی نازک مشخص شدهاند، و آیکونهای کوچکی در هر گره که نشاندهنده منابع داده (هر منبعی، لاگهای ابری، آسیبپذیریها) و مقاصد (SIEM، ذخیرهسازی ابری، دریاچه داده) هستند. این نمودار از یک درخشش شعاعی سبز ملایم در مرکز برای تأکید بر عادیسازی دادهها استفاده میکند. رنگهای جوی گرادیان (مرجانی → آبی آسمانی، آبی آسمانی → نعنایی) با فیلترهای تاری قوی، هالههای رنگی ملایمی را در پشت محتوای اصلی و کاربردی ایجاد میکنند. لوگوهای شرکا در یک ردیف نمایش داده میشوند و بر تأثیر اجتماعی تأکید دارند. کارت «تحولات داده در حال انجام» دارای یک تصویر گرادیان بزرگ با اشکال هندسی شفاف همپوشانی است. از عکسها استفاده نشده است - برند اطلاعات را صرفاً از طریق تایپوگرافی، نمودارها و طرحهای رنگی منتقل میکند.
پالت
برند
- Parchment
#f6f3f1— این رنگ گرم و کرمی که روی بوم صفحه و در بیشتر قسمتهای پر شده استفاده شده، رنگ امضای برند است و فوراً سایت را از قالبهای SaaS که تماماً سفید هستند، متمایز میکند. - Lake Blue
#2b59d1— بنفش برای برجسته کردن پسزمینهها، نوارهای تزئینی و به عنوان یک لهجه ملایم در پشت محتوا استفاده میشود. نباید به عنوان رنگ اصلی برای دکمههای دعوت به اقدام استفاده شود.
خنثی
- Off-Black
#242424— رنگ خنثی با کنتراست بالا برای دکمههای اصلی روی سطوح روشن. - Periwinkle Mist
#cfdaf5— یک رابط کاربری ساده برای کنترلهای غیرفعال، پنلهای کماهمیت و بلوکهای جاینگهدار. - Sky Blue
#a0b5eb— گرادیان تزئینی - در پرکنندههای اتمسفری و خطوط جریان در نمودار لولهکشی ظاهر میشود و هرگز به عنوان پرکننده رابط کاربری استفاده نمیشود. - Mint
#a7fccd— یک پالت رنگ ثانویه برای تزئینات کوچک، زمانی که پالت رنگ اصلی نیاز به کنتراست دارد. - Coral
#ff9473— یک پالت رنگ ثانویه برای تزئینات کوچک، زمانی که پالت رنگ اصلی نیاز به کنتراست دارد. - Gold
#ecda98— یک نقطه گرادیان تزئینی، یک تأکید گرم در انتقال گرادیان است که هرگز در رابطهای کاربری کاربردی استفاده نمیشود.
تایپوگرافی
از ۱۲ تا ۸۰ پیکسل · ۱۰ مرحله
- ABC Diatype Mono — جایگزینی: JetBrains Mono · طرح کلی 400, 500 · متن اصلی، ناوبری، دکمهها، آیکونها، برچسبها و تمام متنهای رابط کاربری. یک فونت تکفاصله در تمام عناصر عملکردی، حس یک کتابچه راهنمای فنی را به رابط کاربری میدهد - متن اصلی با اندازه ۱۶ تا ۲۰ پیکسل به عنوان داده درک میشود، نه اطلاعات بازاریابی. برچسبها و آیکونهای ناوبری از فونت ۱۸ پیکسلی با فاصله حروف دقیقتر استفاده میکنند؛ فونتهای کوچکتر و متنهای متا از فونت ۱۲ پیکسلی با تمام حروف بزرگ استفاده میکنند. اندازه فونت ۵۰۰ پیکسلی برای عناصر برجسته رابط کاربری در نظر گرفته شده است.
- Untitled Serif — جایگزینی: Times New Roman · طرح کلی 400 · فقط برای سرتیترها و زیرتیترها - در اندازههای ۸۰ پیکسل (متن اصلی)، ۴۸ پیکسل (بخش)، ۴۰ پیکسل و ۳۲ پیکسل (زیربخشها) و ۲۴ پیکسل (سرتیترهای کارت توضیحات) استفاده میشود. وزن فونت برای همه اندازهها روی ۴۰۰ ثابت است؛ کنتراست طبیعی فونت سریف و فاصله حروف -۰.۰۲em به جای بولد، تمرکز اصلی را فراهم میکنند. این سبک سرمقاله است: سرتیترها به جای اینکه با وزن فریاد بزنند، با پیچیدگی تایپوگرافی زمزمه میکنند.
- Untitled Sans — جایگزینی: Inter · طرح کلی 400 · فونت بدون عنوان سنس - در دادههای استخراجشده یافت میشود اما توسط هوش مصنوعی توصیف نشده است.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 16px |
| شعاع دکمه | 100px |
| شعاع کارت | 40px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 64px |
| عرض صفحه | 1432px |
هوش مصنوعی وبسایت شما را به سبک Monad میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- ElevenLabs — یک مقاله تصویری با تُنهای کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخممرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
- Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولکهای رنگی است
- Dub — پنل کنترل کاغذ برنج مات لینک
- Seline Analytics — یک میز تحلیلی آرام روی کاغذ گرم
- Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
- Anthropic — یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگهای سرصفحهدار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر میشود.
- Calendly — جوهر آبی تیره روی مرمر سرد
- Augen Pro — ارائه سفید اپل، آبی الکتریکیِ بالینی، بیوزن و ملایم را به عنوان تنها عنصر تأکیدی در فضایی تکرنگ به نمایش میگذارد.
- Antimetal — شرح وقایع سرمقالهای روی کاغذ کرمرنگ - صبحی آرام در یک مجله علمی، جایی که خویشتنداری، اعتماد به نفس را منتقل میکند و حروف سریف بار سنگین را به دوش میکشند
- Perk — لیموی برقی روی کاغذ روغنی گرم
- Ditto — کارگاهی زیر نور خورشید که نمونههایی از گلهای وحشی خلق میکند. سطوح کرم گرم، رنگ پایه زرد پر جنب و جوش، جوهرهای سرمهای تیره، و اشکال رنگی ارگانیک که در پشت اثر شکوفا شدهاند.
- Officevibe — یک مجلهی سرمقالهای با کاغذ کرمرنگ گرم. یک مقالهی متفکرانه در مورد مدیریت منابع انسانی را تصور کنید که به عنوان یک محصول ارائه میشود - یک فونت سریفِ کجخطی که از طریق یک رابط کاربری آبی مدرن زمزمه میشود.