Subframe
Sawir sawireed oo ku dul qoran warqad diirran. Warqad naqshadeeye ah, halkaas oo garaac kasta uu yahay garaaf ama tirtire, waligiis rinjiyeyn—qoto dheer waxaa lagu gaaraa dhumucda xariiqda iyo serifyada yaryar.
Qaab-dhismeedka hoose waa goob shaqo oo naqshadeeye monochrome ah: shiraac diirran oo kareem ah, khad garaaf-madow ah, iyo maqnaansho dhammaystiran oo lahjadaha chromatic ah. Isku-xirka oo dhan waxaa loo arkaa hal shay - warqad, qalin, iyo hoos - oo leh hal taabasho qoraal oo geesinimo leh: serif la safeeyey (Qalabka Serif) oo ka soo horjeeda sans-serif nidaamsan (Inter), taasoo siinaysa cufnaanta tifaftirka cinwaanada. Dusha sare waa siman yihiin oo qaabaysan yihiin halkii laga kor qaadi lahaa; qoto dheer waxaa lagu gaaraa kala-qaybiyeyaasha khafiifka ah ee #e5e7eb iyo iftiiminta gudaha ee kontaroolada mugdiga ah halkii laga hoos mari lahaa hooska. Cufnaanta waa deeqsi: laxan toosan oo ballaaran (48-64px oo kala go'an oo u dhexeeya qaybaha), qaab-dhismeedyo dhexe, oo ballac buuxa leh, iyo boos cad oo deeqsi ah oo ku wareegsan qoraalka. Midabka kaliya waa isbarbardhigga u dhexeeya caddaanka u dhow iyo madowga u dhow, taasoo ka dhigaysa badhanka mugdiga ah qaybta ugu xiisaha badan bog kasta, iyo xariiqda calaamadaha summada lammaanaha ee codadka cawlan ee kaliya ee muuqaalka qurxinta leh.
Qaab-dhismeedyo dhexdhex ah oo ballaaran (1200px) oo leh laxan toosan oo ballaaran. Qaybta ugu weyn waa hal baloog oo dhexe: kontorool mugdi ah oo kala qaybsan oo sare, cinwaan weyn oo "Inter", cinwaan hoose oo hal sadar ah, iyo laba badhan oo ku xiga (buuxsan + hufan) - sawir dhinac ah ma jiro, kala go' la'aan qaab-dhismeed. Qaybta ugu muhiimsan waxaa ku yaal xarig calaamad cawl ah oo dhexe. Qayb kasta oo xigta waxay raacdaa qaab isku mid ah: cinwaan bidix ah oo toosan iyo baloog cinwaan hoosaad, ka dibna qaab-dhismeed bandhig badeecad oo ballaaran oo leh 48–64px oo meel bannaan oo biyo-mareenka ah oo u dhexeeya qaybaha. Navigation-ku waa yar yahay: baar sare oo leh xiriiro dhexe iyo ficillo midig-toosan, dhinac-dhinac ah ma jiro, menu-weyn ma jiro. Bogga wuxuu u akhriyaa kor ilaa hoos taxane ah weedho dhexe, mid walbana wuxuu siiyaa meel bannaan oo ku filan - qaab-dhismeedku wuxuu u eg yahay faylal tifaftire ah marka loo eego bogga badeecadaha mashquulka ah.
Naqshadeynta muuqaalku waa mid aad u yar oo shaqaynaysa. Nidaamku wuxuu adeegsadaa laba qaab oo muuqaal ah: (1) shaashadaha wax soo saarka ee la qaabeeyey iyo muuqaallada UI ee ku lifaaqan qaab-dhismeedyada 24px-radius-ka—waxay soo bandhigaan qaybaha is-dhexgalka dhabta ah (miisaska, badhamada, qaababka) ee lagu sameeyay isla palette-ka monochrome-ka, taasoo ka dhigaysa shaashadaha inay u muuqdaan kuwo si habsami leh ugu dhex milmay bogga; (2) hal xariijimo oo ah calaamadaha lammaanaha cawliga ah waxay u adeegaan sidii caddayn bulsho, oo la sameeyay si siman, oo aan lahayn midab ama weelal. Ma jiraan sawirro qaab nololeed, jaantusyo aan la taaban karin, ama sawirro 3D ah. Qaybta kaliya ee sawir-qaadista leh waa "taayil" badeecad madow ah, oo ku salaysan asal cawlan diirran oo leh astaan summadeed—waxaa loo arkaa inay tahay bandhig badeecadeed, ee maaha qurxin. Dhammaan sawirradu waxay ku jiraan qaab qoraal ku salaysan, halkaas oo miisaanka muuqaalka uu qaado qoraalka.
Paleetka
Dhexdhexaad
- Page Canvas
#fafafa— Bogga asalka ah, kaarka boostada ee shiraaca ku yaal, qoraalka iftiinka ah ee dusha madow - midab cad oo diirran oo salka ku haya nidaamka monochrome oo dhan. - Hairline Border
#e5e7eb— Qaybiyeyaasha, xuduudaha kaararka, qaababka sawirka, dulmarro astaanta - nooca dulmar ee ugu badan ee loo isticmaalo nidaamka, ayaa qeexaya qaab-dhismeedka booska. - Card Surface
#ededed— Asalka kor loo qaaday ee kaararka, dusha sare ee dheeraadka ah - wuxuu ku yaal hal tallaabo oo ka sarreeya shiraaca, isagoo abuuraya kooxayn aan lahayn hoos. - Divider Mid
#dadada— Qaybiyeyaasha dhexe iyo kala-guurka u dhexeeya qaybaha - Graphite
#242424— Buuxin dhexdhexaad ah oo aad u kala duwan oo loogu talagalay badhamada aasaasiga ah ee dusha sare ee iftiinka leh. - Ink Black
#171717— Qoraalka jirka, cinwaanada, dulmarrada astaanta - xoogaa ka qabow Graphite, oo loo isticmaalo qorista halkii dusha sare.
Nooca qoraalka
laga bilaabo 12 ilaa 128px · 7 tallaabo
- Inter — beddelka: Inter (Google Fonts) · dulmar guud 500, 600, 700 · Is-dhexgalka nidaamka sans-serif - hagitaanka, qoraalka jirka, badhamada, cinwaanada hoose, iyo cinwaanada qaybaha. Miisaanka: 500 qoraalka jirka iyo kontaroolada, 600 cinwaanada hoose iyo lahjadaha hagitaanka, iyo 700 cinwaanada qaybaha. Kala fogaanshaha xarfaha taban ee xooggan ayaa ku cadaadiya qaababka joomatari ee cabbir kasta, taasoo siinaysa is-dhexgalka muuqaal farsamo oo kooban.
- Instrument Serif — beddelka: Playfair Display · dulmar guud 400 · Farriin serif ah oo si gaar ah loogu talagalay cinwaannada iyo waxyaabaha tifaftirka. Miisaankeeda 400 iyo farqiga xarafka -0.025em wuxuu abuuraa muuqaal qurux badan oo farta lagu fiiqo oo ka soo horjeeda joomatari warshadeed ee Inter - farsamo saxiix ah: hal eray oo serif ah ama weedh ku jirta bogga sans-serif, oo u adeegaya sida xarakayn muuqaal ah halkii laga isticmaali lahaa qaabka cinwaanka.
- Fragment Mono — beddelka: JetBrains Mono · dulmar guud 400 · Mono-ga Laxanka ee loogu talagalay walxaha u eg koodhka khadka tooska ah, calaamadaha calaamadaha, iyo wicitaannada farsamada. Si aan badnayn ayaa loo isticmaalaa, wuxuuna ka muuqdaa liisaska shaqada iyo qoraallada khadka tooska ah halkaas oo qalabka naqshadaynta uu rabo inuu tilmaamo "kani waa wax soo saarka mashiinka."
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 16px |
| Gacanka kaarka | 24px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 64px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Subframe oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- monopo saigon — Iftiin dareere ah oo dhalaalaya oo ka dambeeya aamusnaanta tifaftirka—sawir tifaftire oo monochrome ah oo dul sabbaynaya iftiin dhalaalay
- Hyer Aviation — Gelinkii dambe ee qolka shiraacda oo dul saaran xaashida warqadda. Cirka waaberiga ee cirro leh ayaa la kulmay astaanta serif-ka ee cabbirka fuselage-ka, lahjad dhoobo diirranna waxay jebisaa xakamaynta monochrome-ka.
- OFF+BRAND. — Goobo iftiin leh oo ku taal xaashi diirran
- Seed — noole nool oo hoos yimaada muraayadda shaybaarka
- Eindhoven Design District — Argagixisada tifaftirka ee ku qoran warqad cad waa bayaan naqshadeed oo degmo ah, oo lagu sameeyay nooc weyn, iyadoo sawir qaadku yar yahay oo aan lahayn wax xaddidaad ah.
- Miranda — Nooc qaab-ballaaran oo caadi ah oo ku yaal asalka kareemka fudud - tifaftire wargeys oo loogu talagalay da'da dijitaalka ah
- Monocle — Wargeys tayo sare leh oo qaab ballaaran leh oo ku qoran warqad midab kareem ah. Tifaftire si taxaddar leh loo diyaariyey, halkaas oo tiir kastaa uu u qalmo booskiisa, oo hal midab oo macno leh uu ka muuqdo bogga.
- Agencja brandingowa — Sawir tifaftire ah oo midabyo cadcad leh oo leh daabacaad lagu sameeyay khad madow
- Websmith Studio — Nalalka subaxda oo ku yaal warqad kareem ah
- Aspelin Reitan — Kaydka Dhismaha ee Candlelight - Boggu wuxuu u eg yahay faylal boosas ah oo la dhisay, oo lagu dhejiyay derbi kareem diirran, iyadoo hal sadar oo qoraal cad ah uu dul sabbaynayo sawir kasta oo ka sarreeya ballaca buuxa ee bogga.
- Public — Tafaftire monochrome ah oo ku yaal marmar qabow—ku dhawaad shiraac monochrome ah, oo leh far serif ah oo 300-dhibcood ah iyo lahjad guduudan oo sameysa dhammaan shaqada midabka.
- Motto — Hal-ku-dheg oo qoraal ah oo ku qoran warqad - cod keliya oo kalsooni leh oo isku sheegaya warqad baraf-cad ah