Substack
Khad oranji ah oo miiska saaran xafiiska tifaftirka
Qaybta hoose waxay u egtahay dashboard qolka wararka oo si fiican loo xiray—shiraac cad, qoraal diirran, oo ku dhow madow, iyo hal lahjad oranji dhalaalaya oo calaamadeynaya marxalad kasta oo abuurista macluumaadka ah. Kala sarreynta muuqaalka waxaa lagu dhisay cufnaanta halkii laga qurxin lahaa: khadadka cawlan ee khafiifka ah waxay kala saaraan walxaha quudinta, avatars-ku waa yar yihiin, metadata-ka waa la aamusiyay, isha akhristahana waxaa loo tababaray inay diiradda saarto wicitaanka oranji ee ficilka, astaanta oranji, xiriirka oranji "Isku qor" oranji, iyo badhanka oranji "Abuur". Dusha sare waa siman yihiin oo aan la xakamayn—ma jiraan hooska kaarka, ma jiraan xubno guddi chrome ah—oo u oggolaanaya daabacaadda (walax UI ah oo nidaam chrome ah oo lagu daray farta cinwaanka serif ee gaarka ah) inay qaadaan culeyska miisaanka tifaftirka. Qaabka saxiixa waa walxaha chrome ee xaddidan iyo kuwa dhalaalaya, ee midab keliya leh: barnaamij akhris oo u muuqda sidii qalab daabacaad.
Qaab-dhismeed desktop ah oo saddex tiir ah: dhinac bidix oo go'an (~200px, marin-habaabin leh astaamo iyo calaamado, dhegdheg leh), quudin dhexe (ballaca ugu badan ~600px, liiska qoraallada si toosan u rogrogmaya), iyo dhinac midig oo go'an (~300px, raadinta + talooyinka + diiwaangelinta). Quudin dhexe waa xudunta tifaftirka - ma jiraan kaarar, kaliya qoraallo ayaa is dul saaran oo leh qaybo khafiif ah iyo 32px oo farqi u dhexeeya qaybaha. Calanka ugu weyn wuxuu ku fadhiyaa xagga sare ee quudinta sidii kaar hal ballac oo buuxa. Dhinaca bidix wuxuu ka kooban yahay astaanta summada (calaamad oranji ah oo leh khadad dahaaran), lix shay oo marin-habaabin ah, iyo badhanka "Abuur" oranji oo ballac buuxa ah oo ku yaal xagga hoose. Dhinaca midig wuxuu ka kooban yahay goob raadinta, kaarka diiwaangelinta, iyo liis "Up Next" ah oo loogu talagalay akhriska. Navigation waa yar yahay - ma jiro baar sare, ma jiro jajab rooti ah; dhinaca dambe WAA navigation-ka. Cufnaanta nuxurka ayaa sarreysa: qoraalladu waxay isticmaalaan metadata 12-13px iyo qoraalka jirka 15-19px, iyagoo abuuraya laxan u eg wargeyska halkii ay ka ahaan lahaayeen dareenka shabagga kaararka suuqa.
Sawirradu waa macluumaad uu isticmaaluhu soo saaray (avatars-ka qoraaga, sawirro yar yar oo boostada ah, sawirro qoraal ah)—Substack-ku ma bixiyo sawirro qurxin ah oo u gaar ah. Kaarka ugu weyn wuxuu adeegsadaa midab buluug ilaa cagaar ah oo leh walxo sawireed oo aan la taaban karin (qaababka joomatari, walxaha qaabaysan sida qalimaan iyo qoraallo) oo asal ahaan ah. Sawirrada yar yar ee boostada ee dhinaca midig waa yar yihiin (64px), oo ku jira gacan 8px ah, waxayna u shaqeeyaan sidii horudhac liiska akhriska. Luqadda guud ee muuqaalka ah waxay ku salaysan tahay qoraalka: is-dhexgalka waa shiraac akhris ah, sawirraduna waxay u adeegaan sidii barroosinno muuqaal yar yar halkii ay ka abuuri lahaayeen jawi.
Paleetka
Summada
- Signal Orange
#ff6719— Liin waxaa loo isticmaalaa lahjad labaad oo loogu talagalay faahfaahinta qurxinta iyo in lagu muujiyo tilmaamo aan badnayn. Waa in aan loo isticmaalin midabka koowaad ee wicitaannada ficilka.
Dhexdhexaad
- Ink
#363737— Qoraalka jirka—qoraalka ugu muhiimsan, cinwaanada, cinwaanada boostada, shaambooyinka waqtiga, iyo magacyada qoraaga; midab diiran oo ku dhawaad madow ah halkii laga isticmaali lahaa #000 saafi ah si loo fududeeyo akhrinta. - Paper
#ffffff— Shaashadda bogga, dusha sare ee kaararka, goobaha wax lagu soo geliyo, iyo asalka navigation-ka ayaa ah dusha sare ee ugu badan ee qabta inta badan is-dhexgalka. - Charcoal
#232525— Xaaladda dul-hori si aad u hesho qoraal dheeraad ah iyo xiriiriyeyaal leh heerar xulasho sare; ka qoto dheer qaabka Ink ee baloogyada koodka iyo baloogyada xulashada. - Stone
#777777— Midab dhexdhexaad ah ayaa loo taageeraa walxaha UI-ga labaad, kala-qaybiyayaasha, iyo calaamadaha aan la xidhin. Waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka. - Ash
#b6b6b6— Khadadka xuduudaha khafiifka ah, tilmaamaha badhanka, tilmaamaha astaanta, xuduudaha kontaroolada naafada ah. - Mist
#c8c8c8— Qaybinta khadadka, asalka aan la arki karin ee astaamaha, buuxinta unugyada madhan qaab qalfoof ah.
Nooca qoraalka
laga bilaabo 12 ilaa 32px · 5 tallaabo
- system-ui — beddelka: -apple-system · dulmar guud 400, 500, 600 · Farta ugu muhiimsan ee is-dhexgalka isticmaalaha iyo qoraalka jirka waxaa loo isticmaalaa calaamadaha navigation-ka, badhamada, qoraalka farriinta, metadata-ka, goobaha gelinta, iyo dhammaan walxaha is-dhexgalka. Cabbirrada is-weydaarsiga ee 12-13px ee metadata-ka iyo 15-19px ee qoraalka jirka waxay abuuraan dareenka quudinta wararka cufan. Miisaanku waa 400 qoraalka jirka, 500 ee walxaha navigation-ka iyo calaamadaha badhanka, iyo 600 ee cinwaanada fariimaha la iftiimiyay iyo cinwaanada qaybaha.
- Cahuenga — beddelka: Charter · dulmar guud 500 · Farta serif ee qurxinta leh ee loogu talagalay cinwaanada heerka badeecada (cinwaanada dhinaca, cinwaanada kaarka diiwaangelinta, qoraalka ugu weyn). Miisaankeeda dhexdhexaadka ah iyo dhererka xariiqda yar ayaa siinaya muuqaal gaar ah iyada oo aan la dareemin culeys; waa farta kaliya ee, marka laga reebo midabka oranji, calaamad u ah aqoonsiga Substack.
- Spectral — beddelka: Charter · dulmar guud 400 · Farta serif-ka ee qoraallada dhaadheer—loo isticmaalo qolalka akhriska iyo waxyaabaha ku jira wararka si loo hagaajiyo akhrinta agabka tifaftirka. Kala fogaanshaha xariiqda oo xoogaa adag (1.20) waxay hubineysaa akhrinta cutubyada oo raaxo leh iyadoo la ilaalinayo isku-dhafka caadiga ah ee qolalka wararka.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 9999px |
| Gacanka kaarka | 12px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 32px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Substack 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
- ElevenLabs — Qoraal sawir ah oo ku jira midabyo kareem diirran oo leh cinwaanno qarsoon. Buug xusuus-qor ah oo qaabka Bauhaus ah—warqad midab leh oo ukunta leh, khad madow, iyo lahjad guduudan iyo oranji ah oo loogu talagalay soo bandhigida badeecada.
- Awesomic — Shaashad zinc ah oo tifaftiran oo leh calaamado xarakayn oranji ah oo xasuusinaya confetti
- Monad — Joornaalka farsamada tifaftirka ee ku saabsan warqadda diirran
- Dub — Guddi xakameyn ah oo warqadda bariiska matte ee Link ah
- Seline Analytics — Miis falanqayn oo deggan oo ku dul yaal warqad diiran
- Notion — Buug xusuus-qor ah oo diiran oo qorraxda duhurkii ah
- Anthropic — Joornaal cilmiyeed oo ku saabsan vellum diiran—sagxadaha foolka maroodiga ee deggan, cinwaannada tifaftirka ee la sifeeyay, iyo hal lahjad dhoobo ah oo soo baxda marka ficil loo baahdo oo keliya.
- Calendly — Khad buluug madow ah oo ku yaal marmar qabow
- Augen Pro — Bandhigga cad ee Apple wuxuu ka kooban yahay buluug koronto oo aan miisaan lahayn oo caafimaad ahaan u eg lahjadda kaliya ee meel bannaan oo monochrome ah.
- Antimetal — Taariikh-qoraal tifaftiran oo ku saabsan warqad kareem ah—subax deggan oo ka dhacaya joornaal cilmiyeed, halkaas oo is-xakameyntu ay muujinayso kalsooni iyo serifyadu ay sameeyaan qaadista culus
- Perk — Lime koronto ah oo ku dul yaal warqad diirran oo warqad ah
- Ditto — Aqoon-is-weydaarsi qorrax leh oo abuuraya muunado ubax duurjoog ah. Dusha sare ee kareemka diirran, midab huruud ah oo dhalaalaya, khad buluug madoobaaday oo qoto dheer, qaabab midab dabiici ah oo ubaxaya gadaasha gabalka.