Subframe
Zane mai zane a kan takardar da aka yi da ɗumi. Takardar zane, inda kowace bugu take ko dai graphite ko gogewa, ba ta taɓa yin fenti ba—zurfin yana samuwa ta hanyar kauri da ƙananan serifs.
Subframe wani wuri ne na mai zane mai launuka iri-iri: zane mai ɗumi, mai kauri, tawada mai launin graphite-baƙi, da kuma rashin cikakkiyar lafazi mai kama da chromatic. Ana ɗaukar dukkan haɗin a matsayin abu ɗaya—takarda, fensir, da inuwa—tare da taɓawa ɗaya mai ƙarfi: serif mai ladabi (Instrument Serif) wanda aka saita akan sans-serif mai tsari (Inter), wanda ke ba da nauyi ga kanun labarai. Fuskokin suna da faɗi kuma an tsara su maimakon ɗaga su; ana samun zurfin ta hanyar rabe-raben sirara a cikin #e5e7eb da haskakawa a cikin inset akan sarrafa duhu maimakon inuwa. Yawa yana da karimci: faffadan tsari na tsaye (48-64px na gibba tsakanin sassa), shimfidu masu tsakiya, cikakkun faɗi, da sarari mai karimci a kusa da rubutu. Launi ɗaya tilo shine bambanci tsakanin kusan fari da kusan baƙi, wanda ya sa maɓallin duhu ya zama mafi ban sha'awa a kowane shafi, kuma tsiri na tambarin alamar abokin tarayya a cikin launukan launin toka shine kawai abin gani na ado.
Tsarin tsakiya mai cikakken faɗi (1200px) tare da kyakkyawan tsari na tsaye. Babban abu shine tubali ɗaya, mai tsakiya: iko mai duhu, mai rarrabuwa a sama, babban kanun "Inter", ƙaramin kanun layi ɗaya, da maɓallai biyu da ke maƙwabtaka (cika + mai haske) - babu hoto na gefe, babu rabuwar tsari. A ƙasan babban abu akwai layin tambarin launin toka mai tsakiya. Kowane sashe na gaba yana bin tsari iri ɗaya: taken da aka daidaita hagu da ƙaramin kanun, sannan firam ɗin nunin samfur mai faɗi mai faɗi 48-64px na sararin gutter tsakanin sassan. Kewaya ba ta da yawa: sandar sama tare da hanyoyin haɗin tsakiya da ayyukan da aka daidaita dama, babu gefen gefe, babu babban menu. Shafin yana karantawa daga sama zuwa ƙasa azaman jerin maganganun tsakiya, kowannensu yana da isasshen sarari - tsarin yana jin kamar fayil ɗin edita fiye da shafin samfur mai aiki.
Tsarin gani yana da sauƙi kuma yana aiki. Tsarin yana amfani da yanayi biyu na gani: (1) hotunan kariyar kwamfuta na samfura da kuma samfuran UI da aka haɗa a cikin firam ɗin radius 24px—suna nuna ainihin abubuwan haɗin gwiwa (teburare, maɓallai, siffofi) da aka nuna a cikin palet ɗin monochrome iri ɗaya, yana sa hotunan kariyar kwamfuta su bayyana a cikin shafin ba tare da wata matsala ba; (2) yanki ɗaya na tambarin abokin tarayya mai launin toka yana aiki azaman shaida ta zamantakewa, an yi shi da lebur, ba tare da launi ko kwantena ba. Babu hotunan salon rayuwa, gradients masu kama-da-wane, ko zane-zanen 3D. Abin da kawai ke nuna hoto shine "tayal" na samfurin duhu, wanda aka mayar da hankali kan bango mai launin toka mai ɗumi tare da alamar alama - ana ɗaukarsa azaman nunin samfura, ba ado ba. Duk hotuna suna ɗauke da tsari na rubutu, inda rubutun ke ɗaukar nauyin gani.
Palette
Tsaka-tsaki
- Page Canvas
#fafafa— Bangon shafi, katin gaisuwa a kan zane, rubutun haske a kan saman duhu - launin fari mai ɗumi wanda ke ƙarƙashin tsarin monochrome gaba ɗaya. - Hairline Border
#e5e7eb— Masu rabawa, iyakokin kati, firam ɗin hoto, jadawalin gumaka - nau'in zane da aka fi amfani da shi a cikin tsarin, yana bayyana tsarin sarari. - Card Surface
#ededed— Bango mai ɗagawa don katunan, ƙarin saman - yana kan mataki ɗaya sama da zane, yana ƙirƙirar rukuni ba tare da inuwa ba. - Divider Mid
#dadada— Masu raba tsakiyar sauti da sauye-sauye tsakanin sassa - Graphite
#242424— Cike maɓallan farko masu bambanci sosai a saman haske. - Ink Black
#171717— Rubutun jiki, kanun labarai, zane-zanen gumaka - ya ɗan fi Graphite sanyi, ana amfani da shi don rubutu maimakon saman abubuwa.
Rubutu
daga 12 zuwa 128px · Matakai 7
- Inter — maye gurbin: Inter (Google Fonts) · zane-zane 500, 600, 700 · Tsarin sans-serif mai amfani da tsarin kewayawa—navigation, body text, maɓallai, subheadings, da sections kanun labarai. Nauyi: 500 don rubutun jiki da sarrafawa, 600 don ƙananan kanun labarai da lafazin kewayawa, da kuma 700 don sections kanun labarai. Ƙarfin tazara tsakanin haruffa mara kyau yana matse siffofi na geometric a kowane girma, yana ba da interface ɗin kamannin fasaha mai tsari.
- Instrument Serif — maye gurbin: Playfair Display · zane-zane 400 · An tsara nau'in rubutun serif ne kawai don kanun labarai da abubuwan edita. Nauyinsa na 400 da tazarar haruffa -0.025em yana ƙirƙirar kyakkyawan kamanni mai rubutun tatsuniya wanda ya bambanta da yanayin masana'antu na Inter - wata dabara ta musamman: kalma ɗaya ko jumlar serif a cikin shafin sans-serif, yana aiki azaman alamun rubutu na gani maimakon salon kanun labarai.
- Fragment Mono — maye gurbin: JetBrains Mono · zane-zane 400 · Nau'in Accent mono don abubuwan da ke kama da lambar layi, alamun alama, da kuma kiran fasaha. Idan aka yi amfani da shi kaɗan, yana bayyana a cikin jerin ayyuka da bayanan layi inda kayan aikin ƙira ke son nuna "wannan fitowar na'ura ce."
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 8px |
| Maɓallin radius | 16px |
| Radius na kati | 24px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 64px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Subframe 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
- monopo saigon — Haske mai ruwa da haske a bayan shirun edita—wani gidan tarihi na edita mai launuka iri-iri yana shawagi a kan hasken da ya narke
- Hyer Aviation — Faɗuwar rana a cikin ɗakin ajiye motoci a kan takardar takarda. Saman alfijir mai haske ya haɗu da tambarin serif mai girman fuselage, kuma lafazin yumbu guda ɗaya mai ɗumi ya karya maƙallin monochrome.
- OFF+BRAND. — Zane mai haske a kan takardar ɗumi
- Seed — wata halitta mai rai a ƙarƙashin gilashin dakin gwaje-gwaje
- Eindhoven Design District — Ta'addancin edita a kan farar takarda wani tsari ne na ƙirar birni, wanda aka aiwatar a manyan nau'i, ba tare da ɗaukar hoto mai yawa ba kuma ba shi da cikakken takura.
- Miranda — Nau'in gargajiya mai faɗi a bango mai haske mai haske - editan jarida don zamanin dijital
- Monocle — Jarida mai inganci, mai faɗi a kan takarda mai launin kirim. Edita mai kyau, inda kowane shafi ya cancanci matsayinsa, kuma launi ɗaya kawai mai ma'ana ya bayyana a shafin.
- Agencja brandingowa — Gidan adana labarai na edita a cikin fararen launuka tare da rubutun rubutu da tawada baƙi
- Websmith Studio — Hasken safe akan takarda mai kirim
- Aspelin Reitan — Taskar Gine-gine ta Candlelight - Shafin yana kama da fayil ɗin wurare da aka gina, wanda aka manne a jikin bango mai dumi, tare da layi ɗaya na fari rubutu yana shawagi a saman kowane hoto a faɗin faɗin shafin.
- Public — Rubutun edita mai launuka iri-iri akan marmara mai sanyi—kusan zane mai launuka iri-iri, tare da rubutun serif mai maki 300 da lafazi ɗaya mai launin shunayya wanda ke yin duk aikin launi.
- Motto — Rubutun rubutu a kan takarda - murya ɗaya mai ƙarfin gwiwa da ke bayyana kanta a kan takarda mai launin dusar ƙanƙara