
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 — Напечатанная кинопрограмма черными чернилами