Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
ORYZO AI — превью сайта в этом стиле

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