Origin Financial
Isang hatinggabi na galeriya ng tahimik na karangyaan. Isang tahimik, halos madilim na silid kung saan ang malalaking serif font at ilang maliwanag na kulay na mga panel ay lumilikha ng pakiramdam na ang pananalapi ay isang maingat na inayos na likhang sining.
Inihaharap ng Origin ang personal na pananalapi bilang isang night gallery: halos itim na mga canvas, banayad na serif na mga headline (80-96px, Lyon Display - 300), at mga chromatic feature card na nakalutang na parang mga backlit color panel. Karamihan sa ibabaw ay nananatiling kalmado at monochrome, na may mga saturated na kulay na lumilitaw lamang sa anyo ng mga full-screen category tile para sa mga module ng paggastos, pamumuhunan, at pagtataya, pati na rin ang mga data signal (mga graph, sparkline). Ang tipograpiya ay nahahati sa tatlong natatanging istilo: isang high-contrast serif para sa mga emosyonal na pahayag, isang neo-grotesque sans-serif para sa user interface, at isang monospaced font para sa mga teknikal na headline at all-caps na data, na lumilikha ng isang pakiramdam ng istilo ng editoryal at katumpakan. Ang tanging pangunahing aksyon ay puting teksto sa isang itim na background; ang natitirang bahagi ng interface ay kumukupas sa kadiliman.
Isang madilim na canvas ang sumasaklaw sa buong lapad ng pahina (ang lalagyan ng nilalaman ay naka-max out sa 1200px, ngunit ang mga seksyon ay bumabalot hanggang sa gilid). Ang ritmo ng pahina ay nagpapalitan sa pagitan ng: (1) isang kapansin-pansing splash photo na may nakasentrong headline at naka-embed na AI tooltip, (2) mga full-width module, (3) mapusyaw na inverted #cacaca stats blocks para sa contrast, at (4) mga guhit ng layout ng produkto na may 90px padding. Ang mga headline ay palaging nakasentro; ang mga feature category card ay nakalagay sa isang 3-column grid na may 12-15px na puwang. Ang patayong pagitan sa pagitan ng mga seksyon ay 24-80px, na lumilikha ng sapat na espasyo sa pagitan ng mga module. Ang nabigasyon ay isang nakapirming top bar na may malabong background (background filter (24px)), na naglalaman ng logo, 3 ghost button navigation elements, isang "Login" text link, at isang puting pangunahing "Get Started" call-to-action na nakahanay sa kanan.
Ang potograpiyang atmospera ang nagsisilbing sentral na elemento (ang isang full-frame na litrato ng mga ulap at kalangitan na may mahina at malamig na pagtrato ay mas parang isang nakaka-inspire na bukas na kalangitan kaysa sa aktwal na panahon). Tampok sa visualization ng produkto ang mga nakatagilid na render ng Origin iPhone app laban sa halos itim na background—ang device ang pangunahing elemento, na may banayad na volumetric glow sa halip na mga epekto ng screen-glare. Walang mga ilustrasyon, abstract graphics, o mga larawan sa lifestyle. Minimalist ang mga icon, na nagtatampok ng mga monolinear na SVG na imahe ng mga puting linya o silhouette. Sa pangkalahatan, nangingibabaw ang teksto: ang tipograpiya ay may humigit-kumulang 80% ng visual na bigat, na may mga imaheng nakalaan para sa ambiance at presentasyon ng produkto.
Prompt para sa mga imahe ng AI sa estilo Origin Financial
Gumawa ng larawan sa visual na estilo ng website ng Origin Financial ANO ANG ILARAWAN: [ilagay ang iyong paksa at kagustuhan — halimbawa: «tasa ng kape sa kahoy na mesa, liwanag ng umaga»] ESTILO: Midnight Gallery ng Tahimik na Kayamanan. Isang tahimik, halos madilim na silid, kung saan ang bagay ay lumilikha ng pakiramdam ng isang maingat na piniling likhang sining. Mga atmospheric na larawan na may pinababang malamig na pagproseso, na nakikita bilang isang nagbibigay-inspirasyong bukas na kalangitan. Walang mga ilustrasyon, abstract na graphics, at mga larawan sa estilo ng lifestyle. ILAW AT MATERYALES: Halos itim na background. Bahagyang nakikitang volumetric glow, walang glare effects. Malambot, diffused na ilaw, na nagbibigay-diin sa hugis. Nangingibabaw ang madilim na tema, mga hangganan sa halip na mga anino. PALETA: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. KOMPOSISYON NG KUHA: Sentral na elemento, nangingibabaw sa kuha. Full-format na litrato. Ang mga bagay ay ipinapakita bilang pangunahing elemento, na may sapat na espasyo sa paligid sa madilim na background. Wide format. MGA KINAKAILANGAN: photorealistic at malinis, ang ilaw at kulay ay mahigpit mula sa paleta sa itaas. HUWAG magdagdag ng teksto, inskripsyon, numero, interface, at layout ng website, kung hindi ito hiniling sa «ANO ANG ILARAWAN». Walang watermark, logo ng iba, at pangalan ng brand.
Paleta
Tatak
- Iris Gleam
#847dff— Ang pangunahing kulay na nagbibigay-diin sa mga category card ay ang katangiang lilang kulay, na kadalasang matatagpuan sa mga module tile.
Neutral
- Cyan Signal
#00b3dd— Pokus na nakabatay sa datos – mga linya ng tsart, mga guhit ng mini-chart, at mga tagapagpahiwatig ng pagtataya sa madilim na mga ibabaw. - Pale Iris
#d1c9ff— Isang mas mapusyaw na bersyon ng lila para sa mas banayad na mga scheme ng kulay sa mga theme panel at mga background fill. - Deep Iris
#4b49aa— Madilim na lilang variant ng kulay para sa may kulay na kategorya at mga status bar kapag nag-hover. - Orchid Bloom
#dd90d8— Ang pink na kategoryang card para sa mga modyul na Pamumuhay/Mga Gastos ay nagbibigay ng mainit na kaibahan sa malamig na paleta ng kulay. - Periwinkle
#90b8f0— Isang malambot na asul na kategoryang kard para sa mga modyul ng pagpapayo o mga modyul ng mag-asawa. - Obsidian
#0f1011— Ang kanbas ng pahina ay ang nangingibabaw na madilim na ibabaw kung saan lumulutang ang lahat.
Tipograpiya
mula 12 hanggang 96px · 7 hakbang
- Suisseintltrial — kapalit: Inter · mga balangkas 400 · Suisseintltrial - matatagpuan sa nakuha na datos ngunit hindi inilarawan ng AI.
- Lyon Display — kapalit: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · mga balangkas 300 · Ang mga heading at pamagat ng seksyon ay isang natatanging istilo. 300 font (magaan) lamang ang ginagamit, na lumilikha ng banayad ngunit may kumpiyansang pakiramdam; ang matinding laki (38-96px) na may makitid na 0.9 na pagitan ng linya ay lumilikha ng isang tiyak na tensyon.
- Suisse Int'l — kapalit: Inter or Geist Sans at matching weights · mga balangkas 300, 400 · Teksto ng katawan, mga paglalarawan ng card, teksto ng link, at mga input field. Isang bigat na 300 ang ginagamit sa mga subheading ng card na may 18px upang magbigay ng banayad na echo ng display text; isang bigat na 400 ang pangunahing teksto ng UI.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 12px |
| Radius ng buton | 8px |
| Radius ng card | 16px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80px |
| Lapad ng pahina | 1200px |
Gagawa ang AI ng website mo sa estilong Origin Financial at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- July Fund — Isang monograp sa isang madilim na gallery na may mga colored chapter card
- FLORA — Galeriya sa itim na pelus - isang malinis at madilim na canvas, matingkad na mga imahe bilang tanging kulay
- Mercury — Mga pampang ng Alpine sa dapit-hapon
- Linear — instrumentong may katumpakan sa hatinggabi
- Air — eskultura na "Hatinggabing Langit sa Pamamagitan ng Salamin"
- Raycast — Sentro ng Pamumuno sa Hatinggabi, Coral Neon
- dope.security — Terminal ng hatinggabi na may mga lilang beacon
- Dimension — isang workstation na naliliwanagan ng takipsilim na may mga panel na may frosted glass
- Giga — Hatinggabi na abot-tanaw sa ibabaw ng nagyelong obsidian
- Reflect Notes — Ang mabituing lilang kalawakan ay isang madilim na obserbatoryo kung saan ang mga nota ay lumulutang na parang mga konstelasyon laban sa likuran ng halos itim na kawalan ng indigo.
- Ameba — Ang control room sa hatinggabi – isang electric blue pulse sa loob ng mga frosted glass panel
- Branding — Itim na pader ng gallery, mga pulang-pulang accent - Malalaking puting font ang lumulutang sa isang madilim na canvas na parang isang kawalan, na naputol ng isang matingkad na pulang accent at mga kapansin-pansing pandekorasyon na elemento na mas mukhang signage ng gallery kaysa sa isang web interface.