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 — Чорная сцяна галерэі, крывава-чырвоныя акцэнты - Буйныя белыя шрыфты параць на цёмным палатне, якое нагадвае пустэчу, якія перарываюцца адзіным яркім чырвоным акцэнтам і эфектнымі дэкаратыўнымі элементамі, якія больш падобныя на шыльды галерэі, чым на вэб-інтэрфейс