COS
یک گالری شیک با دیوارهای سفید
COS از دستور زبان بصری یک گالری هنر معاصر بهره میبرد: دیوارهای سفید وسیع، عکسهای تکرنگ با فرمت بزرگ و تایپوگرافی که با مدلها تداخلی ندارد. رابط کاربری عملاً بیرنگ - آکروماتیک - است و از رنگ تقریباً مشکی (#080808) بر روی سفید خالص (#ffffff) به عنوان تنها تضاد ساختاری استفاده میکند، و کمی قرمز (#c80000) به عنوان یک تأکید ظریف برای لحظاتی که باید فوری اما نه آشکار به نظر برسند، در نظر گرفته شده است. فاصلهگذاری سخاوتمندانه و از نظر ویرایشی مناسب است، با تورفتگیهای بخش به ۱۳۵ پیکسل، و اجزا در صفحه حل میشوند: حاشیههای نازک در #dadada، بدون سایه، بدون گرادیان، بدون گوشههای گرد. تایپوگرافی (SuisseIntl) تنها تزیین است - یک خانواده فونت گروتسک که از برچسبهای کوچک ۱۲ پیکسلی تا توضیحات دستهبندی ۳۵ پیکسلی ثابت میماند و کمی به سمت مثبت تغییر میکند تا فونتهای گالری را تداعی کند.
مدل صفحه تمامقد - بوم از لبه تا لبه بدون محفظه با حداکثر عرض گسترش مییابد و محتوا به جای یک ستون مرکزی، با تقسیم تصاویر و فضای سفید تثبیت میشود. قهرمان، یک تقسیم عمودی ۵۰/۵۰ از دو تصویر سرمقاله تمامقد است، آنقدر غالب که به عنوان کارت ویزیت ساختاری برند عمل میکند. در زیر قهرمان، بخشها به طور متناوب بین بلوکهای متنی روی یک پسزمینه سفید (در مرکز، در یک ستون) و تصاویر تمامقد اضافی قرار میگیرند. ریتم عمودی جادار است: شکافهای بین بخشها، مانند دیوار موزه، حس فضای بین نوارها را ایجاد میکند. ناوبری یک نوار سفید نازک با یک لوگوی مرکزی و یک انتخابگر محلی راستچین است - هیچ نوار دستهبندی افقی یا مگامنویی در قاب اصلی قابل مشاهده نیست. تراکم اطلاعات کم است: یک عبارت برای هر بخش، یک تصویر برای هر ایده.
عکسهای مد سرمقالهای با فرمت بزرگ، صفحه را پر کردهاند - پرترههای تمامقد و عکسهای سهچهارم قد مدلها، تحت نورپردازی کنترلشده استودیویی، عمدتاً خنثی و ملایم با تُنهای گرم. تصاویر بههمفشرده چیده شدهاند و فضا را از لبه تا لبه پر میکنند، بدون گوشههای گرد، ماسکهای تزئینی یا قابهای روی هم قرار گرفته. یک تکنیک شاخص، قاب «دو پرتره در کنار هم» (MUJER / HOMBRE) است: دو پرتره با اهمیت یکسان که در کنار هم قرار گرفتهاند و هر کدام با یک برچسب دستهبندی واحد در گوشه پایین سمت چپ برچسبگذاری شدهاند. عکسها مانند چاپهای گالری قاببندی شدهاند - سوژه برجسته است، زمینه وجود ندارد، مقیاس انسانی وجود ندارد و پالت رنگی تکرنگ است. هیچ صحنهای از زندگی، هیچ وسیلهای، هیچ پسزمینه بافتداری وجود ندارد.
پالت
خنثی
- Canvas White
#ffffff— یک سطح حمایتی روشن برای ایجاد یک پسزمینهی نامحسوس و جداکنندهی بخشها. نباید به عنوان رنگ اصلی برای فراخوان عمل استفاده شود. - Ink Black
#080808— متن بدنه، آیکونها، لینکها، نوع ناوبری، حاشیه دکمهها، لوگو، متن پاورقی - رنگی ملایمتر از مشکی خالص برای جلوگیری از نمایش بیش از حد واضح عکسها در مقابل آن. - True Black
#000000— پوشاندن متن اصلی روی تصاویر تیره، متن بدنه، برچسبهای دکمه - از رنگ مشکی خالص فقط برای متضادترین عناصر تایپوگرافی استفاده میشود. - Mist Gray
#dadada— حاشیههای ظریف، فیلدهای ورودی زیرخطدار، جداکنندههای ظریف، خطوط بیرونی در حالت غیرفعال - کمرنگترین سایه خنثی، که فقط با آنچه جدا میکند قابل مشاهده است. - Signal Red
#c80000— رنگ قرمز به عنوان یک لهجه اضافی برای جزئیات تزئینی و تأکید بر فرکانسهای پایین عمل میکند.
تایپوگرافی
از ۱۲ تا ۳۵ پیکسل · ۳ مرحله
- SuisseIntl — جایگزینی: Neue Haas Grotesk Display · طرح کلی 400, 500, 700 · در سراسر رابط کاربری، برای ناوبری، متن بدنه، عنوانها، دکمهها و توضیحات محصول، از یک فونت واحد استفاده شده است. فاصله مثبت حروف (0.01-0.04em) برای فونت صفحه نمایش غیرمعمول است و حس یک کاتالوگ چاپی را بهبود میبخشد؛ وزن 700 برای توضیحات دستهبندی، 500 برای ناوبری و دکمهها و 400 برای سایر موارد در نظر گرفته شده است. برندسازی با یک خانواده فونت واحد و محدوده اندازه بسیار باریک (12-35px) سازگار است - فونت هرگز غالب نمیشود.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 8px |
| شعاع دکمه | 0px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 135px |
هوش مصنوعی وبسایت شما را به سبک COS میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Apple (España) — ویترین گالری سفید
- Silencio — یک اتاق سفید با آثار شناور. یک نمایشگاه گالری ساخته شده از کاغذ گرم، که در آن هر عنصر جای خود را در برابر پسزمینهای از حجم منفی اشغال میکند و سکوت یک تصمیم طراحی عمدی است.
- Oakâme — کارگاهی آفتابگیر در پروانس، تراشیده شده از سنگ گرم
- Nike — یک گالری تک رنگ از دستاوردهای ورزشی - دیوارهای سفید، محصول به عنوان یک اثر هنری، کروم در پسزمینه حل شده است
- Arc — گالری سفید صنعتی بر فراز آبهای نیمهشب
- Rivian — یک مونولیت الکتریکی روی دیوار بتنی گالری. ریویان هر وسیله نقلیه را به عنوان مجسمهای در برابر فضای سفید وسیعی ارائه میدهد، با تایپوگرافی آنقدر بزرگ که به یک عنصر معماری تبدیل میشود، و یک زرد گرم واحد که فضای تک رنگ را میشکند، مانند نور خورشید بر روی یک سطح مات.
- Analogue — ویترین گالری مشکی - کالاها در فضای خالی معلق هستند
- ddna — ویترین موزهای گرم روی پارچه کتان نچسب
- Zellerfeld — کارگاه مجسمهسازی روی مرمر سفید - سطوح یکپارچه پایه، جرقهای از کبالت، زمزمهای از حروف کوچک از کف تا سقف
- UY Studio — گالری سنگی صومعه، فضایی آرام با دیوارهای بتنی است که در آن بطریهای عطر روی پایههای سفید قرار گرفتهاند و توسط یک لامپ ۴۰۰ واتی و چهار لامپ خاکستری گرم روشن میشوند.
- Basic.Space — گالری کیوریتوریال روی سنگ مرمر سفید