Column
bukana e putsoa e lefifi tlas'a mafube a pholileng
Kholomo e sebelisa boputsoa bo tebileng, bo se nang 'mala oa setsi holim'a bokamorao bo batlang bo le bosweu: leqephe le ikutloa joaloka bokaholimo bo tiileng ba sehlahisoa sa banka pele 'me sebaka sa bobeli sa ho bapala sa moqapi. 'Mala oa lets'oao ha se o le mong, empa ke para e kopanetsoeng—boputsoa bo se nang 'mala oa leoatle #111a4a bakeng sa sebopeho se tebileng, botala ba koena #44b48b bakeng sa data le khoutu—ka lamunu e le 'ngoe e futhumetseng (#ec652b) e boloketsoeng libaka tse nang le matla a holimo joalo ka karete ea Brex. Mongolo o laoloa ke SuisseIntl, setaele se se nang 'mala oa geometri se sebelisoang ho pholletsa le boima bohle ho tloha ho 300 (lihokelo) ho isa ho 600 (pontšo), se fang sistimi mokhoa o ntlafalitsoeng, oa ho hlophisa oo lik'hamphani tse ngata tsa fintech li se nang oona. Likarete li phaphamala holim'a libaka tse kholo tse tšoeu tse nang le meriti e poteletseng, e nang le mekhahlelo; likarolo tse ngata tsa sebopeho li bataletse, 'me botebo bo hlaha feela moo karete e lokelang ho ikutloa joaloka ntho ea' mele (li-widget tsa litšebelisano, li-mockup tsa lihlahisoa). Khoutu le data ea lichelete li hlahisoa ka 'mala o le mong, o kang oa seafoam—letšoao le bonahalang la hore ena ke banka e hahiloeng ke baenjiniere bakeng sa baenjiniere.
Sebopeho sa leqephe se bophara bo felletseng, se bohareng ba sona se na le mahlakore a maholo a mahlakoreng (64–15 cm ho desktop). Skrine e ka sehloohong ke sebopeho se arohaneng: sehlooho le mehala ea ketso li lebisitsoe ka letsohong le letšehali ho 25 cm, ha sesebelisoa sa transaction se phaphametseng se behiloe ka letsohong le letona ho 55 cm khahlano le bokamorao ba 'mapa oa halftone. Ka tlas'a skrine e ka sehloohong, likarolo li fapanyetsana pakeng tsa tšoeu (4 cm) le canvas e bobebe (5 cm) ka li-gutter tse otlolohileng tsa 6 cm. Litaba li hlophisitsoe ho latela grid e le 'ngoe ea likholomo tse 6: liboloko tsa mongolo li nka likholomo tse 4 (7 cm), likarete tsa setšoantšo/sehlahisoa li nka likholomo tse 5–6, ka ho fapana ka boomo ho tsoa ho grid. Likarolo tse hlalosang likarolo li sebelisa sebopeho sa likholomo tse 2: mongolo ka letsohong le letšehali, sehlahisoa ka letsohong le letona. Karolo ea lipalo-palo tsa tšepo e arotsoe ka grid ea likholomo tse 4 ho pholletsa le bophara bo felletseng ba leqephe. Matshwao a bareki a fumaneha moleng o le mong o bohareng o nang le li-gutter tsa 48px. Botlaaseng ba leqephe ho na le sebopeho se kopaneng sa likholomo tse peli. Tsamaiso ke bare e sa fetoheng, e bolelele ba 62px, e bonaletsang e kaholimo skrineng se seholo e nang le bokamorao bo fifetseng bo fifalang ho ba bosweu ha o ntse o skrola. Ha ho na lehlakore kapa lenane le leholo la menu—di-dropdown ke di-menu tse bonolo tsa setaele sa motsu.
Mokhoa oa pono ke o fokolang ebile o sebetsa—Kholomo e qoba ho nka lifoto tsa setoko ka ho feletseng. Puo ea pono e hahiloe mehloling e meraro: (1) Litšoantšo tsa data tsa SVG, haholo-holo 'mapa oa lefats'e oa halftone o nang le matheba, o entsoeng ka gradient ho tloha indigo ho ea lamunu ho ea turquoise, o theha sepakapaka sa boholo ba lefats'e ka morao ho karolo e ka sehloohong; (2) meralo ea likarete tsa sehlahisoa—li-widget tse phaphametseng tse bonts'ang litekanyo tsa ak'haonte, lintlha tsa phetisetso, le likotoana tsa khoutu ea JSON ka likarete tse tšoeu tse nang le meriti e tsotehang; (3) litšoantšo tsa chate—lichate tsa likerese tsa turquoise kapa tsa bare tse nang le mela e mesesaane e hokelang e sebelisoang karolong ea trust/lipalopalo. 'Mapa oa halftone ke karolo ea pono e ikhethang—liphetoho tsa eona tsa gradient ho tloha ho #d65620 (lamunu) ho ea ho pherese, putsoa, azure, turquoise, le mosehla, ho theha spectrum e kopanyang palette eohle ea cha holim'a sebaka se le seng sa mekhabiso. Matšoao a na le botenya bo lekanang ba 1.5–2px ho mefuta ea #232730 kapa #a9acb6, ka tlatsetso bakeng sa maemo a sebetsang. Ha ho linepe tsa mokhoa oa bophelo, ha ho litšoantšo tse sa bonahaleng tsa 3D—thibelo ena e reretsoe ho tsepamisa maikutlo sehlahisoa le tlhahisoleseling.
Palete
Letšoao
- Indigo Navy
#111a4a— 'Mala oa mantlha oa lets'oao o sebelisetsoa ho etsa mehala e felletseng ea ketso, maemo a sebetsang a ho tsamaea, hlooho le lets'oao. 'Mala o tebileng oa pherese-putsoa o fa sebaka sa marang-rang 'mala o motšo o tiileng empa o ruileng; ha o kopantsoe le mongolo o mosoeu, o etsa konopo e tiileng ka ho fetisisa sebakeng sa marang-rang. - Seafoam 600
#44b48b— Mmala oa khoutu le data ke 'mala oa letšoao bakeng sa linotlolo tsa JSON, li-identifier, le boleng ba lichelete ka har'a li-snippets tsa khoutu. E boetse e sebelisoa bakeng sa lintlha tsa data lichate le lipono tsa kholo. - Seafoam 700
#167e6c— Moriti o lefifi oa seafoam bakeng sa kemiso, mela ea chate, le litlhaloso tsa matšoao ka har'a moelelo oa data. Sena se tiisa sekala sa seafoam khahlanong le bokamorao bo lefifi. - Seafoam 400
#94efb7— Karolo ea khoutu e totobalitsoeng e na le boleng ba khoele, li-URL, le lintlha tsa ho qetela tsa API ka har'a li-block tsa khoutu. 'Mala o bobebe ka ho fetisisa oa seafoam o baloa e le mongolo o nang le sebaka se le seng o nang le 'mala o motala. - Deep Sea
#023247— Sebopeho sa mokhabiso le 'mala oa khatiso oa chate ke 'mala o ruileng oa turquoise o sebelisoang litšoantšong tsa SVG le litšoantšong tsa data, hammoho le sekala sa 'mala oa seafoam.
Lehlakore
- Midnight Ink
#011821— Bokaholimo bo lefifi le mongolo o totobalitsoeng – bokamorao ba karete ea sehlahisoa, mongolo o ka sehloohong o nang le phapang e kholo. E haufi le bohlooho ka 'mala o pholileng oa boputsoa bo botala; e sebelisoa e le motheo oa mokhoa o lefifi ha karolo e hloka ho fetoloa. - Slate Ink
#3b3e47— Sehlooho sa bobedi le mongolo o ka sehloohong di futhumetse hanyane ho feta Enke ya Bosiu ba Mantsiboya, di sebediswa moo botsho bo hlwekileng bo ka bonahalang bo le bohale haholo hodima lesira le bobebe. - Steel
#7c7f88— Mongolo o ka sehloohong le mongolo wa kgokelo di laolwa ke mmala o kgutsitseng (o sebedisitsweng ka makgetlo a 245 mongolong o ka sehloohong). Mmala o moputsoa o sa nke lehlakore o nkuwang o kgutsitse, le ka mohla e se setshwantsho se hlatswitsweng. - Fog
#a9acb6— Meralo ea letšoao, meeli ea boraro, le mongolo oa sebaka. 'Mala o moputsoa o mahareng o arolang mongolo ntle le ho qothisana lehlokoa le oona. - Mist
#cbcccf— Mongolo o ka sehloohong—mesaeno, ditatofatso, le mongolo o monyane—o baleha hantle ka semelo se sesweu, empa o bonahala o sa bonahale haholo. - Silver Lining
#e3e4e8— Meeli ea likarete, meeli ea tšimo ea ho kenya, mela e arolang. 'Mala ona oa sebopeho, o poteletseng o sebelisoa moo libaka tse peli li hlokang ho aroloa ntle le meriti.
Mongolo oa mongolo
ho tloha ho 10 ho isa ho 60px · mehato e 10
- SuisseIntl — sebaka: Inter · meralo 300, 400, 500, 600 · Fonte ea mantlha - e sebelisetsoa lihlooho tsohle, mongolo oa 'mele, likonopo, ho tsamaea, lihokelo le mongolo oa karete. Sebopeho se ikhethang sa jeometri sans se fa Kholomo mokhoa o ikhethang oa ho hlophisa, o e khethollang ho lik'hamphani tse ling tsa fintech tse sebetsang ka ho khetheha le Inter-only. Boima ke 600 ho 52–60px bakeng sa lihlooho, 500 bakeng sa lihloohoana, 400 bakeng sa mongolo oa 'mele, le 300 bakeng sa lihokelo tse sa hatiseng haholo.
- SuisseIntlMono — sebaka: JetBrains Mono · meralo 400 · Fonte e nang le sebaka se le seng e tšoanang le SuisseIntl, e sebelisetsoang mabitso a tekheniki, li-identifier tsa API, le data e kentsoeng li-element tsa UI. E boloka litekanyo tse tšoanang le SuisseIntl, kahoo mongolo o nang le sebaka se le seng le o lekanang li lumellana hantle maemong a fapaneng.
- SFMono — sebaka: Fira Code · meralo 400 · Pontšo ea likotoana tsa khoutu - e bontšoa mehlaleng ea JSON le libolokong tsa litokomane tsa API. Moriti oa seafoam o sebelisoa ho khetholla khoutu ho mongolo oa UI ka pono.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | karolelano |
| Mohato oa motheo | 8px |
| Radiyo ea konopo | 8px |
| Radiyo ya karete | 8px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 72px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa Column 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- dope.security — Seteishene sa bosiu se nang le mabone a pherese
- Leonardo — Pokello ea litšoantšo e fetotsoeng. Musiamo o nang le marako a matšo moo lihlooho tsa litaba tse pherese li sebetsang e le lihokelo tsa mabota, 'me litšoantšo tse hlahisitsoeng ke AI li leketlile ka har'a gridi e teteaneng ka tlase.
- VEED — Lebota le lesoeu la gallery le nang le dikonopo tsa mabone a matala a neon
- Craft Docs — Kholaje ea dijithale bakeng sa ho taka li-scrapbook. Moralo o tšoana le buka ea scrapbook e nahanelang, e amang maikutlo, moo lintlha tsa dijithale tse hlophisitsoeng li kopanang le meetso e bonolo, ea tlhaho.
- Letter — Pontšo ea poraefete e nang le lintho tsa khale tse benyang tse tsoang polokelong. Sebaka sa lipontšo se nang le marako a matšo moo lihlooho tsa litšoantšo tse nang le seriti li phaphametseng ka holim'a litšoantšo tsa chrome maboteng a mebala-bala a ponts'o ea pontšo.
- Railway — Cosmic Midnight Express. Leeto le khutsitseng, le thabisang sebakeng se lefifi, se bonesitsoeng ke linaleli, le tataisoang ke matšoao a hlakileng.
- Garden Eight — Sengoliloeng se seholo se ngotsoeng pampiring e 'mala o boreledi. Sehlooho sa serif sa 215px se lutse se le seng holim'a letlalo le futhumetseng, se pota-potiloe ke libopeho tsa litšoantšo tse phaphametseng le sebaka se fosahetseng se hopotsang moea oa leoatle—leqephe le ikutloa joaloka sekoahelo sa monograph ea bonono ho feta dashboard.
- Steep — Tlhahlobo ea Mengolo ea Serif Pampiring e futhumetseng
- ElevenLabs — Moqoqo oa foto o nang le mebala e mofuthu ea tranelate e nang le lihlooho tse bonolo. Buka ea lintlha ea setaele sa Bauhaus—pampiri e 'mala oa khetla ea lehe, enke e ntšo, le 'mala o le mong o pherese le oa lamunu bakeng sa pontšo ea sehlahisoa.
- Awesomic — Letlooeng la zinki le nang le matšoao a lamunu a hopotsang confetti
- Monad — koranta ea botekgeniki ea bahlophisi mabapi le letlalo le futhumetseng
- AI for Business — Pontšo ea bahlophisi ba sehlōhō ka mebala e mofuthu e putsoa