Origin Financial
Чимээгүй тансаг байдлын шөнө дундын галерей. Том сериф фонтууд болон хэдэн гэрэлтсэн өнгийн самбарууд нь санхүү бол нямбайлан боловсруулсан урлагийн бүтээл гэсэн мэдрэмжийг төрүүлдэг нам гүм, бараг харанхуй өрөө.
Origin нь хувийн санхүүг шөнийн галерей болгон танилцуулдаг: бараг хар өнгийн зураг, нарийн сериф гарчиг (80-96 пиксел, Лион дэлгэц - 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 — Хар галерейн хана, цусан улаан өнгийн чимэглэл - Хоосон зайг санагдуулам бараан өнгийн зураг дээр том цагаан фонтууд хөвж, ганц тод улаан өнгийн чимэглэл болон вэб интерфэйсээс илүү галерейн тэмдэгтэй төстэй гайхалтай гоёл чимэглэлийн элементүүдээр тасалдсан.