Origin Financial
Північна галерея тихого багатства. Тиха, майже темна кімната, де великі шрифти з засічками і кілька кольорових панелей, що світяться, створюють відчуття, що фінансова сфера – це ретельно відібраний витвір мистецтва
Origin представляє особисті фінанси як нічну галерею: майже чорні полотна, ледь помітні заголовки із засічками (80-96px, Lyon Display - 300) та хроматичні картки з функціями, що ширяють, як підсвічені кольорові панелі. Більшість поверхні залишається спокійною та монохромною, насичені кольори з'являються лише у вигляді повноекранних категорійних плиток для модулів витрат, інвестицій та прогнозування, а також у вигляді сигналів даних (графіки, спарклайни). Друкарня розділена на три різних стилі: висококонтрастний шрифт з засічками для емоційних висловлювань, неогротескний шрифт без засічок для інтерфейсу користувача і моноширинний шрифт для технічних заголовків і даних, написаних великими літерами, створюючи відчуття поєднання редакційного. Єдина основна дія – білий текст на чорному тлі; решта інтерфейсу йде в темряву.
Темне полотно, що займає всю ширину сторінки (максимальна ширина контейнера контенту 1200px, але секції обриваються до самого краю). Ритм сторінки чергується: (1) ефектна фотографія-заставка із заголовком по центру та вбудованою підказкою AI, (2) модулі, що займають всю ширину сторінки, (3) світлі інвертовані блоки статистики #cacaca для контрасту, (4) смуги макетів продуктів із внутрішнім відступом 90p. Заголовки завжди вирівнюються по центру; картки категорій функцій розташовані у 3-колонковій сітці з 12-15px проміжками. Вертикальна відстань між секціями складає 24-80px, створюючи достатню простір між модулями. Навігація є фіксованою верхньою панеллю з ефектом розмиття фону (фільтр фону (24px)), що містить логотип, 3 елементи навігації у вигляді кнопок-привидів, текстове посилання «Увійти» та білий основний заклик до дії «Почати», вирівняний праворуч.
Атмосферні фотографії служать центральним елементом (повноформатна фотографія хмар і неба з приглушеною холодною обробкою, яка сприймається швидше як небо, що надихає, ніж як реальна погода). Візуалізація продукту представлена похилими рендерами програми Origin для iPhone на майже чорному тлі - пристрій є головним елементом, з ледь помітним об'ємним світінням, а не ефектами відблисків екрану. Тут немає ілюстрацій, абстрактної графіки та фотографій у стилі лайфстайл. Іконки мінімалістичні, є монолінійними SVG-зображеннями білої лінії або у вигляді силуетів. Загалом переважає текст: типографіка несе на собі приблизно 80% візуальної ваги, зображення зарезервовані для створення атмосфери та демонстрації продукту.
Промпт для ІІ-картинок у стилі 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-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- July Fund — Монографія у темній галереї з кольоровими картками глав
- FLORA — Галерея на чорному оксамиті - чисте темне полотно, яскраві образи як єдиний колір
- Mercury — Альпійські банки в сутінках
- Linear — інструмент опівнічної точності
- Air — скульптура «Опівнічне небо крізь скло»
- Raycast — Північний командний центр, кораловий неон
- dope.security — Опівнічний термінал з фіолетовими маяками
- Dimension — робоче місце, освітлене сутінками, з панелями з матового скла
- Giga — Опівнічний обрій над матовим обсидіаном
- Reflect Notes — Зірковий фіолетовий космос — темна обсерваторія, де ноти ширяють, немов сузір'я, на тлі майже чорної індигової порожнечі.
- Ameba — Диспетчерська опівночі - електричний синій пульс усередині матових скляних панелей.
- Branding — Чорна стіна галереї, криваво-червоні акценти — Великі білі шрифти ширяють на темному полотні, що нагадує порожнечу, що перериваються єдиним яскравим червоним акцентом та ефектними декоративними елементами, які більше схожі на вивіски галереї, ніж на веб-інтерфейс