ORYZO AI
Фотарэпартаж аб фоталабараторыі. Самотны аб'ект, які лунае ў цёплай цемры, крэмавы шрыфт - адзінае ўпрыгожванне
Візуальная сістэма ORYZO разглядае асобны аб'ект прадукта як музейны экспанат: палатно ў цёплых цёмных танах, крэмавы шрыфт, парылы ў вялікай негатыўнай прасторы, і поўная адсутнасць элементаў інтэрфейсу, канкуруючых з формай. Усе тэкставыя элементы напісаны загалоўнымі літарамі з таўшчынёй шрыфта 500, за выключэннем асноўнага тэксту з таўшчынёй шрыфта 29px/400, які з'яўляецца адзіным гутарковым элементам сістэмы. Адзін яркі аранжавы колер выкарыстоўваецца толькі для радкоў з указаннем аўтарства і спасылкі на студыю - ніколі для кнопак або заклікаў да дзеяння - што і тлумачыць яго рэдкасць. Макет чаргуецца паміж двума рэжымамі: фатаграфічны герой (прадукт у кантэксце з прыладамі і матэрыяламі) і рэжым дэманстрацыі ў пустаце (прадукт ізаляваны на цёплым цёмным фоне), злучаныя тонкімі пункцірнымі падзельнікамі і элементамі кіравання ў форме таблетак.
Уся старонка без абмежаванняў па шырыні - няма кантэйнера з максімальнай шырынёй, кожны раздзел займае 100vw. Галоўны экран: фатаграфія ў поўны экран зверху ўніз з масіўным лагатыпам ORYZO (51px+) у верхнім левым куце, слоган зверху, фіксаваная мінімалістычная рух у верхнім правым куце, вертыкальная бакавая панэль уздоўж правага краю, напаўпразрыстая інфармацыйная картка ў ніжнім куце. Наступныя часткі: палатно Walnut Shadow у поўны экран з цэнтраваным 3D-рэндэрам прадукта, акружаным загалоўкам, выраўнаваным па левым краі, і асноўным тэкстам, выраўнаваным па правым краі - трехколоночная сетка (тэкст / аб'ект / тэкст) з шырокімі прамежкамі 18px. Пераходы паміж раздзеламі плыўныя, цёмныя на цёмным фоне; адзіныя парывы - гэта тонкія пункцірныя падзельнікі. Навігацыя фіксаваная, празрыстая, максімум 4 элементы. Няма бакавой панэлі, няма храмаваных элементаў у ніжнім калантытуле, няма картак усярэдзіне картак - кожны экран уяўляе сабой адзінае цэлае.
Фатаграфіі носяць рэдакцыйны характар, знятыя зверху ўніз і ў кантэксце: коркавая падстаўка ляжыць на зялёным кілімку для рэзкі, акружаная алоўкамі, канцылярскім нажом і сашчэпкай - інструментамі рамяства, бачнымі ў кадры. Зялёны кілімок для рэзкі (#445231) з'яўляецца элементам, прызначаным толькі для дэманстрацыі, а не элементам карыстацкага інтэрфейсу. У раздзелах, прысвечаных прэзентацыі прадукта, пераважаюць 3D-рэндэрынгі: коркавая падстаўка паказана ізалявана на фоне Walnut Shadow, асветлена зверху справа цёплым контурным святлом, з чаргаваннем ракурсаў ад зверху ўніз да 3/4. Ніякіх фатаграфій у стылі лайфстайл, ніякіх людзей, ніякіх сцёкавых малюнкаў - аб'ект з'яўляецца галоўным героем, а інструменты - яго кантэкстам. Выявы займаюць увесь пляц экрана, маюць выразныя краі (без закругленых масак) і апрацаваны з высокім кантрастам і цёплай колеракарэкцыяй.
Палітра
Нейтральныя
- Warm Cream
#ffedd7— Светлы тэкст на цёмных паверхнях, інвертаваныя подпісы і высокакантрасныя выявы. - Walnut Shadow
#100904— Палатно старонкі і самы глыбокі фон - цёплы, амаль чорны, але не чысты чорны. Пустата, якая хаваецца за кожным анонсам прадукта. - Bark Brown
#382416— Прыўзнятая паверхня і запоўнены фон кнопкі - адзін каляровы крок над палатном, які выкарыстоўваецца для адзінага суцэльнага закліку да дзеяння. - Cork Border
#40372e— Тонкія раздзяляльныя лініі, пункцірныя падзельнікі секцый, ледзь прыкметныя межы кантэйнераў — на адзін крок цяплей, чым само палатно. - Driftwood
#6c5f51— Цёплае шэрае адценне сярэдняй насычанасці для другарадных перагародак і прыглушаных структурных элементаў - злучнае звяно паміж колерам "Кара" і "Крэм". - Ember Accent
#dc5000— Аранжавы колер выкарыстоўваецца для вылучэння спасылак, тэгаў і кароткіх фраз.
Друкарня
ад 18 да 51px · 5 прыступак
- halyard-display-variable — замена: Inter or Söhne · напісання 400, 500 · Адзіны шрыфт. Напісанне 500 з крокам 51px выкарыстоўваецца для загалоўкаў, дэманструючы выключную ўпэўненасць у выкарыстанні загалоўных літар; той жа шрыфт з крокам 400/29px становіцца адзіным шрыфтам для асноўнага тэксту, які выкарыстоўвае розныя рэгістры. Міжлітарнае адлегласць застаецца стандартным - геаметрычныя формы выконваюць сваю працу без сціску. Для бліжэйшай структурнай адпаведнасці можна выкарыстоўваць: 'Inter', 'Söhne' або 'Neue Haas Grotesk'.
- Arial — замена: system-ui · напісання 400, 500 · Сістэмны рэзервовы варыянт для мікраюрыдычных пазнак (8px загалоўныя літары, напрыклад, "* ADOBE ILLUSTRATOR"). Гэта не дызайнерскае рашэнне, а неабходнасць для аўтаматычна ствараных сістэмных дысклеймераў.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 18px |
| Радыус кнопак | 8px |
| Радыус картак | 12px |
| Цені | не - межы замест ценяў |
ІІ збярэ ваш сайт у стылі ORYZO AI і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- 21 TSI — Барвовая пустата, адзіны сілуэт - рэдакцыйны артыкул у стылі высокай моды, дзе карыстацкі інтэрфейс раствараецца ў атмасферы
- Ysl — Кадр з чорна-белага кінафільма - адна мадэль пад адным лагатыпам, нічога іншага не дапускаецца
- Channel Studio — Студыйная фоталабараторыя з адным каралавым плафонам
- Assembly Coffee London — Вуголле ў цёмнай обжарочной. Амаль чорнае палатно з цёплымі, прыглушана асветленымі фатаграфіямі прадукцыі і набранымі курсіўным шрыфтам з засечкамі надпісамі - адчуванне меню спешыалці-кава, надрукаванага ў паўночным самвыдаце
- PostNew — Галерэя, якая працуе ў непрацоўны час і аформлена ў дзённым святле
- Factory — Тэрмінал «ваенны пакой» апоўначы. «Завод» - гэта строгая чорная панэль кіравання, дзе адзіная белая карта прызямляецца, нібы асветлены ліхтарыкам данясенне - адзіны аб'ект у пакоі - гэта сама праца
- Numbered — Модная фотасесія на чорным аксаміце. Амаль чорны подыум, дзе кадр запоўнены адной асобай, а адзіныя меткі - белыя чарнілы і ледзь чутная бронзавая нітка
- Apple (España) — чорны тэатр са святлівай фурнітурай
- Home page | Impossible Foods — Плакат у стылі панк крывава-чырвонага колеру ў аксамітнай цемры. Спецыяльна створаны сціснуты рэкламны банэр расплываецца па палатне вінна-цёмнага колеру, а аднакаляровыя чырвоныя заклікі да дзеяння прабіваюцца скрозь яго, нібы цэннік на дошцы мясніка.
- Ferrari — Шалёны каваліна на чорным мармуры. Чорныя пустэчы, якія перарываюцца непаўторным чырвоным колерам Ferrari, белымі загалоўнымі літарамі і кінематаграфічнай здымкай ва ўсю шырыню
- OpenSea — Чорны гандлёвы тэрмінал з матавымі сінімі каркаснымі рамкамі.
- Arthursimonini — Надрукаваная кінапраграма чорнымі чарніламі