Column
buku la buluu lakuda pansi pa mbandakucha wozizira
Column imagwiritsa ntchito buluu wakuda, wabuluu wabuluu pa maziko oyera ngati: tsambalo limawoneka ngati malo olimba a banki ndipo lachiwiri ndi malo osewerera opanga mapulogalamu. Mtundu wa mtundu si umodzi, koma ndi awiri ogwirizana—buluu wabuluu wabuluu #111a4a wa kapangidwe kozama, wobiriwira wa mint #44b48b wa deta ndi khodi—ndi lalanje limodzi lofunda (#ec652b) losungidwa pamalo amphamvu kwambiri monga khadi la Brex. Kalembedwe kake kamayang'aniridwa ndi SuisseIntl, mawonekedwe osagwiritsa ntchito serif omwe amagwiritsidwa ntchito pamitundu yonse yolemera kuyambira 300 (maulalo) mpaka 600 (chiwonetsero), zomwe zimapatsa dongosololi kalembedwe kokonzedwa bwino, kolemba komwe makampani ambiri a fintech alibe. Makhadi amayandama pamalo akulu oyera okhala ndi mithunzi yocheperako, yosalala; zinthu zambiri zolumikizirana ndi zathyathyathya, ndipo kuya kumawonekera kokha komwe khadi liyenera kumveka ngati chinthu chenicheni (ma widget a malonda, ma mockups azinthu). Ma code ndi deta yazachuma zimaperekedwa mu monochrome, mtundu wa seafoam—chizindikiro chowoneka kuti iyi ndi banki yomangidwa ndi mainjiniya a mainjiniya.
Kapangidwe ka tsamba kali ndi m'lifupi lonse, pakati pake pali malire a m'mbali (64–15 cm pa desktop). Chinsalu chachikulu chili ndi mawonekedwe ogawanika: mutu ndi mawu oitanira kuchitapo kanthu zili kumanzere pa 25 cm, pomwe chida choyandama cha malonda chili kumanja pa 55 cm motsutsana ndi maziko a mapu a halftone. Pansi pa chinsalu chachikulu, magawo amasinthasintha pakati pa zoyera (4 cm) ndi canvas yopepuka (5 cm) ndi mitsinje yoyima ya 6 cm. Zomwe zili mkati mwake zimakonzedwa molingana ndi gridi imodzi ya 6: zolemba zimakhala ndi mizati 4 (7 cm), makadi azithunzi/zogulitsa amakhala ndi mizati 5–6, ndi chochotsera mwadala kuchokera ku gridi. Magawo ofotokoza zinthu amagwiritsa ntchito mawonekedwe a mizati iwiri: mawu kumanzere, malonda kumanja. Gawo la ziwerengero zodalirika limagawidwa mu gridi ya mizati 4 m'lifupi lonse la tsamba. Ma logo a makasitomala ali pamzere umodzi wokhazikika wokhala ndi mitsinje ya 48px. Pansi pake pali mawonekedwe ang'onoang'ono a mizati iwiri. Kuyenda ndi kapamwamba kokhazikika, kakatalika 62px, kowonekera bwino pamwamba pa sikirini yayikulu yokhala ndi maziko osawoneka bwino omwe amasanduka oyera mukamasuntha. Palibe menyu yayikulu kapena menyu yayikulu—mamenyu otsikira pansi ndi ma menu osavuta okhala ngati mivi.
Kalembedwe ka mawonekedwe ndi kochepa komanso kogwira ntchito—Kolamu imapewa kwathunthu kujambula zithunzi za stock. Chilankhulo chowoneka chimamangidwa pa magwero atatu: (1) Zithunzi za SVG, makamaka mapu a dziko lapansi okhala ndi madontho a halftone, opangidwa ndi gradient kuchokera ku indigo kupita ku lalanje kupita ku turquoise, kupanga mlengalenga wapadziko lonse kumbuyo kwa chinthu chachikulu; (2) mapangidwe a makadi azinthu—ma widget oyandama omwe akuwonetsa ma backs a akaunti, tsatanetsatane wotumizira, ndi zidutswa za JSON code m'makadi oyera okhala ndi mithunzi yodabwitsa; (3) zithunzi za tchati—ma chart a turquoise candlestick kapena bar okhala ndi mizere yopyapyala yolumikizira yomwe imagwiritsidwa ntchito mu gawo la trust/statistics. Mapu a halftone ndi chinthu chowoneka chodziwika bwino—kusintha kwake kwa gradient kuchokera ku #d65620 (lalanje) kupita ku violet, buluu, azure, turquoise, ndi chikasu, kupanga mawonekedwe omwe amagwirizanitsa mtundu wonse wa brand pamalo amodzi okongoletsera. Zizindikirozi zili ndi makulidwe ofanana a 1.5–2px mu mitundu ya #232730 kapena #a9acb6, yokhala ndi kudzaza kwa active states. Palibe zithunzi za moyo, palibe zojambula za 3D—kuletsa kumeneku ndi cholinga chofuna kuyang'ana kwambiri pa malonda ndi deta.
Paleti
Mtundu
- Indigo Navy
#111a4a— Mtundu woyamba wa kampani umagwiritsidwa ntchito polemba zinthu zodzaza ndi zochita, mawonekedwe oyenda, mutu, ndi logo. Mtundu wabuluu wowala wa violet umapatsa tsambalo mtundu wakuda wolimba koma wolemera; wophatikizidwa ndi mawu oyera, umapanga batani lolimba kwambiri patsamba lino. - Seafoam 600
#44b48b— Mtundu wa ma code ndi deta ndi mtundu wa makiyi a JSON, zozindikiritsa, ndi ndalama zomwe zili mu slips za ma code. Umagwiritsidwanso ntchito pa mfundo za data mu ma chart ndi ma growth visualizations. - Seafoam 700
#167e6c— Mthunzi wakuda wa thovu la m'nyanja pa ndondomeko, mizere ya tchati, ndi zizindikiro zomwe zili mkati mwa deta. Izi zimalimbitsa sikelo ya thovu la m'nyanja motsutsana ndi maziko akuda. - Seafoam 400
#94efb7— Chidutswa cha ma code chomwe chili ndi ma string values, ma URL, ndi ma API endpoints mkati mwa ma code blocks. Mtundu wopepuka kwambiri wa seafoam umawerengedwa ngati font yokhala ndi malo amodzi yokhala ndi mtundu wobiriwira. - Deep Sea
#023247— Chokongoletsera ndi mtundu wa mawu ofotokozera tchati ndi mtundu wolemera wa buluu womwe umagwiritsidwa ntchito pazithunzi za SVG ndi zithunzi za deta, pamodzi ndi sikelo ya utoto wa seafoam.
Osalowerera
- Midnight Ink
#011821— Pamwamba pamdima ndi mawu owonetsedwa - maziko a khadi la malonda, mawu akuluakulu osiyanitsa kwambiri. Ofanana ndi imvi ndi mtundu wozizira wabuluu-wobiriwira; amagwiritsidwa ntchito ngati maziko a mawonekedwe amdima pamene gawo likufunika kutembenuzidwa. - Slate Ink
#3b3e47— Mutu wachiwiri ndi mawu akuluakulu ndi ofunda pang'ono kuposa Inki ya Midnight, yomwe imagwiritsidwa ntchito pomwe wakuda weniweni ungawoneke wovuta kwambiri pa nsalu yowala. - Steel
#7c7f88— Mawu akuluakulu ndi mawu olumikizirana amalamulidwa ndi mtundu wosasunthika (wogwiritsidwa ntchito nthawi 245 m'mawu akuluakulu). Mtundu wabuluu wotuwa komanso wofiirira womwe umawonedwa ngati wodekha, osati chithunzi chopanda kanthu. - Fog
#a9acb6— Mawonekedwe a chizindikiro, malire achitatu, ndi mawu oika malo. Mtundu wapakati wa imvi womwe umalekanitsa mawuwo popanda kupikisana nawo. - Mist
#cbcccf— Malemba akuluakulu—ma siginecha, zodziteteza, ndi zilembo zazing'ono—amaoneka bwino pa maziko oyera, koma osawoneka bwino. - Silver Lining
#e3e4e8— Malire a makadi, malire a malo olowera, mizere yogawa. Mtundu wocheperako komanso wopangidwa ndi kapangidwe kake umagwiritsidwa ntchito pomwe malo awiri amafunika kulekanitsidwa popanda mithunzi.
Kulemba zilembo
kuyambira 10 mpaka 60px · masitepe 10
- SuisseIntl — cholowa m'malo: Inter · mndandanda 300, 400, 500, 600 · Chilembo chachikulu - chomwe chimagwiritsidwa ntchito pa mitu yonse, zolemba za thupi, mabatani, kuyenda, maulalo, ndi zolemba za makadi. Geometric sans serif yapadera imapatsa Column kalembedwe kosiyana, komwe kamasiyanitsa ndi makampani ena a fintech omwe amagwira ntchito ndi Inter-only. Kulemera kwake ndi 600 pa 52–60px pa mitu, 500 pa mitu yaying'ono, 400 pa zolemba za thupi, ndi 300 pa maulalo osagogomezera kwambiri.
- SuisseIntlMono — cholowa m'malo: JetBrains Mono · mndandanda 400 · Fonti yokhala ndi malo amodzi yofanana ndi SuisseIntl, yomwe imagwiritsidwa ntchito pa zilembo zaukadaulo, zozindikiritsa API, ndi deta yolumikizidwa muzinthu za UI. Imasunga kuchuluka kofanana ndi SuisseIntl, kotero zolemba zokhala ndi malo amodzi ndi zofanana zimagwirizana bwino m'malo osiyanasiyana.
- SFMono — cholowa m'malo: Fira Code · mndandanda 400 · Chiwonetsero cha chidule cha ma code - chowonetsedwa mu zitsanzo za JSON ndi ma API documentation blocks. Mtundu wa seafoam umagwiritsidwa ntchito kusiyanitsa ma code ndi ma UI text.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 8px |
| Utali wa batani | 8px |
| Utali wa khadi | 8px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 72px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Column ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- dope.security — Malo oimikapo magalimoto pakati pausiku okhala ndi ma beacons ofiirira
- Leonardo — Malo owonetsera nkhani osinthidwa. Nyumba yosungiramo zinthu zakale yokhala ndi makoma akuda komwe mitu ya nkhani zofiirira imakhala ngati makoma, ndipo zithunzi zopangidwa ndi AI zimapachikidwa pa gridi yolimba pansipa.
- VEED — Khoma loyera la gallery lokhala ndi mabatani a neon green light
- Craft Docs — Kolaji ya digito yojambulira zithunzi. Kapangidwe kake kamafanana ndi buku lojambula zithunzi loganiza bwino, komwe zolemba za digito zimasakanikirana ndi mawonekedwe ofewa komanso achilengedwe.
- Letter — Malo owonetsera zinthu zakale omwe ali ndi zinthu zakale zowala kuchokera ku malo osungiramo zinthu zakale. Malo owonetsera zinthu zakale okhala ndi makoma akuda komwe mitu ya nkhani zooneka bwino imayandama pamwamba pa ziboliboli za chrome zomwe zili pamakoma opaka utoto a malo owonetsera zinthu zakale.
- Railway — Cosmic Midnight Express. Ulendo wodekha komanso wosangalatsa kudutsa mumlengalenga wamdima, wowala ndi nyenyezi, wotsogozedwa ndi zizindikiro zomveka bwino.
- Garden Eight — Nkhani yochititsa chidwi kwambiri pa pepala lofiirira. Mutu wa serif wa 215px uli wokha pa chikopa chofunda, chozunguliridwa ndi ziboliboli zoyandama ndi malo oipa omwe amakumbutsa mpweya wa m'nyanja—tsambali limamveka ngati chikuto cha zojambula osati ngati dashboard.
- Steep — Kusanthula kwa Mafonti a Serif pa Pepala Lofunda
- ElevenLabs — Nkhani yojambulidwa ndi utoto wofunda wa kirimu wokhala ndi mitu yofewa. Buku lolemberamo zinthu la Bauhaus—pepala lokhala ndi chipolopolo cha dzira, inki yakuda, ndi mawu amodzi ofiirira ndi alanje owonetsera zinthu.
- Awesomic — Utoto wa zinki wokhala ndi zizindikiro za lalanje zokumbutsa za confetti
- Monad — magazini yaukadaulo yokhudza chikopa chofunda
- AI for Business — Chiwonetsero cha nkhani zankhanza zokhala ndi mitundu yofewa ya imvi