Column
incwadi yezincwadi eluhlaza okwesibhakabhaka emnyama ngaphansi kokusa okupholile
Ikholomu isebenzisa umbala oluhlaza okwesibhakabhaka ojulile, ohlanganisa izikhungo ngemuva okumhlophe: ikhasi lizwakala njengobuso bomkhiqizo wasebhange oqinile kuqala bese kuba yindawo yokudlala yabathuthukisi okwesibili. Umbala womkhiqizo awuwona owodwa, kodwa umbhangqwana ohlanganisiwe—oluhlaza okwesibhakabhaka olunama-navy #111a4a wesakhiwo esibucayi, oluhlaza okotshani olunama-mint #44b48b wedatha nekhodi—onombala owodwa ophuzi ofudumele (#ec652b) ogcinelwe izindawo ezigqamile njengekhadi le-Brex. Ukuthayipha kuphethwe yi-SuisseIntl, i-geometric sans serif esetshenziswa kulo lonke ububanzi besisindo kusukela ku-300 (izixhumanisi) kuya ku-600 (ukubonisa), okunikeza uhlelo isitayela sokuhlela esicwengekile, esingenazo izinkampani eziningi ze-fintech. Amakhadi antanta ezindaweni ezinkulu ezimhlophe ezinezithunzi ezicashile, ezinezingqimba; izakhi eziningi zesibonisi ziyisicaba, kanti ukujula kuvela kuphela lapho ikhadi kufanele lizizwe khona njengento ebonakalayo (amawijethi okuthengiselana, ama-mockup omkhiqizo). Ikhodi kanye nedatha yezezimali kwethulwa nge-monochrome, enombala we-seafoam—isignali ebonakalayo yokuthi leli yibhange elakhiwe onjiniyela bonjiniyela.
Isakhiwo sekhasi sinobubanzi obugcwele, siphakathi nendawo sinezinhlangothi ezibanzi (64–15 cm kudeskithophu). Isikrini esiyinhloko siyisakhiwo esihlukanisiwe: isihloko kanye nezimemezelo zesenzo ziqondaniswe ngakwesobunxele ku-25 cm, kuyilapho iwijethi yokuthengiselana entantayo ibekwe ngakwesokudla ku-55 cm ngokumelene nesizinda semephu ye-halftone. Ngaphansi kwesikrini esiyinhloko, izingxenye ziyashintshana phakathi komhlophe (4 cm) kanye ne-canvas ekhanyayo (5 cm) enezingqimba eziqondile ezingama-6 cm. Okuqukethwe kuhlelwe ngokwegridi eyodwa enamakholomu ayi-6: amabhlogo wombhalo athatha amakholomu angu-4 (7 cm), amakhadi esithombe/umkhiqizo athatha amakholomu angu-5–6, kanye nokususwa okuhlosiwe okuvela kugridi. Izingxenye ezichaza izici zisebenzisa isakhiwo samakholomu ama-2: umbhalo ngakwesobunxele, umkhiqizo ngakwesokudla. Isigaba sezibalo zokuthembela sihlukaniswe igridi enamakholomu ama-4 kulo lonke ububanzi bekhasi. Ama-logo amakhasimende atholakala emgqeni owodwa ophakathi nendawo onezingqimba ezingama-48px. Isisekelo sinomklamo omncane wamakholomu amabili. Ukuzulazula kuyibha ephezulu eqondile, engama-62px ubude, esobala phezu kwesikrini esiyinhloko enesizinda esifiphele esiba mhlophe njengoba uskrola. Ayikho i-sidebar noma imenyu enkulu—okwehlayo kuyimenyu elula yesitayela semicibisholo.
Isitayela esibonakalayo sincane futhi siyasebenza—Ikholomu igwema ngokuphelele izithombe zesitoko. Ulimi olubonakalayo lwakhiwe emithonjeni emithathu: (1) Imifanekiso yedatha ye-SVG, ikakhulukazi imephu yomhlaba ene-halftone enamachashazi, evezwe nge-gradient kusuka ku-indigo kuya ku-orange kuya ku-turquoise, okudala isimo somhlaba wonke ngemuva kwento eyinhloko; (2) ukwakheka kwamakhadi omkhiqizo—amawijethi antantayo abonisa izilinganiso ze-akhawunti, imininingwane yokudlulisa, kanye neziqeshana zekhodi ye-JSON kumakhadi amhlophe anezithunzi ezimangalisayo; (3) ukuboniswa kweshadi—amashadi ekhandlela noma amabha anemigqa emincane yokuxhuma esetshenziswa esigabeni se-trust/statistics. Imephu ye-halftone iyinto ebonakalayo ephawulekayo—ukuguquka kwayo kwe-gradient kusuka ku-#d65620 (orenji) kuya ku-violet, okwesibhakabhaka, i-azure, i-turquoise, kanye nophuzi, okudala i-spectrum ehlanganisa yonke i-palette yomkhiqizo endaweni eyodwa yokuhlobisa. Izithonjana zinobukhulu obufanayo obungu-1.5–2px kuzinhlobo ezingu-#232730 noma ze-#a9acb6, kanye nokugcwaliswa kwezimo ezisebenzayo. Azikho izithombe zendlela yokuphila, azikho izithombe ze-3D ezingabonakali—ukuvinjelwa kuhloswe ukugxila ekunakeni umkhiqizo kanye nedatha.
Iphalethi
Umkhiqizo
- Indigo Navy
#111a4a— Umbala womkhiqizo oyinhloko usetshenziselwa ukubiza okugcwele isenzo, izimo zokuzulazula ezisebenzayo, i-header, kanye nelogo. Umbala ojulile oluhlaza okwesibhakabhaka oluhlaza okwesibhakabhaka unikeza isayithi umbala omnyama oqinile kodwa ocebile; uma uhambisana nombhalo omhlophe, udala inkinobho eqine kakhulu kusayithi. - Seafoam 600
#44b48b— Umbala wekhodi kanye nedatha umbala womkhiqizo wezinkinobho ze-JSON, izihlonzi, kanye namanani ezezimali ezingxenyaneni zekhodi. Iphinde isetshenziswe kumaphuzu edatha kumashadi kanye nokuboniswa kokukhula. - Seafoam 700
#167e6c— Umthunzi omnyama we-seafoam wohlaka, imigqa yeshadi, kanye nokugqama kwesithonjana ngaphakathi komongo wedatha. Lokhu kuqinisa isikali se-seafoam ngokumelene nesizinda esimnyama. - Seafoam 400
#94efb7— Isiqephu sekhodi esigqanyisiwe siqukethe amanani entambo, ama-URL, kanye nama-endpoints e-API ngaphakathi kwamabhulokhi ekhodi. Umbala we-seafoam okhanyayo kakhulu ufunda njengefonti enesikhala esisodwa enombala oluhlaza okotshani. - Deep Sea
#023247— Uhlaka lokuhlobisa nombala wokugcizelela weshadi umbala ocebile we-turquoise osetshenziswa emifanekisweni ye-SVG kanye nezithombe zedatha, kanye nesilinganiso sombala we-seafoam.
Okungathathi hlangothi
- Midnight Ink
#011821— Ubuso obumnyama nombhalo ogqanyisiwe – ingemuva lekhadi lomkhiqizo, umbhalo oyinhloko ogqamile. Kuseduze nokumpunga okunombala oluhlaza okwesibhakabhaka opholile; kusetshenziswa njengesisekelo semodi emnyama lapho ingxenye idinga ukuguqulwa. - Slate Ink
#3b3e47— Isihloko sesibili kanye nombhalo oyinhloko kufudumele kancane kune-Midnight Ink, esetshenziswa lapho umnyama omsulwa ungabonakala uqinile kakhulu ku-canvas ekhanyayo. - Steel
#7c7f88— Umbhalo oyinhloko kanye nombhalo wesixhumanisi kubusa umbala othulile (osetshenziswe izikhathi ezingu-245 embhalweni oyinhloko). Umbala ompunga-oluhlaza okwesibhakabhaka ongathathi hlangothi obhekwa njengozolile, ongakaze ube isithombe esihlanziwe. - Fog
#a9acb6— Imidwebo yesithonjana, imingcele yesigaba sesithathu, kanye nombhalo wesibambi sendawo. Umbala ompunga ophakathi nendawo ohlukanisa umbhalo ngaphandle kokuncintisana nawo. - Mist
#cbcccf— Umbhalo oyinhloko—amasignesha, izitatimende zokuzikhulula, kanye nombhalo omncane—ufundeka kalula ngemuva okumhlophe, kodwa awubonakali kahle. - Silver Lining
#e3e4e8— Imingcele yamakhadi, imingcele yensimu yokufaka, imigqa ehlukanisayo. Lo mbala wesakhiwo nowobuncane usetshenziswa lapho izindawo ezimbili zidinga ukuhlukaniswa ngaphandle kwezithunzi.
Ukuthayipha
kusukela ku-10 kuya ku-60px · izinyathelo eziyi-10
- SuisseIntl — esikhundleni: Inter · izinhlaka 300, 400, 500, 600 · Ifonti eyinhloko – esetshenziselwa zonke izihloko, umbhalo womzimba, izinkinobho, ukuzulazula, izixhumanisi, kanye nombhalo wamakhadi. I-geometric sans serif ehlukile inikeza i-Column isitayela sokuhlela esihlukile, esiyenza ihluke kwezinye izinkampani ze-fintech ezisebenza kuphela ne-Inter-only. Isisindo singama-600 ku-52–60px wezihloko, ama-500 ezihlokweni ezincane, ama-400 wombhalo womzimba, kanye nama-300 wezixhumanisi eziphansi.
- SuisseIntlMono — esikhundleni: JetBrains Mono · izinhlaka 400 · Ifonti enesikhala esisodwa efana ne-SuisseIntl, esetshenziselwa amalebula obuchwepheshe, izihlonzi ze-API, kanye nedatha efakiwe ezintweni ze-UI. Igcina izilinganiso ezifanayo ne-SuisseIntl, ngakho umbhalo onesikhala esisodwa kanye nowesilinganiso uvumelana kahle ezimweni ezixubile.
- SFMono — esikhundleni: Fira Code · izinhlaka 400 · Ukuboniswa kwe-snippet yekhodi - kuboniswa ezibonelweni ze-JSON kanye namabhulokhi edokhumenti ye-API. Umthunzi we-seafoam usetshenziselwa ukuhlukanisa ikhodi ngokubonakalayo kumbhalo we-UI.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 8px |
| Irediyasi yekhadi | 8px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 72px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Column futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- dope.security — Itheminali yaphakathi kwamabili enezibani ezinsomi
- Leonardo — Igalari yokuhlela eguquliwe. Imyuziyamu enodonga olumnyama lapho izihloko ezinsomi zisebenza khona njengokufakwa kodonga, kanye nezithombe ezenziwe nge-AI ezilenga kugridi eliminyene ngezansi.
- VEED — Udonga lwegalari olumhlophe olunezinkinobho zokukhanya okuluhlaza okwesibhakabhaka
- Craft Docs — I-collage yedijithali yokwenza i-scrapbook. Umklamo ufana ne-scrapbook ecatshangelwe kahle, ethintayo, lapho amanothi edijithali ahlelekile ehlangana khona nokuthungwa okuthambile, okungokwemvelo.
- Letter — Igalari yangasese enezinto zobuciko ezikhazimulayo ezivela endaweni yokugcina izinto. Indawo yombukiso enodonga olumnyama lapho izihloko zezindaba eziqinile zintanta khona ngaphezu kwezithombe ze-chrome ezindongeni ezinombala wegalari.
- Railway — I-Cosmic Midnight Express. Uhambo oluzolile nolujabulisayo oludlula endaweni emnyama, ekhanyiswe yizinkanyezi, oluqondiswa izimpawu ezicacile.
- Garden Eight — Umhleli omkhulu ephepheni elinombala okhilimu. Isihloko se-serif esingu-215px sihlala sodwa ephepheni elifudumele, sizungezwe yizithombe ezintantayo kanye nesikhala esibi esikhumbuza umoya wolwandle—ikhasi lizwakala njengesembozo sencwadi yobuciko kunokuba libe yideshibhodi.
- Steep — Ukuhlaziywa kwamafonti e-Serif ephepheni elifudumele
- ElevenLabs — Indatshana yesithombe enemibala efudumele nezihloko ezimfushane. Incwadi yokubhala yesitayela seBauhaus—iphepha elinombala wegobolondo leqanda, uyinki omnyama, kanye nophawu olulodwa oluphuzi noluphuzi lokubonisa umkhiqizo.
- Awesomic — I-zinc mesh yokuhlela enezimpawu zokubhala eziwolintshi ezikhumbuza i-confetti
- Monad — iphephabhuku lobuchwepheshe lokuhlela ngesikhumba esifudumele
- AI for Business — Indawo yokubukisa abahleli abanonya ngemibala efudumele empunga