INO
Музей витринасының тынлыгы – һәр экспонат ак урында йөзеп йөри, пыяла артындагы бердәнбер әйбер кебек, кара төстәге, ишетелерлек дәрәҗәдәге шрифт белән бизәлгән.
INO диярлек монохром бизәнү әйберләре галереясе булып эшли: ачык ак холст, бер төрле, җылы, кара төс һәм төсләрнең бөтенләй булмавы. Визуаль система һәр йөзекне музей экспонаты кебек карый - клиник продукт фотосурәтләре киң тискәре киңлектә йөзә, иерархия шрифт масштабы яки төсе аша түгел, ә позиция, хәрефләр аралыгы һәм ак төснең күләме аша төзелә. Навигация битнең аскы өлешендә урнашкан, ул дүрт ноктадан тора, анда ярлыклар (тутырылган яки буш) бар, бу традицион электрон коммерция өске панеленең махсус киресе. Бренд билгесе үзе - концентрик йөзек контурлары җыелмасы, ул продукт формасын чагылдыра һәм логотип түгел, ә типографик скульптура булып хезмәт итә.
Тулы киңлектәге полотно, максималь эчтәлек киңлеге чикләнмәгән. Төп экран битнең бөтен киңлеген били, фоторәсемнәр һәм графика тигез бүленгән (50/50). Продукт челтәрләре өч баганалы рәтләр рәвешендә күрсәтелә, карау мәйданы кырыена кадәр зур горизонталь чик белән. Аскы навигация үзәкләштерелгән һәм битнең аскы колонтитулына беркетелгән, ә беркетелгән түгел. Бүлек өзелүләре тулы экранлы редакция фоторәсемнәрен яки саф ак бушлыкны куллана - беркайчан да төсле сызык, бүлү сызыгы яки градиент кулланылмый. Вертикаль ритм ирекле: төп бүлекләр арасында 80/1/1, бу битнең эчтәлек белән тулу урынына сулыш алуына мөмкинлек бирә. Ян панель, мега-меню, өске башлык панеле юк - "INO" логотибы төп экранның югары сул почмагында гына урнашкан.
Ике төрле рәсем күрсәтү режимы бергә яши: яссы, ачык соры, тигез булмаган фонда клиник продукт фотосурәте (һәр боҗра үзәктә, кулларсыз, стильләштерелгән реквизитларсыз яки өслек күләгәләресез төшерелә - объект төп герой) һәм хикәяләүче редакция рәсемнәре (үлән белән капланган тартмадагы боҗра, чылбыр тоткан кул), туендырылмаган, тулы экранлы редакция фрагментлары буларак күрсәтелә. Продукт рәсемнәре продукт карточкалары булып хезмәт итә; редакция рәсемнәре брендның кәефен чагылдыра. Икесе дә монохром яки монохромга якын - төп рәсемдәге үлән яшел төснең бердәнбер ишарәсе, хәтта ул да урман төсенә көйләнгән. Интерфейста иконалар кулланылмый - концентрик боҗра символы барлык иконографияне алыштыра.
Палитра
Нейтраль
- Obsidian Ink
#212123— Нейтраль форма халәтләре, иконалар тексты һәм төс схемалары игътибарны җәлеп итмәслек итеп сакланырга тиешле яшерен интерфейс кире элемтәсе. - Bone
#ffffff— Киез битләр, картон өслекләр, караңгы фонда инвертланган текст. Өстенлекле өслек; вебсайтның тулысынча диярлек монда урнашкан. - Carbon
#000000— Навигация ноктасы күрсәткече өчен иконалар тутыру, декоратив график контурлар һәм актив халәт тутыру. "Сөяк" төсе белән максималь тональ контраст өчен сирәк кулланыла. - Ash
#999999— Уртача контрастлы чикләр, контроль контурлар һәм структураль бүлгечләр. - Pebble
#a6a6a7— Тынычландырылган ярдәмче текст, төп текст өчен нечкә аергычлар һәм икенчел метамәгълүматлар. Иң ачык функциональ соры төс бәя билгеләре һәм фонга чигенергә тиешле озатып йөрүче текст өчен кулланыла.
Типография
11 дән 18 пиксельгә кадәр · 4 адым
- Sequel100Wide — алыштыру: Jost (400 · контурлар 400 · Барлык контекстларда - навигация, төп текст, башлыклар, исемнәр, бәяләр һәм аңлатмаларда - 400 калынлыкта гына кулланыла торган бердәнбер корпоратив шрифт. Киң геометрик символ һәм хәрефләр арасындагы киң ара корпоратив стильне чагылдыра. Калын калынлыкның булмавы махсус эшләнгән: иерархиягә шрифт калынлыгын үзгәртү аша түгел, ә баш хәрефләр, хәрефләр арасындагы ара һәм урнашу аша ирешелә.
- Arial — алыштыру: system-ui · контурлар 400 · Элеккеге контекстларда төймәләрне күрсәтү өчен система күләмендәге резерв вариант. Бу брендингның бер өлеше түгел - ул Sequel100Wide йөкләнмәгән очракта гына күренә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 23px |
| Төймә радиусы | 50px |
| Карта радиусы | 8px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 80-120px |
Ясалма интеллект сезнең сайтны INO стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Peak Design — Галерея стенасы, өлешчә яктыртылган
- 099 SUPPLY — Кара һәм ак әйберләр белән тулы галерея стенасы
- Apple (España) — ак галерея витрина
- Apple (España) — Иртәнге томан эчендә галерея тәрәзәсе
- Custo — Монолит шрифтлы гантел төсендәге галерея. Тонык соры-яшел төсләрдәге күргәзмә залы, анда бер караңгы объект һәм 57 пиксель шрифт үзләре өчен сөйли.
- Silencio — Ак бүлмәдә йөзеп йөрүче артефактлар. Җылы кәгазьдән ясалган галерея күргәзмәсе, анда һәр элемент тискәре күләм фонында үз урынын ала, ә тынлык - махсус дизайн карары.
- Oakâme — Кояш нурлары астында җылы таштан уеп ясалган Провансаль остаханәсе
- Nike — Спорт казанышларының монохром галереясе – ак стеналар, сәнгать әсәре буларак продукт, хром фонда эреп киткән
- Sociotype — Ак кәгазьдәге типик музей үрнәге
- Arc — төн уртасындагы су өстендәге сәнәгать ак галереясе
- Rivian — Галереянең бетон стенасындагы электр монолит. Ривиан һәр машинаны киң ак киңлеккә скульптура итеп күрсәтә, типография шулкадәр зур ки, ул архитектура элементына әйләнә, һәм бер җылы сары төс монохроматик атмосфераны боза, мат өслектәге кояш нуры кебек.