Column
ileja emnyama eluhlaza okwesibhakabhaka phantsi kokusa okupholileyo
Ikholamu isebenzisa umbala oluhlaza okwesibhakabhaka onzulu, oluhlaza okwesibhakabhaka kwimvelaphi ephantse ibe mhlophe: iphepha livakala njengomphezulu wemveliso yebhanki eqinileyo kuqala kwaye indawo yokudlala yabaphuhlisi yesibini. Umbala webhrendi awungowomnye, kodwa yisibini esidibeneyo—umbala oluhlaza okwesibhakabhaka #111a4a wesakhiwo esinzulu, umbala oluhlaza okwesibhakabhaka #44b48b wedatha kunye nekhowudi—enombala o-orenji omnye ofudumeleyo (#ec652b) ogcinelwe iindawo ezixineneyo ezifana nekhadi leBrex. Uyilo lokubhala lulawulwa yiSuisseIntl, i-geometric sans serif esetyenziswa kulo lonke uluhlu lobunzima ukusuka kwi-300 (iikhonkco) ukuya kwi-600 (umboniso), enika inkqubo isitayile esicocekileyo, sokuhlela esingenazo iinkampani ezininzi ze-fintech. Amakhadi ahamba kwiindawo ezinkulu ezimhlophe ezinezithunzi ezithambileyo, ezineeleya; uninzi lwezinto ze-interface zithe tyaba, ubunzulu bubonakala kuphela apho ikhadi lifanele livakale njengento ebonakalayo (iiwijethi zentengiselwano, iimodeli zemveliso). Ikhowudi kunye nedatha yezemali ziboniswa ngemibala ye-monochrome, efana ne-seafoam—uphawu olubonakalayo lokuba le yibhanki eyakhiwe ziinjineli zeenjineli.
Ulwakhiwo lwephepha lubanzi ngokupheleleyo, luphakathi nendawo kunye nemida ebanzi ecaleni (64–15 cm kwidesktop). Isikrini esiphambili sisakhiwo esahlulweyo: isihloko kunye neefowuni eziya esenzweni zilungelelaniswe ngasekhohlo kwi-25 cm, ngelixa iwijethi yentengiselwano edadayo ibekwe ngasekunene kwi-55 cm ngokuchasene nemvelaphi yemephu ye-halftone. Ngaphantsi kwesikrini esiphambili, amacandelo atshintshana phakathi komhlophe (4 cm) kunye ne-canvas ekhanyayo (5 cm) kunye nee-gutter ezithe nkqo ze-6 cm. Umxholo ucwangciswe ngokwegridi enye yeekholamu ezi-6: iibhloko zesicatshulwa zihlala kwiikholamu ezi-4 (7 cm), amakhadi omfanekiso/emveliso ahlala kwiikholamu ezi-5–6, kunye nokususwa ngabom kwigridi. Amacandelo achaza iimpawu asebenzisa uyilo lweekholamu ezi-2: umbhalo ngasekhohlo, imveliso ngasekunene. Icandelo lezibalo ze-trust lahlulwe laba yigridi yeekholamu ezi-4 kububanzi obupheleleyo bephepha. Iilogo zabathengi zifumaneka kumqolo omnye ophakathi one-gutter ezi-48px. I-footer inoyilo oluncinci lweekholamu ezimbini. I-navigation yi-top bar esisigxina, ende engama-62px, ecacileyo phezu kwesikrini esiphambili enemvelaphi efipheleyo ejika ibe mhlophe njengoko uskrola. Akukho sidebar okanye i-mega-menu—ii-dropdowns ziimenyu ezilula zesitayile se-arrow.
Isitayile esibonakalayo sincinci kwaye siyasebenza—Ikholamu ayizivumeli ngokupheleleyo iifoto zesitokhwe. Ulwimi olubonakalayo lwakhiwe kwimithombo emithathu: (1) Imifanekiso yedatha ye-SVG, ngakumbi imephu yehlabathi ye-halftone enamachaphaza, evezwe nge-gradient ukusuka kwi-indigo ukuya kwi-orenji ukuya kwi-turquoise, idala umoya wehlabathi emva kwento ephambili; (2) uyilo lwekhadi lemveliso—ii-widgets ezidadayo ezibonisa iibhalansi zeakhawunti, iinkcukacha zokudluliselwa, kunye neziqwenga zekhowudi ye-JSON kumakhadi amhlophe anezithunzi ezimangalisayo; (3) imiboniso yetshathi—itshathi yekhandlela okanye yebha e-turquoise enemigca emincinci yokudibanisa esetyenziswa kwicandelo le-trust/statistics. Imephu ye-halftone yinto ebonakalayo ephawulekayo—utshintsho lwayo lwe-gradient ukusuka kwi-#d65620 (orenji) ukuya kwi-violet, eluhlaza okwesibhakabhaka, i-azure, i-turquoise, kunye netyheli, idala i-spectrum edibanisa yonke i-palette yophawu kumphezulu omnye wokuhombisa. Ii-icon zinobukhulu obufanayo be-1.5–2px kwiinguqulelo ze-#232730 okanye ze-#a9acb6, kunye nokuzaliswa kweemeko ezisebenzayo. Akukho zithombe zendlela yokuphila, akukho mifanekiso ye-3D engabonakaliyo—ukuzibamba kwenziwa ngenjongo yokugxila ingqalelo kwimveliso nakwidatha.
Iphalethi
Uphawu
- Indigo Navy
#111a4a— Umbala oyintloko webhrendi usetyenziselwa ukubiza isenzo, imeko yokukhangela esebenzayo, i-header, kunye nelogo. Umbala oluhlaza okwesibhakabhaka oluhlaza okwesibhakabhaka unika indawo umbala omnyama oqinileyo kodwa otyebileyo; idityaniswe nombhalo omhlophe, yenza iqhosha eliqinisekileyo kakhulu kwiwebhusayithi. - Seafoam 600
#44b48b— Umbala wekhowudi kunye nedatha ngumbala wophawu lwezitshixo zeJSON, izihlonzi, kunye namaxabiso emali kwiingcezu zekhowudi. Ikwasetyenziselwa amanqaku edatha kwiitshathi kunye nemiboniso yokukhula. - Seafoam 700
#167e6c— Umthunzi omnyama we-seafoam kwisakhelo, imigca yetshathi, kunye nee-acon accents ngaphakathi komxholo wedatha. Oku kuqinisa isikali se-seafoam kwimvelaphi emnyama. - Seafoam 400
#94efb7— Isiqwenga sekhowudi esigqanyisiweyo siqulathe amaxabiso omtya, ii-URL, kunye neendawo zokugqibela ze-API ngaphakathi kweebhloko zekhowudi. Umbala we-seafoam okhanyayo ufunda njengefonti enesithuba esinye enombala oluhlaza okotshani. - Deep Sea
#023247— Umzobo wokuhombisa kunye nombala we-accent wetshathi ngumbala otyebileyo we-turquoise osetyenziswa kwimifanekiso ye-SVG kunye nemiboniso yedatha, kunye nomlinganiselo wombala we-seafoam.
Ukungathathi cala
- Midnight Ink
#011821— Umphezulu omnyama kunye nombhalo ogqanyisiweyo – imvelaphi yekhadi lemveliso, umbhalo oyintloko ohluke kakhulu. Isondele kwingwevu kunye nombala opholileyo oluhlaza okwesibhakabhaka; isetyenziswa njengesiseko semo emnyama xa icandelo lifuna ukuguqulwa. - Slate Ink
#3b3e47— Isihloko sesibini kunye nombhalo oyintloko zifudumele kancinci kuneMidnight Ink, esetyenziswa apho umnyama omsulwa ubonakala uqatha kakhulu kwi-canvas ekhanyayo. - Steel
#7c7f88— Umbhalo oyintloko kunye nombhalo wekhonkco ulawulwa ngumbala ongacacanga (usetyenziswe izihlandlo ezingama-245 kumbhalo oyintloko). Umbala ongwevu-oluhlaza okwesibhakabhaka ongathathi cala obonwa njengozolileyo, ongazange ube ngumfanekiso ohlanjululweyo. - Fog
#a9acb6— Imida ye icon, imida yesithathu, kunye nombhalo wesikhundla. Umbala ongwevu ophakathi owahlula umbhalo ngaphandle kokukhuphisana nawo. - Mist
#cbcccf— Umbhalo oyintloko—iisayini, izibhengezo, kunye nombhalo omncinci—ufundeka kakuhle kwimvelaphi emhlophe, kodwa awubonakali kangako. - Silver Lining
#e3e4e8— Imida yekhadi, imida yentsimi yokufaka, imigca eyahlulayo. Lo mbala wesakhiwo nowobunono usetyenziswa apho kufuneka kwahlulwe imiphezulu emibini ngaphandle kwezithunzi.
Ubhalo lweencwadi
ukusuka kwi-10 ukuya kwi-60px · amanyathelo ali-10
- SuisseIntl — ukutshintshwa: Inter · imida 300, 400, 500, 600 · Ifonti eyintloko – isetyenziselwa zonke izihloko, umbhalo womzimba, amaqhosha, ukuhambahamba, amakhonkco, kunye nombhalo wekhadi. I-geometric sans serif eyahlukileyo inika iKholamu isitayile sokuhlela esahlukileyo, isenza sahluke kwezinye iinkampani ze-fintech ezisebenza kuphela ne-Inter-only. Ubunzima buyi-600 kwi-52–60px yezihloko, i-500 yezihloko ezincinci, i-400 yesicatshulwa somzimba, kunye ne-300 yezixhumanisi ezingaphantsi kogxininiso.
- SuisseIntlMono — ukutshintshwa: JetBrains Mono · imida 400 · Ifonti enesithuba esinye efana neSuisseIntl, esetyenziselwa iileyibhile zobugcisa, izihlonzi ze-API, kunye nedatha efakwe kwi-elements ze-UI. Igcina umlinganiselo ofanayo noweSuisseIntl, ngoko ke umbhalo onesithuba esinye kunye nowe-proportional uhambelana ngokuchanekileyo kwiimeko ezixutyiweyo.
- SFMono — ukutshintshwa: Fira Code · imida 400 · Umboniso we-code snippet - uboniswa kwimizekelo ye-JSON kunye neebhloko zamaxwebhu e-API. Umbala we-seafoam usetyenziselwa ukwahlula ngokubonakalayo ikhowudi kwisicatshulwa se-UI.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 8px |
| Irediyasi yekhadi | 8px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 72px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Column 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
- dope.security — Isiphelo seendiza ezinzulwini zobusuku esineebhakoni ezimfusa
- Leonardo — Igalari yokuhlela eguqulweyo. Imyuziyam enodonga olumnyama apho iintloko ezimfusa zisebenza njengokufakelwa kodonga, kwaye imifanekiso eyenziwe yi-AI ixhonywe kwigridi exineneyo ngezantsi.
- VEED — Udonga lwegalari emhlophe olunamaqhosha okukhanya aluhlaza okwesibhakabhaka
- Craft Docs — Ikholaji yedijithali yokwenza i-scrapbooking. Uyilo lufana ne-scrapbook ecingisisiweyo nechukumisayo, apho amanqaku edijithali acwangcisiweyo adibana khona neempawu ezithambileyo neziphilayo.
- Letter — Igalari yabucala enezinto zakudala ezikhazimlayo ezivela kwindawo yokugcina izinto. Indawo yokubonisa enodonga olumnyama apho izihloko zeendaba eziqinileyo zihamba khona phezu kwemifanekiso eqingqiweyo ye-chrome eludongeni olunombala wegalari.
- Railway — I-Cosmic Midnight Express. Uhambo oluzolileyo nolunomdla kwindawo emnyama, ekhanyisiweyo ziinkwenkwezi, olukhokelwa ziimpawu ezicacileyo.
- Garden Eight — Umhleli omkhulu okwiphepha elinombala okhrimu. Isihloko se-serif esingu-215px sihleli sodwa kwi-parchment efudumeleyo, sijikelezwe ziimo zemifanekiso eqingqiweyo ezidadayo kunye nendawo engalunganga efana nomoya wolwandle—iphepha livakala ngathi liqweqwe le-monograph yobugcisa kunokuba libe yideshibhodi.
- Steep — Uhlalutyo lweefonti zeSerif kwiPhepha elifudumeleyo
- ElevenLabs — Isincoko seefoto ezinemibala efudumeleyo yekhrimu enezihloko ezincinci. Incwadi yeencwadi efana neBauhaus—iphepha elinombala weqokobhe leqanda, i-inki emnyama, kunye ne-accent enye emfusa neorenji yokubonisa imveliso.
- Awesomic — I-zinc mesh yomhleli eneempawu zokubhala eziorenji ezikhumbuza i-confetti
- Monad — ijenali yobugcisa yomhleli malunga nephepha elifudumeleyo
- AI for Business — Indawo yokubonisana yabahleli abanobundlongondlongo ngemibala efudumeleyo engwevu