Subframe
Umzobo okwiphepha elifudumeleyo. Iphepha loyilo, apho yonke into ebhaliweyo inokuba yigrafiti okanye irabha, alize lipeyinte—ubunzulu bufumaneka ngobuninzi bomgca kunye nee-serifs ezincinci.
I-Subframe yindawo yokusebenza yomyili we-monochrome: i-canvas efudumeleyo, ekhrimu, i-inki emnyama-yegrafiti, kunye nokungabikho ngokupheleleyo kwe-chromatic accents. Lonke ujongano lubonwa njengento enye—iphepha, ipensile, kunye nesithunzi—ngokuchukumisa okukodwa okunesibindi: i-serif ecocekileyo (i-Instrument Serif) esekwe ngokuchasene ne-systematic sans-serif (Inter), enika ubunzima bokuhlela kwiindaba. Imiphezulu ithe tyaba kwaye ifreyimu endaweni yokuphakama; ubunzulu bufezekiswa ngezahluli ezincinci kwi-#e5e7eb kunye neempawu ezingaphakathi kulawulo olumnyama endaweni yezithunzi. Ubuninzi bukhulu: isingqisho esibanzi esithe nkqo (48–64px yezithuba phakathi kwamacandelo), ulwakhiwo oluphakathi, olubanzi olupheleleyo, kunye nesithuba esimhlophe esikhulu esijikeleze umbhalo. Umbala kuphela ngumahluko phakathi komhlophe okufutshane nomnyama okufutshane, okwenza iqhosha elimnyama libe lelona libalaseleyo kwiphepha ngalinye, kwaye umgca weelogo zophawu lomlingani kwiithoni ezingwevu yinto ekuphela kwayo ebonakalayo yokuhombisa.
Uyilo olupheleleyo oluphakathi nendawo (1200px) olune-rhythm ethe nkqo. Into ephambili yibhloko enye, ephakathi nendawo: ulawulo olumnyama, oluneziqendu phezulu, isihloko esikhulu esithi "Inter", isihloko esincinci somgca omnye, kunye namaqhosha amabini akufutshane (azaliswe + akhanyayo)—akukho mfanekiso osecaleni, akukho kuhlukana kwesakhiwo. Ngaphantsi kwento ephambili kukho umgca welogo ongwevu ophakathi nendawo. Icandelo ngalinye elilandelayo lilandela ipateni efanayo: isihloko esihambelana ngasekhohlo kunye nebhloko yesihlokwana, emva koko isakhelo sokubonisa imveliso esibanzi esine-48–64px yesithuba se-gutter phakathi kwamacandelo. Ukuhambahamba kuncinci: ibha ephezulu eneziqhagamshelo eziphakathi nendawo kunye nezenzo ezihambelana ngasekunene, akukho sidebar, akukho menu enkulu. Iphepha lifunda ukusuka phezulu ukuya ezantsi njengoluhlu lweengxelo eziphakathi nendawo, indawo nganye enikiweyo yanele—uyilo luvakala ngathi yipotifoliyo yokuhlela kunephepha lemveliso elixakekileyo.
Uyilo olubonakalayo luncinci kwaye luyasebenza. Le nkqubo isebenzisa iindlela ezimbini ezibonakalayo: (1) imifanekiso yesikrini yemveliso efakwe kwifreyimu kunye neemodeli ze-UI ezifakwe kwizakhelo ze-24px-radius—zibonisa izinto zojongano (iitafile, amaqhosha, iifom) ezivezwe kwi-palette efanayo ye-monochrome, okwenza imifanekiso yesikrini ibonakale idityaniswe kakuhle kwiphepha; (2) umgca omnye weelogo zeqabane elingwevu usebenza njengobungqina bentlalo, zenziwe zithe tyaba, zingenambala okanye izikhongozeli. Akukho zithombe zendlela yokuphila, iigradients ezingabonakaliyo, okanye imifanekiso ye-3D. Into ekuphela kwayo ebonakalisayo yi-"tile" yemveliso emnyama, egxile kwimvelaphi efudumeleyo engwevu enophawu lophawu—ibonwa njengomboniso wemveliso, kungekhona umhombiso. Yonke imifanekiso ithatha uyilo olusekelwe kumbhalo, apho ubunzima bombono buthwalwa ngumbhalo.
Iphalethi
Ukungathathi cala
- Page Canvas
#fafafa— Imvelaphi yephepha, ikhadi leposi elikwi-canvas, umbhalo okhanyayo kwiindawo ezimnyama - umbala omhlophe ofudumeleyo osisiseko senkqubo yonke ye-monochrome. - Hairline Border
#e5e7eb— Izihluli, imida yamakhadi, iifreyimu zomfanekiso, imigca ye icon - uhlobo olusetyenziswa rhoqo lwemida kwinkqubo, luchaza ulwakhiwo lwesithuba. - Card Surface
#ededed— Imvelaphi ephakanyisiweyo yamakhadi, umphezulu owongezelelweyo - ibekwe inyathelo elinye ngaphezulu kwe-canvas, idala iqela elingenazithunzi. - Divider Mid
#dadada— Abahluli beMidtone kunye notshintsho phakathi kwamacandelo - Graphite
#242424— Ukuzaliswa okungathathi cala okuphezulu okunemilinganiselo ephezulu kumaqhosha aphambili kwiindawo ezikhanyayo. - Ink Black
#171717— Umbhalo womzimba, izihloko, imida yeempawu - ipholile kancinci kuneGraphite, isetyenziselwa ukubhala kunokubhala ngaphezulu.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-128px · amanyathelo asi-7
- Inter — ukutshintshwa: Inter (Google Fonts) · imida 500, 600, 700 · Ujongano lwenkqubo ye-sans-serif—ukuhambahamba, umbhalo womzimba, amaqhosha, izihloko ezincinci, kunye nezihloko zamacandelo. Ubunzima: 500 kumbhalo womzimba kunye nolawulo, 600 kumanqaku amancinci kunye neempawu zokuzulazula, kunye 700 kumanqaku amacandelo. Ukwahlulahlula oonobumba abangalunganga kucinezela iimilo zejiyometri kuyo nayiphi na isayizi, kunika ujongano imbonakalo efinyeziweyo neyobuchwephesha.
- Instrument Serif — ukutshintshwa: Playfair Display · imida 400 · Uhlobo lwe-serif oluyilelwe ngokukodwa izihloko zeendaba kunye nomxholo wokuhlela. Ubunzima bayo obuyi-400 kunye nomgama weeleta -0.025em zenza inkangeleko entle, ebhalwe ngoonobumba abangqindilili ephikisana ne-industrial geometry ye-Inter—indlela yotyikityo: igama elinye le-serif okanye ibinzana kwiphepha le-sans-serif, elisebenza njengophawu lokubhala olubonakalayo endaweni yesimbo sesihloko.
- Fragment Mono — ukutshintshwa: JetBrains Mono · imida 400 · I-Accent mono yezinto ezifana nekhowudi emgceni, iilebhile zethegi, kunye nee-callout zobugcisa. Isetyenziswa kancinci, ibonakala kuluhlu lwezinto ezifunekayo kunye nee-annotation ezimgceni apho isixhobo soyilo sifuna ukubonisa "oku kukuphuma komatshini."
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 16px |
| Irediyasi yekhadi | 24px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 64px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Subframe ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- monopo saigon — Ukukhanya okukhanyayo okumanzi, okukhanyayo emva kokuthula komhleli—igalari yokuhlela enombala omnye idada ekukhanyeni okunyibilikisiweyo
- Hyer Aviation — Ukuhlwa kwentolongo phezu kwephepha. Isibhakabhaka esikhanyayo sokusa sidibana nelogo ye-serif enobukhulu be-fuselage, kwaye isandi esinye sodongwe esifudumeleyo siyaphula i-monochrome.
- OFF+BRAND. — Isphere esikhanyayo kwi-parchment efudumeleyo
- Seed — isidalwa esiphilayo phantsi kweglasi yelebhu
- Eindhoven Design District — Ubundlobongela bokuhlela obukwiphepha elimhlophe yimanifesto yoyilo lwedolophu, eyenziwa ngoonobumba abakhulu, ngaphandle kokuthatha imifanekiso emininzi kunye nokuzibamba ngokupheleleyo.
- Miranda — Uhlobo olubanzi lweklasikhi olukwimvelaphi ekhaphukhaphu—uhlelo lwephephandaba lwale mihla yedijithali
- Monocle — Iphephandaba elikumgangatho ophezulu nelibanzi elikwiphepha elinombala okhrimu. Iphepha lomhleli elicwangciswe ngononophelo, apho ikholamu nganye ifanele indawo yayo, kwaye kukho umbala omnye onentsingiselo obonakala kwiphepha.
- Agencja brandingowa — Igalari yokuhlela enemibala emhlophe enemibala eyenziwe ngoyinki omnyama
- Websmith Studio — Ukukhanya kwasekuseni kwiphepha lekhrimu
- Aspelin Reitan — I-Archive yoLwakhiwo yiCandlelight - Eli phepha lijongeka njengepotifoliyo yeendawo ezakhiweyo, ezibotshelelwe eludongeni olufudumeleyo olunekhrimu, kunye nomgca omnye wombhalo omhlophe odada phezu komfanekiso ngamnye kububanzi obupheleleyo bephepha.
- Public — Umhleli we-monochrome kwi-cold marble—phantse ibe yi-monochrome canvas, enefonti ye-serif enamachaphaza angama-300 kunye ne-accent enye emfusa eyenza yonke imisebenzi yombala.
- Motto — I-monolith yokubhala ephepheni – ilizwi elinye, elizithembileyo elizivakalisa ephepheni elimhlophe njengekhephu