INO
ویترین موزهای در سکوت - هر اثر نمایشی در فضایی سفید شناور است، مانند یک شیء واحد پشت شیشه، که با فونتی تقریباً سیاه و به سختی شنیده میشود.
INO به عنوان یک گالری جواهرات تقریباً تک رنگ عمل میکند: یک بوم سفید واضح، یک جوهر گرم و تقریباً سیاه و تقریباً بدون رنگ. سیستم بصری با هر حلقه مانند یک قطعه موزهای رفتار میکند - عکسهای محصولات بالینی که در فضای منفی گسترده شناور هستند، با سلسله مراتبی که از طریق موقعیت، فاصله حروف و حجم رنگ سفید ساخته شده است تا از طریق مقیاس فونت یا رنگ. ناوبری در پایین صفحه قرار دارد و شامل چهار نقطه با برچسب (پر یا خالی) است، که معکوس عمدی نوار بالای تجارت الکترونیک سنتی است. خود علامت تجاری مجموعهای از خطوط حلقهای متحدالمرکز است که شکل محصول را منعکس میکند و به عنوان یک مجسمه تایپوگرافی به جای یک لوگو عمل میکند.
یک بوم تمام عرض بدون محدودیت حداکثر عرض محتوا. صفحه اصلی تمام عرض صفحه را اشغال میکند و عکسها و تصاویر گرافیکی به طور مساوی (50/50) تقسیم شدهاند. شبکههای محصول به صورت ردیفهای سه ستونی با حاشیه افقی زیاد از لبه صفحه نمایش داده میشوند. ناوبری پایین در مرکز قرار دارد و به پاورقی صفحه متصل است، نه اینکه پین شده باشد. برای شکستن بخشها از عکسهای تمام صفحه یا فضای سفید خالص استفاده میشود - هرگز از نوار رنگی، خط جداکننده یا گرادیان استفاده نمیشود. ریتم عمودی آزاد است: 80/1/1 بین بخشهای اصلی، که به صفحه اجازه میدهد نفس بکشد تا اینکه با محتوا پر شود. هیچ نوار کناری، مگامنو یا نوار هدر بالایی وجود ندارد - لوگوی "INO" صرفاً در گوشه سمت چپ بالای صفحه اصلی قرار دارد.
دو حالت نمایش تصویر مجزا در کنار هم وجود دارند: عکاسی بالینی از محصولات روی یک پسزمینه صاف، خاکستری روشن و یکپارچه (هر حلقه در مرکز تصویر، بدون دست، وسایل تزیینی یا سایههای سطحی عکاسی شده است - شیء، شخصیت اصلی داستان است) و تصاویر سرمقالهای روایی (حلقهای در یک جعبه چمنکاری شده، دستی که زنجیری را نگه داشته است)، که به صورت قطعات سرمقالهای تمام صفحه و بدون اشباع رنگ ارائه میشوند. تصاویر محصول به عنوان کارتهای محصول عمل میکنند؛ تصاویر سرمقالهای حال و هوای برند را منتقل میکنند. هر دو تک رنگ یا تقریباً تک رنگ هستند - چمن در تصویر اصلی تنها نشانهای از رنگ سبز است و حتی آن هم به رنگ جنگل کمرنگ شده است. از آیکونها در رابط کاربری استفاده نمیشود - یک نماد حلقهای متحدالمرکز جایگزین تمام آیکونوگرافی شده است.
پالت
خنثی
- Obsidian Ink
#212123— حالتهای خنثی فرم، متن آیکونها و بازخورد رابط کاربری نامحسوس که در آنها طرحهای رنگی باید نامحسوس باقی بمانند. - Bone
#ffffff— صفحات بوم نقاشی، سطوح مقوایی، متن وارونه روی زمینه تیره. سطح غالب؛ تقریباً کل وبسایت در اینجا قرار دارد. - Carbon
#000000— پر کردن آیکون، خطوط گرافیکی تزئینی و پر کردن حالت فعال برای نشانگر نقطه ناوبری. برای حداکثر کنتراست تُن با رنگ "استخوانی" به مقدار کم استفاده شده است. - Ash
#999999— حاشیهها، خطوط کنترل و جداکنندههای ساختاری با کنتراست متوسط. - Pebble
#a6a6a7— متن پشتیبان ملایم، جداکنندههای نازک برای متن اصلی و فرادادههای ثانویه. روشنترین خاکستری کاربردی برای برچسبهای قیمت و متن همراه که باید در پسزمینه محو شوند، استفاده میشود.
تایپوگرافی
از ۱۱ تا ۱۸ پیکسل · ۴ مرحله
- Sequel100Wide — جایگزینی: Jost (400 · طرح کلی 400 · تنها فونت شرکتی که منحصراً در وزن ۴۰۰ در تمام زمینهها - ناوبری، متن بدنه، سرتیترها، عناوین، قیمتگذاری و زیرنویسها - استفاده میشود. نماد هندسی با فاصله زیاد و فاصله زیاد بین حروف، کل سبک شرکتی را منعکس میکند. عدم وجود وزن پررنگ عمدی است: سلسله مراتب از طریق بزرگنویسی، فاصلهگذاری حروف و موقعیتیابی حاصل میشود، نه از طریق تغییر وزن فونت.
- Arial — جایگزینی: system-ui · طرح کلی 400 · یک جایگزین سراسری سیستم برای رندر کردن دکمهها در زمینههای قدیمی. این بخشی از برندسازی نیست - فقط در صورتی ظاهر میشود که Sequel100Wide نتواند بارگیری شود.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 23px |
| شعاع دکمه | 50px |
| شعاع کارت | 8px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 80-120px |
هوش مصنوعی وبسایت شما را به سبک INO میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Peak Design — دیوار گالری، تا حدی روشن
- 099 SUPPLY — یک دیوار گالری پر از اشیاء سیاه و سفید
- Apple (España) — ویترین گالری سفید
- Apple (España) — پنجرهی گالری در مه صبحگاهی
- Custo — یک گالری به رنگ برنزی با فونتی یکپارچه. یک نمایشگاه با تُنهای خاکستری-سبز ملایم، جایی که یک شیء تیره و فونت ۵۷ پیکسلی به خودی خود گویا هستند.
- Silencio — یک اتاق سفید با آثار شناور. یک نمایشگاه گالری ساخته شده از کاغذ گرم، که در آن هر عنصر جای خود را در برابر پسزمینهای از حجم منفی اشغال میکند و سکوت یک تصمیم طراحی عمدی است.
- Oakâme — کارگاهی آفتابگیر در پروانس، تراشیده شده از سنگ گرم
- Nike — یک گالری تک رنگ از دستاوردهای ورزشی - دیوارهای سفید، محصول به عنوان یک اثر هنری، کروم در پسزمینه حل شده است
- Sociotype — یک نمونه موزهای معمولی روی کاغذ سفید
- Arc — گالری سفید صنعتی بر فراز آبهای نیمهشب
- Rivian — یک مونولیت الکتریکی روی دیوار بتنی گالری. ریویان هر وسیله نقلیه را به عنوان مجسمهای در برابر فضای سفید وسیعی ارائه میدهد، با تایپوگرافی آنقدر بزرگ که به یک عنصر معماری تبدیل میشود، و یک زرد گرم واحد که فضای تک رنگ را میشکند، مانند نور خورشید بر روی یک سطح مات.