Subframe
Umdwebo odwetshwe ephepheni elifudumele. Iphepha lomklami, lapho ukushaya ngakunye kuyi-graphite noma i-eraser, alilokothi lipende—ukujula kufinyelelwa ngokujiya komugqa kanye nama-serif amancane.
I-Subframe iyindawo yokusebenza yomklami we-monochrome: indwangu efudumele, ekhilimu, uyinki omnyama we-graphite, kanye nokungabikho ngokuphelele kwezimpawu ze-chromatic. I-interface yonke ibhekwa njengento eyodwa—iphepha, ipensela, kanye nesithunzi—ngokuthinta okukodwa okunesibindi kokuthayipha: i-serif ecwengekile (i-Instrument Serif) ebekwe ngokumelene ne-systematic sans-serif (Inter), enikeza amandla okuhlela ezihlokweni zezindaba. Izindawo ziyisicaba futhi zifakwe uhlaka kunokuba ziphakanyiswe; ukujula kufinyelelwa ngezihlukanisi ezincane ku-#e5e7eb kanye nokugqama kwezithombe ezingaphakathi kuzilawuli ezimnyama kunezithunzi. Ubuningi bukhulu: isigqi esibanzi esiqondile (ama-48–64px wezikhala phakathi kwezigaba), izakhiwo ezimaphakathi, ezibanzi, kanye nesikhala esimhlophe esikhulu esizungeze umbhalo. Umbala kuphela umehluko phakathi komhlophe oseduze nomnyama oseduze, okwenza inkinobho emnyama ibe yinto ehlaba umxhwele kakhulu ekhasini ngalinye, kanye nomugqa wamalogo omkhiqizo wabalingani ngamathoni ampunga kube yinto ewukuphela kwento ebonakalayo yokuhlobisa.
Izakhiwo ezibanzi, ezibanzi (1200px) ezinesigqi esikhulu esiqondile. Isici esiyinhloko ibhlokhi elilodwa, eliphakathi nendawo: ukulawula okumnyama, okuhlukaniswe phezulu, isihloko esikhulu esithi "Inter", isihloko esincane somugqa owodwa, kanye nezinkinobho ezimbili eziseduze (ezigcwele + ezikhanyayo)—akukho sithombe esiseceleni, akukho ukuhlukana kwesakhiwo. Ngaphansi kwesici esiyinhloko kukhona umugqa welogo ompunga ophakathi nendawo. Isigaba ngasinye esilandelayo silandela iphethini efanayo: isihloko esiqondene kwesobunxele kanye nebhlokhi yezihlokwana, bese kuba uhlaka lokubonisa umkhiqizo olubanzi olunesikhala esingu-48–64px phakathi kwezigaba. Ukuzulazula kuncane: ibha ephezulu enezixhumanisi eziphakathi nendawo kanye nezenzo eziqondene kwesokudla, akukho sidebar, akukho imenyu enkulu. Ikhasi lifunda kusukela phezulu kuya phansi njengochungechunge lwezitatimende eziphakathi nendawo, ngasinye sinikezwe isikhala esanele—isakhiwo sizwakala njengephothifoliyo yokuhlela kunekhasi lomkhiqizo elimatasa.
Umklamo obonakalayo uncane futhi uyasebenza. Uhlelo lusebenzisa izindlela ezimbili ezibonakalayo: (1) izithombe-skrini zomkhiqizo ezifakwe ozimele kanye nama-mockup e-UI afakwe ozimele be-24px-radius—abonisa izingxenye zangempela zesixhumi esibonakalayo (amatafula, izinkinobho, amafomu) ezivezwe ku-palette efanayo ye-monochrome, okwenza izithombe-skrini zibonakale zihlanganiswe kahle ekhasini; (2) umugqa owodwa wama-logo omlingani we-grayscale usebenza njengobufakazi bomphakathi, ovezwe uyisicaba, ngaphandle kombala noma izitsha. Azikho izithombe zendlela yokuphila, ama-gradients abstract, noma ama-render e-3D. Okuwukuphela kwento efanekisayo "itayela" lomkhiqizo omnyama, eligxile ngemuva elimpunga elifudumele elinesithonjana somkhiqizo—libhekwa njengomboniso womkhiqizo, hhayi umhlobiso. Zonke izithombe zithatha isakhiwo esisekelwe kumbhalo, lapho isisindo esibonakalayo sithwalwa khona umbhalo.
Iphalethi
Okungathathi hlangothi
- Page Canvas
#fafafa— Ingemuva lekhasi, ikhadi leposi elise-canvas, umbhalo okhanyayo ezindaweni ezimnyama - umbala omhlophe ofudumele oyisisekelo sohlelo lonke lwe-monochrome. - Hairline Border
#e5e7eb— Izihlukanisi, imingcele yamakhadi, ozimele bezithombe, uhlaka lwezithonjana - uhlobo oluvame ukusetshenziswa kakhulu lohlaka ohlelweni, luchaza isakhiwo sendawo. - Card Surface
#ededed— Ingemuva eliphakanyisiwe lamakhadi, indawo eyengeziwe - itholakala ngesinyathelo esisodwa ngaphezu kwendwangu, okudala ukuqoqwa okungenazithunzi. - Divider Mid
#dadada— Abahlukanisi be-midtone kanye nokushintsha phakathi kwezigaba - Graphite
#242424— Ukugcwalisa okungathathi hlangothi okugqamile kwezinkinobho eziyinhloko ezindaweni ezikhanyayo. - Ink Black
#171717— Umbhalo womzimba, izihloko, izinhlaka zesithonjana - kupholile kancane kuneGraphite, esetshenziselwa ukubhala kunokubhala ezindaweni.
Ukuthayipha
kusukela ku-12 kuya ku-128px · izinyathelo ezingu-7
- Inter — esikhundleni: Inter (Google Fonts) · izinhlaka 500, 600, 700 · Isixhumi esibonakalayo sesistimu ye-sans-serif—ukuzulazula, umbhalo womzimba, izinkinobho, izihlokwana, kanye nezihloko zezigaba. Isisindo: 500 sombhalo womzimba kanye nezilawuli, 600 wezihlokwana kanye nokugqamisa ukuzulazula, kanye no-700 wezihloko zezigaba. Isikhala sezinhlamvu esibi kakhulu sicindezela izimo zejometri kunoma yimuphi usayizi, sinikeza isixhumi ukubukeka okufingqiwe, kobuchwepheshe.
- Instrument Serif — esikhundleni: Playfair Display · izinhlaka 400 · Uhlobo lwe-serif oluklanyelwe izihloko zezindaba kanye nokuqukethwe kokuhlela kuphela. Isikhala sayo sezinhlamvu esingu-400 kanye nesisindo esingu--0.025em sakha ukubukeka okuhle nokulukiwe okungafani ne-geometry yezimboni ye-Inter—indlela yesiginesha: igama elilodwa le-serif noma umusho ngaphakathi kwekhasi le-sans-serif, elisebenza njengezimpawu zokubhala ezibonakalayo kunokuba isitayela sesihloko.
- Fragment Mono — esikhundleni: JetBrains Mono · izinhlaka 400 · I-Accent mono yezinto ezifana nekhodi emugqeni, amalebula amathegi, kanye nama-callout obuchwepheshe. Uma isetshenziswa kancane, ivela ohlwini lwemisebenzi kanye nezichasiselo ezimugqeni lapho ithuluzi lokuklama lifuna ukukhombisa ukuthi "lokhu kuphuma komshini."
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 16px |
| Irediyasi yekhadi | 24px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 64px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Subframe futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- monopo saigon — Ukukhanya okucwebezelayo okuwuketshezi ngemuva kokuthula kokuhlela—igalari yokuhlela enombala ofanayo intanta ekukhanyeni okuncibilikisiwe
- Hyer Aviation — Ukuhlwa e-cockpit phezu kwe-parchment. Isibhakabhaka esikhanyayo sokusa sihlangana nophawu lwe-serif olulingana ne-fuselage, kanye nophawu olulodwa olufudumele lobumba oluphula i-monochrome.
- OFF+BRAND. — Imbulunga ecwebezelayo ephepheni elifudumele
- Seed — isidalwa esiphilayo ngaphansi kwengilazi yelabhorethri
- Eindhoven Design District — Unya olubhalwe ephepheni elimhlophe luwumbhalo womklamo kamasipala, owenziwa ngombhalo omkhulu, onezithombe ezincane kanye nokuzibamba okuphelele.
- Miranda — Uhlobo lwefomethi ebanzi yakudala ngemuva kokhilimu olula—uhlelo lwephephandaba lwesikhathi sedijithali
- Monocle — Iphephandaba elisezingeni eliphezulu, elinefomethi ebanzi elisephepheni elinombala okhilimu. Uhlelo lokuhlela oluhlelwe ngokucophelela, lapho ikholomu ngayinye ifanelwe indawo yayo, futhi kuvela umbala owodwa kuphela onenjongo ekhasini.
- Agencja brandingowa — Igalari yokuhlela ngemibala emhlophe enombhalo owenziwe ngoyinki omnyama
- Websmith Studio — Ukukhanya kwasekuseni ephepheni elikhilimu
- Aspelin Reitan — Ingobo Yomlando Yezakhiwo Nge-Candlelight - Ikhasi libukeka njengephothifoliyo yezindawo ezakhiwe, ezinamathiselwe odongeni olufudumele olunokhilimu, nomugqa owodwa wombhalo omhlophe ontanta ngaphezu kwesithombe ngasinye kulo lonke ububanzi bekhasi.
- Public — Umhleli we-monochrome kumabula abandayo—cishe i-canvas ye-monochrome, enefonti ye-serif enamaphuzu angu-300 kanye nophawu olulodwa oluphuzi olwenza wonke umsebenzi wombala.
- Motto — I-monolith yokubhala ephepheni – izwi elilodwa, elizethembayo elizimemezela ephepheni elimhlophe njengeqhwa