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) با رندر سرور و بهینه‌سازی سئو از پیش آماده.
- بهینه‌سازی سئو کاملاً خودکار برای نتایج جستجو و توصیه‌های شبکه عصبی.
سبک‌های مشابه
- Studio — یک دیوار گالری در حال حرکت. هر صفحه نمایش، یک سطح نمایشگاهی آرام و خاکستری را نشان می‌دهد که در آن مواد تایپوگرافی و آثار خلاقانه همپوشانی برای جلب توجه رقابت می‌کنند.
- Mollie — یک پیشخوان ترمه، یک دفتر کل تیره. فضای سفید کافی برای طراحی سرمقاله در اطراف متن سیاه بگذارید، سپس نکات مربوط به محصول را با کرم‌های گرم، قهوه‌ای‌های اسپرسو و عکس‌های لمسی از روش‌های پرداخت واقعی تقویت کنید.
- Bajgart Office — دیوار گالری تحریریه. از یک فضای سفید بزرگ استفاده کنید که در آن فونت‌های سریف ظریف و قطعات نمونه کارها وزن بصری بیشتری نسبت به عناصر رابط کرومی دارند.
- Bejamas — پیژامه - آهک اسیدی از میان شیشه سیاه. صفحات سرمقاله‌ای آرام و خاکستری روشن خلق کنید که با پنل‌های سیاه جذاب، جایی که رگه‌های سبز مات نور سطح را قطع می‌کنند، قطع می‌شوند.
- Kagi — یک اتاق مطالعه جداگانه. یک فضای سفید باز در اطراف متن گرافیتی پررنگ ایجاد کنید، با استفاده از لهجه‌های بنفش ظریف و سطوح پاستلی گرم برای شکستن آرامش.
- Milanote — میلانوت یک استودیوی خلاق اختصاصی است. با استفاده از تابلوهای بصری شناور، صفحاتی به سبک گالری سرمقاله ایجاد کنید: دیوارهایی با قاب تیره، فضای نمایش سفید و اسکرین‌شات‌هایی که با عمق ملایم مانند اشیاء واقعی به نظر می‌رسند.
- Co2 — یک اطلس اقلیمی در نور زمستانی. صفحاتی مانند یک سند هوایی منظره ایجاد کنید، جایی که سرتیترهای سریف، داده‌های کدگذاری شده با دسته‌بندی و تصاویر یخی حاشیه‌های سفید پهن را برجسته می‌کنند.
- GitButler — فیروزه‌ای در انتهای متن. ترکیبی از تیترهای سریف با کنتراست بالا با شبکه‌های فنی ظریف، سطوح گرافیتی گرم و یک لهجه فیروزه‌ای ملایم.
- ElevenLabs — یک مقاله تصویری با تُن‌های کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخم‌مرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
- monopo saigon — درخششی مایع و رنگین‌کمانی در پس سکوت تحریریه - گالری تحریریه تک‌رنگی که بر نوری مذاب شناور است
- Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولک‌های رنگی است
- Monad — مجله فنی سرمقاله در مورد پوست گرم