Origin Financial
Тыныч, муллык белән тулы төн уртасы галереясе. Зур сериф шрифтлары һәм берничә яктыртылган төсле панель финанс әсәренең җентекләп сайланган сәнгать әсәре кебек хис тудыра торган тыныч, диярлек караңгы бүлмә.
Origin шәхси финансларны төнге галерея буларак тәкъдим итә: кара төстәге полотнолар, нечкә сериф башлыклары (80-96 пиксель, Lyon Display - 300) һәм яктыртылган төсле панельләр кебек калкып торган хроматик үзенчәлекле карточкалар. Өслекнең күпчелек өлеше тыныч һәм монохром булып кала, туендырылган төсләр чыгымнар, инвестицияләү һәм фаразлау модульләре өчен тулы экран категориясе плиткалары рәвешендә генә, шулай ук мәгълүмат сигналлары (графиклар, очкын сызыклары) рәвешендә генә күренә. Типография өч төрле стильгә бүленә: эмоциональ белдерүләр өчен югары контрастлы сериф, кулланучы интерфейсы өчен нео-гротеск санс-сериф һәм техник башлыклар һәм зур хәрефләр белән язылган мәгълүматлар өчен моноспацион шрифт, бу редакция стиле һәм төгәллек хисе тудыра. Бердәнбер төп гамәл - кара фонда ак текст; интерфейсның калган өлеше караңгылыкка чума.
Караңгы полотно битнең бөтен киңлеген колачлый (эчтәлек контейнеры максималь зурлыгы 1200 пиксельгә кадәр киметелгән, ләкин бүлекләр кырыйга кадәр урап үтә). Бит ритмы түбәндәгеләр арасында чиратлаша: (1) үзәккә урнаштырылган башлык һәм кертелгән ясалма интеллект белән гаҗәеп фото, (2) тулы киңлекле модульләр, (3) контраст өчен якты инверсияләнгән #cacaca статистика блоклары һәм (4) 90 пиксельле тулыландырулы продукт макет полосалары. Башлыклар һәрвакыт үзәккә урнаштырыла; функция категориясе карталары 12-15 пиксель аралыгы булган 3 баганалы челтәрдә урнаштырылган. Бүлекләр арасындагы вертикаль ара 24-80 пиксель, бу модульләр арасында җитәрлек урын тудыра. Навигация - тонык фонлы (фон фильтры (24 пиксель)) өске панель, анда логотип, 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 дән 96 пиксельгә кадәр · 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 шрифт (ачык) кулланыла, бу йомшак, ләкин ышанычлы хис тудыра; 0,9 юл аралыгы белән чиктән тыш зурлык (38-96 пиксель) билгеләүче киеренкелек тудыра.
- Suisse Int'l — алыштыру: Inter or Geist Sans at matching weights · контурлар 300, 400 · Төп текст, карточка тасвирламалары, сылтама тексты һәм кертү кырлары. 18 пиксельле карточка суб-башлыкларында дисплей текстының нечкә яңгырашын тәэмин итү өчен 300 калынлык кулланыла; 400 калынлык - төп UI тексты.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 12px |
| Төймә радиусы | 8px |
| Карта радиусы | 16px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 80px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны Origin Financial стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- July Fund — Төсле бүлек карточкалары белән караңгы галереядәге монография
- FLORA — Кара бәрхеттәге галерея - чиста кара тукыма, бердәнбер төс - якты рәсемнәр
- Mercury — Караңгы төшкәндә Альп таулары ярлары
- Linear — төн уртасы төгәллеге коралы
- Air — "Төн уртасы күк пыяла аша" скульптурасы
- Raycast — Төн уртасы команда үзәге, Корал Неон
- dope.security — Шәмәхә төстәге маяклар белән төнге терминал
- Dimension — караңгыда яктыртылган эш урыны, бозлы пыяла панельләр
- Giga — Бозлы обсидиан өстендә төн уртасы офыгы
- Reflect Notes — Йолдызлы шәмәхә киңлек - караңгы обсерватория, анда ноталар йолдызлыклар кебек йөзеп йөри, диярлек кара индиго бушлыгы фонында.
- Ameba — Төн уртасында идарә итү бүлмәсе – бозлы пыяла панельләр эчендә электр зәңгәр пульсы
- Branding — Кара галерея стенасы, кан кызыл төстәге акцентлар - Зур ак шрифтлар бушлыкка охшаган караңгы полотнода йөзеп йөри, аларны бер генә ачык кызыл төстәге акцент һәм веб-интерфейска караганда галерея билгеләренә күбрәк охшаган гаҗәеп декоратив элементлар бүлеп куя.