Origin Financial

Полуночная галерея тихого богатства. Тихая, почти темная комната, где крупные шрифты с засечками и несколько светящихся цветных панелей создают ощущение, что финансовая сфера – это тщательно отобранное произведение искусства

Origin представляет личные финансы как ночную галерею: почти чёрные полотна, едва заметные заголовки с засечками (80-96px, Lyon Display — 300) и хроматические карточки с функциями, парящие, как подсвеченные цветные панели. Большая часть поверхности остаётся спокойной и монохромной, насыщенные цвета появляются только в виде полноэкранных категорийных плиток для модулей расходов, инвестиций и прогнозирования, а также в виде сигналов данных (графики, спарклайны). Типография разделена на три различных стиля: высококонтрастный шрифт с засечками для эмоциональных высказываний, неогротескный шрифт без засечек для пользовательского интерфейса и моноширинный шрифт для технических заголовков и данных, написанных заглавными буквами, создавая ощущение сочетания редакционного стиля и точности. Единственное основное действие — белый текст на чёрном фоне; остальная часть интерфейса уходит в темноту.

Темный холст, занимающий всю ширину страницы (максимальная ширина контейнера контента 1200px, но секции обрываются до самого края). Ритм страницы чередуется: (1) эффектная фотография-заставка с заголовком по центру и встроенной подсказкой AI, (2) модули, занимающие всю ширину страницы, (3) светлые инвертированные блоки статистики #cacaca для контраста, (4) полосы макетов продуктов с внутренним отступом 90px. Заголовки всегда выравниваются по центру; карточки категорий функций расположены в 3-колоночной сетке с 12-15px промежутками. Вертикальное расстояние между секциями составляет 24-80px, создавая достаточное пространство между модулями. Навигация представляет собой фиксированную верхнюю панель с эффектом размытия фона (фильтр фона (24px)), содержащую логотип, 3 элемента навигации в виде кнопок-призраков, текстовую ссылку «Войти» и белый основной призыв к действию «Начать», выровненный по правому краю.

Атмосферные фотографии служат центральным элементом (полноформатная фотография облаков и неба с приглушенной холодной обработкой, которая воспринимается скорее как вдохновляющее открытое небо, чем как реальная погода). Визуализация продукта представлена наклонными рендерами приложения Origin для iPhone на почти черном фоне — устройство является главным элементом, с едва заметным объемным свечением, а не эффектами бликов экрана. Здесь нет иллюстраций, абстрактной графики и фотографий в стиле лайфстайл. Иконки минималистичны, представляют собой монолинейные SVG-изображения белой линии или в виде силуэтов. В целом, преобладает текст: типографика несет на себе примерно 80% визуального веса, изображения зарезервированы для создания атмосферы и демонстрации продукта.

Тёмный Премиум Минимализм Чистый SaaS

https://www.useorigin.com

Промпт для ИИ-картинок в стиле Origin Financial

Сделай изображение в визуальном стиле сайта Origin Financial
ЧТО ИЗОБРАЗИТЬ: [впишите свой предмет и пожелания — например: «кружка кофе на деревянном столе, утренний свет»]
СТИЛЬ: Полуночная галерея тихого богатства. Тихая, почти темная комната, где предмет создает ощущение тщательно отобранного произведения искусства. Атмосферные фотографии с приглушенной холодной обработкой, которые воспринимаются как вдохновляющее открытое небо. Без иллюстраций, абстрактной графики и фотографий в стиле лайфстайл.
СВЕТ И МАТЕРИАЛЫ: Почти черный фон. Едва заметное объемное свечение, без эффектов бликов. Мягкий, рассеянный свет, подчеркивающий форму. Преобладает темная тема, границы вместо теней.
ПАЛИТРА: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011.
КОМПОЗИЦИЯ КАДРА: Центральный элемент, доминирующий в кадре. Полноформатная фотография. Объекты представлены как главные элементы, с достаточным пространством вокруг на темном фоне. Широкий формат.
ТРЕБОВАНИЯ: фотореалистично и чисто, свет и цвета строго из палитры выше. НЕ добавлять текст, надписи, цифры, интерфейсы и макеты сайта, если их не просили в «ЧТО ИЗОБРАЗИТЬ». Без водяных знаков, чужих логотипов и названий брендов.

Палитра

Бренд

Iris Gleam #847dff — Основной цветовой акцент для карточек категорий — характерный фиолетовый цвет, который чаще всего встречается на плитках модулей.

Нейтральные

Cyan Signal #00b3dd — Акцент на данных — линии графиков, штрихи мини-графиков и индикаторы прогнозирования на темных поверхностях.
Pale Iris #d1c9ff — Светлый вариант фиолетового цвета для более мягких цветовых решений в тематических панелях и фоновых заливках.
Deep Iris #4b49aa — Темный вариант фиолетового цвета для затененных панелей категорий и состояний при наведении курсора.
Orchid Bloom #dd90d8 — Розовая карточка категории для модулей «Образ жизни/расходы» — теплый контраст с холодной цветовой палитрой.
Periwinkle #90b8f0 — Карточка категории нежно-голубого цвета для консультативных модулей или модулей для пар.
Obsidian #0f1011 — Холст страницы — доминирующая темная поверхность, на которой все плавает.

Типографика

от 12 до 96px · 7 ступеней

Suisseintltrial — замена: Inter · начертания 400 · Suisseintltrial — обнаружен в извлеченных данных, но не описан ИИ.
Lyon Display — замена: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · начертания 300 · Заголовки и названия разделов — фирменный стиль. Используется только шрифт 300 (легкий), создающий ощущение мягкого, но уверенного стиля; экстремальный размер (38-96px) с узкой межстрочной шкалой 0,9 создает определяющее напряжение.
Suisse Int'l — замена: Inter or Geist Sans at matching weights · начертания 300, 400 · Основной текст, описания карточек, текст ссылок и поля ввода. Вес 300 используется в подзаголовках карточек 18px для тонкого отголоска отображаемого текста; вес 400 — это основной текст пользовательского интерфейса.

Интервалы и форма

Назначение	Значение
Плотность	средняя
Базовый шаг	12px
Радиус кнопок	8px
Радиус карточек	16px
Тени	нет — границы вместо теней
Между секциями	80px
Ширина страницы	1200px

ИИ соберёт ваш сайт в стиле Origin Financial и наполнит его

Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
Перенесёт контент со старого сайта — достаточно указать адрес.
Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле