Column
littafin rubutu mai launin shuɗi mai duhu a ƙarƙashin sanyin alfijir
Shafin yana amfani da shuɗi mai zurfi, mai launin ruwan kasa mai launin ruwan kasa a bango mai kusan fari: shafin yana jin kamar saman kayan banki mai ƙarfi da farko sannan filin wasa na masu haɓakawa na biyu. Launin alamar ba ɗaya bane, amma haɗin gwiwa ne - shuɗi mai launin ruwan kasa #111a4a don tsari mai mahimmanci, kore mai launin mint #44b48b don bayanai da lambar - tare da launin ruwan lemu mai ɗumi ɗaya (#ec652b) wanda aka tanada don saman lafazi mai ƙarfi kamar katin Brex. Rubutun yana mamaye SuisseIntl, wani tsari mai siffar geometric ba tare da serif da ake amfani da shi a duk faɗin nauyin daga 300 (hanyoyi) zuwa 600 (nuni), yana ba tsarin salon gyarawa, wanda yawancin kamfanonin fintech ba su da shi. Katunan suna shawagi a kan manyan saman fari tare da inuwa mai laushi; yawancin abubuwan da ke cikin hanyar sadarwa suna da faɗi, tare da zurfin da ke bayyana kawai inda katin ya kamata ya ji kamar abu na zahiri (na'urorin haɗi na ma'amala, ƙirar samfura). An gabatar da lambar da bayanan kuɗi a cikin launuka masu launin ruwan teku, masu launin kumfa - siginar gani cewa wannan banki ne da injiniyoyi suka gina don injiniyoyi.
Tsarin shafin yana da faɗi cikakke, a tsakiya tare da faffadan gefen gefe (64-15 cm akan tebur). Babban allon tsari ne na raba: kanun labarai da kiran aiki an daidaita su a hagu a 25 cm, yayin da na'urar ma'amala mai iyo tana tsaye a dama a 55 cm a kan bangon taswirar rabin sautin. A ƙarƙashin babban allon, sassan suna canzawa tsakanin fari (4 cm) da zane mai haske (5 cm) tare da magudanar ruwa mai tsayi cm 6. An shirya abun ciki bisa ga grid guda ɗaya mai ginshiƙi 6: tubalan rubutu suna mamaye ginshiƙai 4 (7 cm), katunan hoto/samfura suna mamaye ginshiƙai 5-6, tare da yankewa da gangan daga grid. Sassan da ke bayyana fasaloli suna amfani da tsarin ginshiƙi 2: rubutu a hagu, samfur a dama. Sashen ƙididdigar aminci an raba shi zuwa grid mai ginshiƙi 4 a fadin cikakken faɗin shafin. Tambarin abokin ciniki suna cikin layi ɗaya na tsakiya tare da magudanar ruwa 48px. Ƙafar ƙasa tana da ƙaramin tsari mai ginshiƙi biyu. Kewaya shafin yana da sandar saman da aka gyara, tsayinta 62px, mai haske a saman babban allon tare da bango mara haske wanda ke shuɗewa zuwa fari yayin da kake gungurawa. Babu gefen gefe ko babban menu—jerin abubuwan da aka sauke sune menus masu sauƙi na salon kibiya.
Salon gani yana da ƙarancin aiki kuma yana aiki sosai—Shafi yana guje wa ɗaukar hoto gaba ɗaya. Harshen gani an gina shi ne akan tushe guda uku: (1) Zane-zanen bayanai na SVG, musamman taswirar duniya mai dige-dige, wanda aka yi shi da gradient daga indigo zuwa orange zuwa turquoise, yana ƙirƙirar yanayi na duniya a bayan babban abu; (2) shimfidu na katin samfura—widgets masu iyo suna nuna ma'aunin asusu, bayanan canja wuri, da snippets na lambar JSON a cikin fararen katunan tare da inuwa mai ban mamaki; (3) zane-zane na ginshiƙi—alkulan turquoise ko ginshiƙi na sandar tare da layukan haɗi masu siriri da ake amfani da su a cikin sashin aminci/ƙididdiga. Taswirar rabin sautin siffa ce ta gani—canjin gradient daga #d65620 (orange) ta hanyar shuɗi, shuɗi, azure, turquoise, da rawaya, yana ƙirƙirar bakan da ke haɗa dukkan palet ɗin alama akan saman ado ɗaya. Gumakan suna da kauri iri ɗaya na 1.5–2px a cikin bambance-bambancen #232730 ko #a9acb6, tare da cikewar yanayin aiki. Babu hotunan salon rayuwa, babu hotunan 3D masu ban mamaki - an yi hakan ne da niyyar mayar da hankali kan samfurin da bayanai.
Palette
Alamar kasuwanci
- Indigo Navy
#111a4a— Ana amfani da babban launin alamar don cike kiran aiki, yanayin kewayawa mai aiki, kanun labarai, da tambarin. Launin shuɗi mai launin shuɗi mai haske yana ba shafin launi mai ƙarfi amma mai wadata; tare da farin rubutu, yana ƙirƙirar maɓallin da ya fi ƙarfi a shafin. - Seafoam 600
#44b48b— Launin lamba da bayanai shine launin alamar da ke nuna maɓallan JSON, abubuwan ganowa, da ƙimar kuɗi a cikin ƙananan lambobi. Hakanan ana amfani da shi don wuraren bayanai a cikin jadawali da hotunan ci gaba. - Seafoam 700
#167e6c— Inuwar kumfa mai duhu don zane, layukan jadawali, da kuma alamomin alama a cikin mahallin bayanai. Wannan yana daidaita ma'aunin kumfa mai duhu a kan bango mai duhu. - Seafoam 400
#94efb7— Guntun lambar da aka haskaka ya ƙunshi ƙimar igiya, URLs, da maki na ƙarshe na API a cikin tubalan lambar. Launin kumfa na teku mafi sauƙi yana karantawa azaman font mai sarari ɗaya tare da launin kore. - Deep Sea
#023247— Tsarin ado da launin lafazi na jadawalin launi ne mai kyau da ake amfani da shi a cikin zane-zanen SVG da kuma bayanan da aka nuna, tare da sikelin launin kumfa na teku.
Tsaka-tsaki
- Midnight Ink
#011821— Duhun saman da rubutu mai haske - asalin katin samfurin, babban rubutu mai bambanci sosai. Kusa da launin toka mai launin shuɗi-kore mai sanyi; ana amfani da shi azaman tushe don yanayin duhu lokacin da ake buƙatar juyawa wani sashe. - Slate Ink
#3b3e47— Taken sakandare da babban rubutun sun ɗan yi zafi fiye da Midnight Ink, wanda ake amfani da shi inda baƙi zai yi kama da mai tsauri a kan zane mai haske. - Steel
#7c7f88— Babban rubutu da rubutun mahaɗin suna da launin da ba a iya gani ba (an yi amfani da shi sau 245 a cikin babban rubutun). Launi mai launin toka-shuɗi mai tsaka-tsaki wanda ake ɗauka a matsayin natsuwa, ba a taɓa wanke shi ba. - Fog
#a9acb6— Tsarin siffofi, iyakokin manyan wurare, da kuma rubutun mai riƙe wuri. Launi mai matsakaicin launin toka wanda ke raba rubutun ba tare da yin gogayya da shi ba. - Mist
#cbcccf— Babban rubutun—sa hannu, bayanin da aka bayar, da ƙananan rubuce-rubuce—yana da sauƙin karantawa a kan farin bango, amma ba a iya gani sosai. - Silver Lining
#e3e4e8— Iyakokin kati, iyakokin filin shigarwa, layukan rabawa. Ana amfani da wannan launi mai tsari da laushi inda ake buƙatar raba saman biyu ba tare da inuwa ba.
Rubutu
daga 10 zuwa 60px · Matakai 10
- SuisseIntl — maye gurbin: Inter · zane-zane 300, 400, 500, 600 · Babban rubutu - ana amfani da shi don duk kanun labarai, rubutun jiki, maɓallai, kewayawa, hanyoyin haɗi, da rubutun kati. Tsarin rubutu na musamman na sans serif yana ba wa Column salon edita na musamman, yana bambanta shi da sauran kamfanonin fintech waɗanda ke aiki kawai tare da Inter-only. Nauyin shine 600 a 52–60px don kanun labarai, 500 don ƙananan kanun labarai, 400 don rubutun jiki, da kuma 300 don hanyoyin haɗin da ba a ba da fifiko ba.
- SuisseIntlMono — maye gurbin: JetBrains Mono · zane-zane 400 · Font mai sarari ɗaya kamar SuisseIntl, wanda ake amfani da shi don lakabin fasaha, gano API, da bayanai da aka saka a cikin abubuwan UI. Yana riƙe da daidaito iri ɗaya da SuisseIntl, don haka rubutu mai sarari ɗaya da daidaito daidai yake a cikin mahallin gauraye.
- SFMono — maye gurbin: Fira Code · zane-zane 400 · Nunin ɗan gajeren lamba - an nuna shi a cikin misalan JSON da tubalan takaddun API. Ana amfani da inuwar kumfa ta teku don bambance lambar da rubutu na UI.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 8px |
| Maɓallin radius | 8px |
| Radius na kati | 8px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 72px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Column kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- dope.security — Tashar tsakiyar dare mai fitilun shunayya
- Leonardo — Gidan adana kayan tarihi mai juyi. Gidan tarihi mai bangon baƙi inda kanun labarai masu launin shunayya ke aiki azaman ginshiƙai na bango, da hotunan da aka samar ta hanyar fasahar AI suna rataye a cikin wani yanki mai yawa a ƙasa.
- VEED — Bangon gidan tarihi mai farin haske tare da maɓallan haske kore na neon
- Craft Docs — Tsarin zane na dijital don yin rubutun scrapbooking. Tsarin yana kama da littafin rubutu mai tunani da taɓawa, inda aka haɗa bayanan dijital da laushi da na halitta.
- Letter — Gidan adana kayan tarihi mai zaman kansa wanda ke ɗauke da kayan tarihi masu sheƙi daga wurin ajiya. Wurin baje kolin baƙaƙe inda kanun labarai masu ɗauke da zane-zanen chrome ke shawagi a saman bangon da aka yi wa fenti a cikin gidan adana kayan tarihi.
- Railway — Tafiya mai cike da natsuwa da ban sha'awa ta cikin sararin samaniya mai duhu da hasken taurari, wanda aka jagoranta ta hanyar sigina masu haske.
- Garden Eight — Babban edita akan takarda mai launin kirim. Kanun labaran serif mai girman 215px yana zaune shi kaɗai a kan takardar ɗumi, kewaye da siffofi masu sassaka masu iyo da sararin samaniya mara kyau wanda ke kama da iskar teku - shafin yana jin kamar murfin wani zane mai zane fiye da allon dashboard.
- Steep — Binciken Fonts na Serif akan Takarda Mai Dumi
- ElevenLabs — Rubutun hoto a cikin launuka masu dumi masu laushi tare da kanun labarai masu sauƙi. Littafin rubutu irin na Bauhaus—takarda mai launin kwai, tawada baƙi, da kuma lafazin shunayya da lemu guda ɗaya don nuna samfur.
- Awesomic — Ramin zinc na edita tare da alamun rubutu na orange wanda ke tunatar da confetti
- Monad — Mujallar fasaha ta edita kan takardar rubutu mai dumi
- AI for Business — Ɗakin nunin edita mai ban tsoro cikin launuka masu launin toka mai ɗumi