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 — Надрукована кінопрограма чорним чорнилом