
Origin Financial
Igalari yasezinzulwini zobusuku enobunewunewu obuzolileyo. Igumbi elizolileyo, eliphantse libe mnyama apho iifonti ezinkulu ze-serif kunye neephaneli ezimbalwa ezinemibala ekhanyisiweyo zenza uluvo lokuba imali ngumsebenzi wobugcisa okhethwe ngononophelo.
I-Origin iveza imali yomntu njengegalari yasebusuku: ii-canvases ezimnyama kufutshane, ii-subtle serif headlines (80-96px, i-Lyon Display - 300), kunye namakhadi e-chromatic feature ajikeleza njengeepaneli zombala ezikhanyayo. Uninzi lomphezulu luhlala luzolile kwaye lunombala omnye, kunye nemibala egcweleyo ibonakala kuphela ngohlobo lweethayile zesikrini esipheleleyo zeemodyuli zokuchitha imali, ukutyala imali, kunye nokuqikelela, kunye neempawu zedatha (iigrafu, imigca eqaqambileyo). Ubhalo lwahlulwe kwiindlela ezintathu ezahlukeneyo: i-serif enemibala eqaqambileyo yeengxelo zeemvakalelo, i-neo-grotesque sans-serif yojongano lomsebenzisi, kunye nefonti enendawo enye yeentloko zobugcisa kunye nedatha ye-all-caps, okwenza imvakalelo yesimbo sokuhlela kunye nokuchaneka. Isenzo esiphambili kuphela ngumbhalo omhlophe kwimvelaphi emnyama; yonke enye i-interface iyanyamalala ibe mnyama.
I-canvas emnyama igubungela lonke ububanzi bephepha (isikhongozeli somxholo siphezulu kwi-1200px, kodwa amacandelo ajikeleza yonke indlela ukuya emaphethelweni). Isingqisho sephepha sitshintshana phakathi: (1) ifoto eqaqambileyo ye-splash enesihloko esiphakathi kunye ne-tooltip ye-AI efakwe ngaphakathi, (2) iimodyuli ezibanzi, (3) iibhloko zezibalo ze-#cacaca ezikhanyayo zokwahlulahlula, kunye (4) imivimbo yoyilo lwemveliso ene-90px padding. Iintloko zihlala ziphakathi; amakhadi eenkalo zeempawu abekwe kwigridi yeekholamu ezi-3 enezikhewu ze-12-15px. Isithuba esithe nkqo phakathi kwamacandelo yi-24-80px, okwenza indawo enkulu phakathi kweemodyuli. Ukuhamba yibha ephezulu ezinzileyo enemvelaphi efipheleyo (isihluzi sangasemva (24px)), equlethe ilogo, izinto ezintathu zokuhamba ngeqhosha le-ghost, ikhonkco lombhalo elithi "Ngena", kunye ne-call-to-action emhlophe ephambili ethi "Qalisa" ehambelana nekunene.
Imifanekiso yomoya isebenza njengesixhobo esiphambili (ifoto epheleleyo yamafu nesibhakabhaka enonyango olupholileyo nolungenamsindo ivakala ngathi sisibhakabhaka esivulekileyo esikhuthazayo kunemozulu yokwenyani). Ukuboniswa kwemveliso kubonisa imifanekiso egobileyo ye-app ye-Origin iPhone ngokuchasene nemvelaphi emnyama—isixhobo sisixhobo esiphambili, esinokukhanya okuncinci kwevolumu kunokuba sibe nemiphumo yesikrini. Akukho mifanekiso, imizobo engabonakaliyo, okanye iifoto zendlela yokuphila. Iimpawu zincinci, zibonisa imifanekiso ye-SVG yemigca emhlophe okanye i-silhouettes. Ngokubanzi, umbhalo uyalawula: ubhalo luthwala malunga ne-80% yobunzima bokubona, kunye nemifanekiso egcinelwe i-ambience kunye nomboniso wemveliso.
Isilumkiso semifanekiso ye-AI ngesitayile Origin Financial
Yenza umfanekiso ngesitayile esibonakalayo sewebhusayithi ye-Origin Financial YINTONI EMAKUBONISWE: [faka isihloko sakho kunye neminqweno — umzekelo: "ikomityi yekofu phezu kwetafile yomthi, ukukhanya kwasekuseni"] ISITAYILE: Igalari yasezinzulwini zobusuku yobutyebi obuthuleyo. Igumbi elithuleyo, elimnyama phantse, apho into idala imvakalelo yomsebenzi wobugcisa okhethwe ngononophelo. Iifoto ezine-atmospheric ezine-processing epholileyo, ethulisiweyo, ezibonakala ngathi sisibhakabhaka esivulekileyo esikhuthazayo. Akukho mizobo, imizobo engabonakaliyo kunye neefoto zesitayile sobomi. UKUKHANYA NEZINTO: Imvelaphi emnyama phantse. Ukukhanya okubonakalayo okungabonakaliyo, ngaphandle kweziphumo zokukhanya. Ukukhanya okuthambileyo, okusasazekileyo, okugxininisa imilo. Umxholo omnyama uyongamela, imida endaweni yezithunzi. IPALETHI: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. UKUHLANGANISWA KWEFREYIM: Into ephakathi, elawula kwisakhelo. Ifoto yefomathi epheleleyo. Izinto ziboniswa njengezinto eziphambili, kunye nendawo eyaneleyo ejikeleze kwimvelaphi emnyama. Ifomathi ebanzi. IIMFUNO: Ifoto-enyanisekileyo kwaye icocekile, ukukhanya kunye nemibala ngokungqongqo ukusuka kwipalethi engentla. UNGAWONGEZI umbhalo, izibhaliso, amanani, ujongano kunye noyilo lwewebhusayithi, ukuba aziceliwe ku "YINTONI EMAKUBONISWE". Akukho manzi, iilogo zasemzini kunye namagama ebhrendi.
Iphalethi
Uphawu
- Iris Gleam
#847dff— Eyona mbala iphambili yamakhadi eeklasi ngumbala omfusa oqhelekileyo, ofumaneka kakhulu kwiithayile zemodyuli.
Ukungathathi cala
- Cyan Signal
#00b3dd— Ingqwalasela eqhutywa yidatha – imigca yetshathi, imivumbo yetshathi encinci, kunye nezikhombisi zokuqikelela izinto kwiindawo ezimnyama. - Pale Iris
#d1c9ff— Uhlobo olukhanyayo lombala omfusa ukuze kufakwe imibala ethambileyo kwiiphaneli zetimu kunye nokuzaliswa kwemvelaphi. - Deep Iris
#4b49aa— Uhlobo lombala omfusa omnyama lweentlobo ezinombala kunye neebha zesimo kwi-hover. - Orchid Bloom
#dd90d8— Ikhadi ledidi elipinki leemodyuli zeLifestyle/Expenses linika umahluko ofudumeleyo kwimibala epholileyo. - Periwinkle
#90b8f0— Ikhadi elithambileyo eliluhlaza okwesibhakabhaka leemodyuli zengcebiso okanye iimodyuli zezibini. - Obsidian
#0f1011— I-canvas yephepha ngumphezulu omnyama obalaseleyo apho yonke into idada khona.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-96px · amanyathelo asi-7
- Suisseintltrial — ukutshintshwa: Inter · imida 400 · I-Suisseintltrial - ifunyenwe kwidatha ekhutshiweyo kodwa ayichazwanga yi-AI.
- Lyon Display — ukutshintshwa: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · imida 300 · Izihloko kunye nezihloko zecandelo ziyindlela eqhelekileyo. Kusetyenziswa ifonti engama-300 kuphela (ekhanyayo), nto leyo eyenza kube nomtsalane kodwa kube nokuzithemba; ubukhulu obugqithisileyo (38-96px) obunesithuba esincinci semigca eyi-0.9 bubangela uxinzelelo olukhulu.
- Suisse Int'l — ukutshintshwa: Inter or Geist Sans at matching weights · imida 300, 400 · Umbhalo womzimba, iinkcazo zekhadi, umbhalo wekhonkco, kunye neendawo zokufaka. Ubunzima obuyi-300 busetyenziswa kwizihlokwana zekhadi eziyi-18px ukubonelela ngesandi esincinci sombhalo oboniswayo; ubunzima obuyi-400 ngumbhalo oyintloko we-UI.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 8px |
| Irediyasi yekhadi | 16px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 80px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Origin Financial ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- July Fund — I-monograph kwigalari emnyama enamakhadi esahluko esinemibala
- FLORA — Igalari kwivelvet emnyama - i-canvas emnyama ecocekileyo, imifanekiso eqaqambileyo njengombala kuphela
- Mercury — Iibhanki zeAlpine ngokuhlwa
- Linear — isixhobo sokuchaneka ezinzulwini zobusuku
- Air — umfanekiso oqingqiweyo "Isibhakabhaka Sasebusuku Ngeglasi"
- Raycast — IZiko loLawulo lwasebusuku, iCoral Neon
- dope.security — Isiphelo seendiza ezinzulwini zobusuku esineebhakoni ezimfusa
- Dimension — indawo yokusebenza ekhanyiswe lilanga eneephaneli zeglasi ezifakwe iqhwa
- Giga — Ezinzulwini zobusuku phezu kwe-obsidian eqandisiweyo
- Reflect Notes — Indawo eneenkwenkwezi eziluhlaza okwesibhakabhaka yindawo yokubuka emnyama apho amanqaku ahamba khona njengeenkwenkwezi ngasemva kobumnyama obungenanto ye-indigo.
- Ameba — Igumbi lolawulo ezinzulwini zobusuku – ukubetha kombane oluhlaza okwesibhakabhaka ngaphakathi kwiiphaneli zeglasi eziqandisiweyo
- Branding — Udonga lwegalari emnyama, ii-accents ezibomvu zegazi - Iifonti ezinkulu ezimhlophe zintanta kwi-canvas emnyama efana nesithuba, ziphazanyiswa yi-accent enye ebomvu eqaqambileyo kunye nezinto ezihombisayo ezibukeka ngathi zizibonakaliso zegalari kunokuba zifane ne-web interface.