Creative Giants
پوستر سرمقاله با فرمت بزرگ روی کاغذ کرم رنگ
«غولهای خلاق» مانند یک کتاب هنری بزرگ به نظر میرسد که با کد ارائه شده است: یک بوم گرم و کرمی، حاشیههای نازک و تایپ آنقدر بزرگ که بیشتر شبیه یک پوستر است تا یک تیتر. کل سیستم بر اساس فضای منفی و یک اندازه سبک (300) کار میکند - تیترها در اندازه 64 تا 84 پیکسل به سختی شنیده میشوند، نه اینکه به صورت پررنگ برجسته باشند، و فاصله حروف با افزایش اندازه تایپ به شدت کاهش مییابد (-0.04em)، بنابراین کلمات به جای کنده شدن، تراشیده به نظر میرسند. طرح رنگ با ضربات قلم موی کوچک و اشباع توزیع شده است: بنفش پر جنب و جوش، فیروزهای تیره، آبی روشن، صورتی تند، نعنایی و سرمهای به عنوان سطوح یا لهجههای کارت ظاهر میشوند، نه به عنوان پرکنندههای پسزمینه. عناصر تعاملی، اشکال مشکی روی یک پسزمینه کرم با شعاعهای کاملاً گرد (1440px) هستند، در حالی که عناصر کرومی تقریباً نامرئی هستند - یک لوگوی گرد و دکمه «منو» در فضای سفید شناور هستند. مفهوم بصری، صفحه تماس یک استودیوی تولید است: یک تیتر بزرگ، یک عکس تمام عرض، یک خط آرام از متن متا. هر صفحه در میان باید از همین سبک مختصر و مفید پیروی کند.
طرحبندی صفحه تمامصفحه: هیچ ظرف حداکثر عرضی وجود ندارد؛ محتوا تمام عرض صفحه را با حاشیههای مساوی در چپ و راست (۱۶ تا ۳۲ پیکسل در موبایل، ۳۲ پیکسل به بالا در دسکتاپ) اشغال میکند. عنوان اصلی یک تیتر بزرگ و واحد ("غولهای خلاق" با اندازه ۸۴ پیکسل) است که تقریباً ۴۰٪ از صفحه نمایش را اشغال میکند و بلافاصله پس از آن یک عکس تمامصفحه با یک متا تگ در گوشه پایین سمت چپ و یک پوشش عنوان قرار میگیرد. ریتم بخش یکپارچه است: هر بخش جدید با مقدار کمی متن با حروف بزرگ و یک توضیح شروع میشود که با ۴۸ تا ۶۴ پیکسل فضای سفید از هم جدا شدهاند - هیچ نوار تیره/روشن متناوبی به جز یک کارت با طرح جوهر دریایی معکوس وجود ندارد. محتوا در سمت چپ تراز شده است؛ هیچ بلوک مرکزی به جز عنوان اصلی وجود ندارد. بخش اخبار/مطالعات موردی از یک شبکه سه ستونی از کارتها با یک بلوک فلش شناور در سمت راست استفاده میکند. پیمایش از طریق یک هدر بالا انجام میشود - بدون نوار کناری یا هیچ عنصر لنگری فراتر از خود هدر. طرح کلی جادار و با سبک سرمقاله سازگار است: هر بخش نفس میکشد و فضای سفید عنصر ساختاری اصلی است.
عکاسی تحریریه بر طراحی غالب است: تصاویر تمام عرض صفحه را اشغال میکنند، با زوایای تیز، و هیچ همپوشانی یا ماسک گردی وجود ندارد. این سبک به سمت مستند و اتمسفریک - دستهای چروکیده، چیدمانهای عمومی و عکسهای معمولی از مردم - گرایش دارد، بدون اینکه هرگز از عکاسی صحنهسازیشده از محصول استفاده شود. تصاویر همیشه در مقیاس بزرگ (نمای تمام عرض یا پر کردن کل کارت) ارائه میشوند، بنابراین واحد طراحی عکس است، نه رابط کاربری. هیچ تصویرسازی، مدل سهبعدی یا ماکت محصول وجود ندارد. آیکونوگرافی مینیمال است: یک لوگوی دایرهای کوچک، شورونهای حاشیهای روی کنترلهای چرخ فلک و آیکونهای رابط کاربری سبک با حاشیه ۱ پیکسلی. تراکم تصویر توسط خود تصویر تعیین میشود و متن به عنوان یک لایه حاشیهنویسی محتاطانه در زیر یا بالای عکس عمل میکند.
پالت
برند
- Magenta Bloom
#8a0467— صورتی به عنوان یک رنگ ثانویه برای جزئیات تزئینی و برجسته کردن عبارات جستجوی کمتر استفاده شده استفاده میشود. نباید به عنوان رنگ اصلی برای دکمه فراخوان عمل (Call to action) استفاده شود. - Forest Teal
#03624c— یک رنگ غنی و برجسته از برند برای قاب کارت و تزئینات؛ با رنگ ارغوانی روشن (Magenta Bloom) ترکیب میشود تا ظاهری دو رنگ ایجاد کند.
خنثی
- Bone White
#fffef7— بوم صفحه، سطوح مقوایی و متن روی لهجههای تیره، سایهای گرم و کرمی هستند که جایگزین #ffffff خالص شده و به کل سیستم، حسی کاغذی و چاپشده میدهد. - Ink Black
#000000— رنگ تیره مکمل متن و آیکونهای خنثی است و کنتراست قوی ایجاد میکند. از استفاده از آن به عنوان رنگ اصلی برای دکمههای فراخوان (CTA) خودداری کنید. - Graphite
#666666— متن بدنه فرعی، زیرنویسها، فرادادهها و متن پشتیبان به پسزمینه رانده میشوند تا متن اصلی غالب شود. - Ash
#aaaaaa— حاشیههای فیلد ورودی، رنگ لینک غیرفعال، جداکنندههای مرتبه سوم - یک رنگ خاکستری ساختاری ملایم که در صورت عدم نیاز ناپدید میشود. - Charcoal Scale
#4d4c4a— یک رنگ خنثی متوسط برای حاشیههای فهرست، با افزایش کنتراست ظریف در مسیر گرادیان تیره - خاکستری گرم به جای خاکستری-آبی. - Powder Blue
#a5c8eb— یک رنگ ملایم - پسزمینههای کارتپستالی، پسزمینههای محو، تصویرسازیهای کمرنگ - پسزمینه گرم را بدون ایجاد رقابت، سرد میکند.
تایپوگرافی
از ۱۲ تا ۸۴ پیکسل · ۷ مرحله
- Switzer — جایگزینی: Inter (300 · طرح کلی 300, 400 · یک سیستم تکفونت: وزن ۳۰۰ برای تمام عناصر نمایشی و سرتیترها (۱۲ تا ۸۴ پیکسل)، وزن ۴۰۰ برای متن بدنه، فرادادهها و کنترلهای رابط کاربری. گزینه ترجیحی استفاده از وزن ۳۰۰ در اندازههای ۶۴ تا ۸۴ پیکسل است - اکثر سیستمها در اینجا از فونت ضخیم ۷۰۰ تا ۸۰۰ استفاده میکنند؛ فونت Switzer با تُن روشن، خطوط نازکی را حفظ میکند و حس تایپ ایربراش شده روی بوم کرم رنگ را ایجاد میکند. فاصلهگذاری کمتر حروف با افزایش اندازه (-۰.۰۴em در ۸۴ پیکسل، -۰.۰۱۸em در ۱۴ پیکسل) فضاهای داخلی را باز نگه میدارد، بدون اینکه احساس پراکندگی ایجاد کند.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 8px |
| شعاع دکمه | 1440px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 64px |
هوش مصنوعی وبسایت شما را به سبک Creative Giants میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- ElevenLabs — یک مقاله تصویری با تُنهای کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخممرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
- monopo saigon — درخششی مایع و رنگینکمانی در پس سکوت تحریریه - گالری تحریریه تکرنگی که بر نوری مذاب شناور است
- Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولکهای رنگی است
- Monad — مجله فنی سرمقاله در مورد پوست گرم
- Dub — پنل کنترل کاغذ برنج مات لینک
- Seline Analytics — یک میز تحلیلی آرام روی کاغذ گرم
- Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
- Hyer Aviation — غروب در کابین خلبان بر فراز کاغذ پوستی. آسمان کمرنگ سپیده دم با لوگوی سریف به اندازه بدنه هواپیما تلاقی میکند و یک تکرنگ با رنگ رسی گرم، محدودیت تکرنگی را میشکند.
- Anthropic — یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگهای سرصفحهدار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر میشود.
- Calendly — جوهر آبی تیره روی مرمر سرد
- Augen Pro — ارائه سفید اپل، آبی الکتریکیِ بالینی، بیوزن و ملایم را به عنوان تنها عنصر تأکیدی در فضایی تکرنگ به نمایش میگذارد.
- OFF+BRAND. — کرهای رنگینکمانی روی پوست کاغذی گرم