COS
ак стеналар белән бизәлгән модалы галерея
COS заманча сәнгать галереясенең визуаль грамматикасын куллана: киң ак стеналар, зур форматлы монохром фоторәсемнәр һәм модельләргә комачауламаган типография. Интерфейс төссез диярлек - ахроматик - саф ак төстә (#ffffff) кара төскә якын (#080808) бердәнбер структураль контраст буларак кулланыла, кызыл төснең бер генә кагылуы (#c80000) кичектергесез тоелырга тиешле, ләкин ачык түгел мизгелләр өчен нечкә акцент буларак саклана. Ара киң һәм редакция ягыннан урынлы, бүлек эчтәлекләре 135 пиксельгә җитә, һәм компонентлар биткә сеңеп китә: #dadada шрифтында нечкә чикләр, күләгәләр юк, градиентлар юк, түгәрәкләнгән почмаклар юк. Типография (SuisseIntl) - бердәнбер бизәк - 12 пиксель микро-ярлыклардан алып 35 пиксель категория тасвирламаларына кадәр туры килә торган бердәнбер гротеск шрифт гаиләсе, галерея шрифтларын искә төшерү өчен бераз уңай якка күчә.
Тулы биеклектәге бит моделе — полотно максималь киңлекле контейнерсыз кырыйдан кырыйга сузыла, һәм эчтәлек үзәкләштерелгән багана урынына бүлүче рәсемнәр һәм ак бушлык белән ныгытыла. Герой — ике тулы киңлекле редакция портретының 50/50 вертикаль бүленеше, шулкадәр өстенлек итә ки, ул брендның структураль визит карточкасы булып хезмәт итә. Герой астында, бүлекләр ак фонда текст блоклары (үзәктә, бер баганада) һәм өстәмә тулы биеклектәге рәсемнәр арасында чиратлашып урнашкан. Вертикаль ритм киң: бүлекләр арасындагы аралар, музей диварындагы кебек, полосалар арасында бушлык хисе тудыра. Навигация — үзәкләштерелгән логотип һәм уңга тигезләнгән җирле сайлаучы белән бер нечкә ак полоса — горизонталь категория тактасы юк, төп кадрда мега-меню күренми. Мәгълүмат тыгызлыгы түбән: бүлеккә бер белдерү, идеягә бер рәсем.
Биттә зур форматлы редакция мода фоторәсемнәре өстенлек итә - тулы киңлектәге портретлар һәм модельләрнең өчтән дүрткә кадәр озынлыктагы фоторәсемнәре, студия яктыртуы астында, нигездә нейтраль һәм җылы төсләр белән тыныч. Рәсемнәр тыгыз урнаштырылган, бушлыкны кырыйдан кырыйга тутыра, түгәрәкләнгән почмакларсыз, декоратив битлекләрсез яки өстенә куелган рамнарсыз. Үзенчәлекле техника - "ике портрет янәшә" (MUJER / HOMBRE) рамкасы: ике бертигез мөһим портрет янәшә урнаштырылган, һәрберсенең аскы сул почмакта бер категория билгесе белән билгеләнгән. Фоторәсемнәр галерея басмалары кебек рамкаланган - тема күренекле, контекст юк, кеше масштабы юк, һәм палитра монохром. Тормыштан күренешләр юк, реквизитлар юк, текстуралы фоннар юк.
Палитра
Нейтраль
- Canvas White
#ffffff— Күзгә ташланмый торган фон булдыру һәм кисәкләрне аеру өчен җиңел терәк өслеге. Аны эшкә чакыру өчен төп төс итеп кулланырга ярамый. - Ink Black
#080808— Төп текст, иконалар, сылтамалар, навигация төре, төймә чикләре, логотип, аскы колонтитул тексты - фотоларның бик ачык күренүен булдырмас өчен, саф кара төскә караганда йомшаграк төс. - True Black
#000000— Караңгы рәсемнәргә, төп текстка, төймә ярлыкларына төп текстны каплау - саф кара төс иң контрастлы типографик элементлар өчен генә кулланыла. - Mist Gray
#dadada— Нечкә чикләр, астына сызылган кертү кырлары, нечкә аергычлар, сүндерелгән вакыттагы контурлар — иң тыныч нейтраль төсмер, ул аерган нәрсәдән генә күренә. - Signal Red
#c80000— Кызыл төс декоратив детальләр өчен өстәмә акцент булып хезмәт итә һәм түбән ешлыкларны ассызыклый.
Типография
12 дән 35 пиксельгә кадәр · 3 адым
- 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 сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Apple (España) — ак галерея витрина
- Silencio — Ак бүлмәдә йөзеп йөрүче артефактлар. Җылы кәгазьдән ясалган галерея күргәзмәсе, анда һәр элемент тискәре күләм фонында үз урынын ала, ә тынлык - махсус дизайн карары.
- Oakâme — Кояш нурлары астында җылы таштан уеп ясалган Провансаль остаханәсе
- Nike — Спорт казанышларының монохром галереясе – ак стеналар, сәнгать әсәре буларак продукт, хром фонда эреп киткән
- Arc — төн уртасындагы су өстендәге сәнәгать ак галереясе
- Rivian — Галереянең бетон стенасындагы электр монолит. Ривиан һәр машинаны киң ак киңлеккә скульптура итеп күрсәтә, типография шулкадәр зур ки, ул архитектура элементына әйләнә, һәм бер җылы сары төс монохроматик атмосфераны боза, мат өслектәге кояш нуры кебек.
- Analogue — Кара галерея витриналары – товарлар бушлыкта йөзеп йөри
- ddna — эшкәртелмәгән җитен өстендә җылы музей витринасына
- Zellerfeld — Ак мәрмәрдә скульптор остаханәсе — пьедесталның монолит өслекләре, кобальтның бер очкыны, идәннән түшәмгә кадәр кечкенә хәрефләр пышылдый.
- UY Studio — Монастырьның таш галереясе - бетон стеналары булган тыныч урын, анда хушбуй шешәләре ак цокольләрдә тора, аларны бер 400 ваттлы лампа һәм дүрт җылы соры лампа яктырта.
- Basic.Space — ак мәрмәрдә кураторлык галереясе