Column
bhuku rebhuruu rakasviba pasi pemambakwedza anotonhorera
Column inoshandisa bhuruu rakadzika, rine ruvara rwebhuruu rakadzika pamashure machena: peji rinoita sepamusoro pechigadzirwa chebhangi chakasimba kutanga uye panzvimbo yekutamba yevagadziri vemapurojekiti. Ruvara rwechiratidzo harusi rumwe chete, asi ruviri rwakabatana—bhuruu rebhuruu regungwa #111a4a rechimiro chakakomba, girini remint #44b48b redata nekodhi—neorenji imwe chete inodziya (#ec652b) yakachengeterwa nzvimbo dzine huremu hwakanyanya seBrex card. Matapirwo acho anotongwa neSuisseIntl, geometric sans serif inoshandiswa pahuremu hwese kubva pa300 (links) kusvika 600 (display), zvichipa sisitimu maitiro akagadziriswa, ekunyora ayo makambani mazhinji efintech asina. Makadhi anoyangarara pamusoro penzvimbo hombe chena dzine mimvuri midiki, yakatsetseka; zvinhu zvakawanda zveinterface zvakati sandara, nekudzika kuchionekwa chete apo kadhi rinofanira kunzwa sechinhu chaicho (mawijeti ekutengeserana, mockups dzechigadzirwa). Kodhi nedata rezvemari zvinoratidzwa mumonochrome, ruvara rweseafoam—chiratidzo chinoonekwa chekuti iyi ibhangi rakavakwa nemainjiniya einjiniya.
Chimiro chepeji chakafara chose, chakatarisana nepakati nepakati nepamativi akafara (64–15 cm padesktop). Chidzitiro chikuru chine marongerwo akapatsanurwa: musoro wenyaya uye kudana kuzviito zvakarongwa kuruboshwe pa25 cm, ukuwo widget yekutengeserana inoyangarara iri kurudyi pa55 cm ichipesana nemepu yehalftone. Pasi pechidzitiro chikuru, zvikamu zvinochinjana pakati pechena (4 cm) necanvas yakareruka (5 cm) ine magutter akamira akareba 6 cm. Zviri mukati zvakarongwa zvichienderana negrid imwe chete ine makoramu matanhatu: mabhuroko ezvinyorwa anogara mumakoramu mana (7 cm), makadhi emifananidzo/zvigadzirwa anogara mumakoramu mashanu kusvika matanhatu, nekubvisa marongerwo kubva pagrid. Zvikamu zvinotsanangura maficha zvinoshandisa marongerwo emakoramu maviri: rugwaro kuruboshwe, chigadzirwa kurudyi. Chikamu chenhamba dzekuvimba chakakamurwa kuita grid ine makoramu mana muupamhi hwese hwepeji. Ma logo evatengi ari mumutsara mumwe chete une magutter e48px. Chidzitiro chine marongerwo emakoramu maviri akamanikana. Nzira yekufambisa iri pamusoro pechidzitiro chikuru ine bhawa rakapfava, rine urefu hwemapikseli 62, uye rinoonekera, rine kumashure kusina kujeka kunochinja kuita chena paunenge uchisvhura. Hapana sidebar kana mega-menu—madropdowns ari nyore kushandisa mamenyu emhando yemiseve.
Maitiro ekuona haana kunyanya kushanda uye anoshanda—Koramu haibvumiri zvachose kutora mifananidzo yemasheya. Mutauro wekuona wakavakirwa pamashoko matatu: (1) Mifananidzo yedata reSVG, kunyanya mepu yepasi rose ine madotsi, yakavezwa ne gradient kubva ku indigo kuenda ku orenji kuenda ku turquoise, zvichigadzira mamiriro epasi rose ari kumashure kwechinhu chikuru; (2) marongero emakadhi echigadzirwa—ma widget anoyangarara anoratidza mabalance eakaundi, ruzivo rwekutamisa, uye zvidimbu zve JSON code mumakadhi machena ane mimvuri inoyevedza; (3) mifananidzo yemachati—machati emwenje we turquoise kana mabar ane mitsetse mitete yekubatanidza inoshandiswa muchikamu che trust/statistics. Mepu ye halftone chinhu chinoonekwa—gradient yayo inoshanduka kubva ku #d65620 (orenji) kusvika ku violet, bhuruu, azure, turquoise, uye yero, ichigadzira spectrum inobatanidza palette yese yebrand pane imwe nzvimbo yekushongedza. Ma icon ane ukobvu hwakafanana hwe1.5–2px mu #232730 kana #a9acb6 variants, ine kuzadzwa kwemamiriro anoshanda. Hapana mapikicha emararamiro, hapana mifananidzo ye3D isina kujeka—kudzora uku ndekwekuda kutarisisa chigadzirwa nedata.
Palette
Rudzi
- Indigo Navy
#111a4a— Ruvara rwekutanga rwechiratidzo runoshandiswa pakunyora zvinhu zvine chekuita nechiito, mamiriro ekufamba-famba, musoro, uye logo. Ruvara rwakadzama rwebhuruu-ruvara rwebhuruu runopa saiti ruvara rutema rwakasimba asi rwakapfuma; pamwe chete nemavara machena, zvinogadzira bhatani rinonyatsosimba pane saiti. - Seafoam 600
#44b48b— Ruvara rwekodhi nedata irwo ruvara rwechiratidzo cheJSON keys, identifiers, uye zvemari muzvidimbu zvekodhi. Inoshandiswawo padata points mumachati uye kukura kwemifananidzo. - Seafoam 700
#167e6c— Mumvuri wakasviba we seafoam wemufananidzo, mitsara yemachati, uye zviratidzo zvema icon mukati medata. Izvi zvinosimbisa chiyero che seafoam pamashure matema. - Seafoam 400
#94efb7— Chidimbu chekodhi chakasimbiswa chine tambo, maURL, uye maAPI endpoints mukati memabhuroko ekodhi. Ruvara rweseafoam rwakareruka runoverengwa sefonti ine nzvimbo imwe chete ine ruvara rwegirini. - Deep Sea
#023247— Ruvara rwekushongedza uye ruvara rwekushongedza rwechati iruvara rweturquoise rwakapfuma rwunoshandiswa mumifananidzo yeSVG uye mifananidzo yedata, pamwe chete nehukuru hwemavara egungwa.
Kwakarerekera
- Midnight Ink
#011821— Ruvara rwakasviba uye rugwaro rwakaratidzwa - kumashure kwekadhi rechigadzirwa, rugwaro rukuru rwakasiyana zvikuru. Ruvara rwacho rwakafanana neruvara rwebhuruu-girini; runoshandiswa sehwaro hwemhando yerima kana chikamu chichifanira kudzoserwa kumashure. - Slate Ink
#3b3e47— Musoro wechipiri nechinyorwa chikuru zvinodziya zvishoma pane Midnight Ink, zvinoshandiswa apo dema chairo rinoratidzika kunge rakaomarara pajira rakareruka. - Steel
#7c7f88— Rugwaro rukuru nerunyorwa rwekubatanidza zvinodzorwa neruvara rwakadzima (rwakashandiswa ka245 murugwaro rukuru). Ruvara rwegrey-blue rwakadzikama rwunoonekwa serwakadzikama, harumbofi rwakabviswa mufananidzo. - Fog
#a9acb6— Marongerwo ezviratidzo, miganhu yechitatu, uye rugwaro rwechibatiso. Ruvara rwegirini rwepakati runoparadzanisa rugwaro pasina kukwikwidzana narwo. - Mist
#cbcccf— Rugwaro rukuru—masaini, zvirambidzo, uye mabhii madiki—zvinoverengwa zviri pachena pamucheto muchena, asi zvisingaonekwe zvakanyanya. - Silver Lining
#e3e4e8— Miganhu yemakadhi, miganhu yemumunda wekupinda, mitsetse inokamura. Ruvara urwu rwechimiro, rusinganzwisisike runoshandiswa apo nzvimbo mbiri dzinofanira kupatsanurwa pasina mimvuri.
Kunyora
kubva pa10 kusvika 60px · nhanho gumi
- SuisseIntl — kutsiva: Inter · marongero 300, 400, 500, 600 · Fonti huru - inoshandiswa pamisoro yese, rugwaro rwemuviri, mabhatani, kufamba, malink, uye magwaro emakadhi. Geometric sans serif yakasiyana inopa Column maitiro akasiyana ekunyora, ichiisiyanisa nemamwe makambani eFintech anoshanda neInter-only chete. Huremu hwayo i600 pa52–60px yemisoro, 500 yemisoro midiki, 400 yerugwaro rwemuviri, uye 300 yekubatanidza kushoma.
- SuisseIntlMono — kutsiva: JetBrains Mono · marongero 400 · Fonti ine nzvimbo imwe chete yakafanana neSuisseIntl, inoshandiswa pakunyora mazita ehunyanzvi, maAPI identifiers, uye data rakaiswa muUI elements. Inochengetedza huwandu hwakafanana neSuisseIntl, saka rugwaro rwakaiswa nzvimbo imwe chete uye rwakaenzana zvinoenderana zvakanaka mumamiriro akasiyana.
- SFMono — kutsiva: Fira Code · marongero 400 · Kuratidzwa kwechidimbu chekodhi - kunoratidzwa mumienzaniso yeJSON uye mabhuroko emagwaro eAPI. Ruvara rwegungwa runoshandiswa kusiyanisa kodhi neUI text nemaziso.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 8px |
| Nharaunda yekadhi | 8px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 72px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Column uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- dope.security — Chiteshi chepakati pehusiku chine mabhekoni epepuru
- Leonardo — Garari rekunyora rakagadziriswa. Musiyamu ine madziro matema uko misoro yepepuru inoshanda sekuisa madziro, uye mifananidzo yakagadzirwa neAI yakaturikwa pagridi yakakora pazasi.
- VEED — Madziro machena egalari ane mabhatani emwenje yegirini ye neon
- Craft Docs — Kolaji yedhijitari yekugadzira scrapbook. Dhizaini yacho yakafanana nebhuku rekunyora rakagadzirwa nepfungwa, rinobata, uko manotsi edhijitari akagadzirwa pamwe chete nemagadzirirwo akapfava, eorganic.
- Letter — Garari rakavanzika rine zvinhu zvinopenya kubva mudura. Nzvimbo yekuratidzwa ine madziro matema uko misoro yemifananidzo yakapfava inoyangarara pamusoro pezvifananidzo zvechrome pamadziro ane mavara egarari.
- Railway — Cosmic Midnight Express. Rwendo rwakadzikama, runonakidza kuburikidza nenzvimbo ine rima, ine nyeredzi, ichitungamirirwa nezviratidzo zvakajeka.
- Garden Eight — Nyaya huru yekunyora iri papepa rine ruvara rwekirimu. Musoro wenyaya we215px serif uri wega paganda rinodziya, wakakomberedzwa nemifananidzo inoyangarara uye nzvimbo isina kunaka inoyeuchidza mhepo yegungwa—peji racho rinoita sekavha yemifananidzo yeunyanzvi kupfuura dashboard.
- Steep — Kuongororwa kweSerif Fonts paWarm Paper
- ElevenLabs — Rondedzero yemifananidzo ine mavara anodziya ane misoro midiki. Bhuku rekunyorera rakagadzirwa seBauhaus—pepa rine ruvara rwegoko remazai, inki nhema, uye ruvara rwepepuru neorenji chete rwekuratidzwa kwechigadzirwa.
- Awesomic — Mesh ye zinc ine zviratidzo zveorenji zvinoyeuchidza nezve confetti
- Monad — magazini yehunyanzvi yekunyora pamusoro peganda rinodziya
- AI for Business — Nzvimbo yekuratidzwa kwevanyori vane hutsinye nemavara anodziya egrey