Notion
Buug xusuus-qor ah oo diiran oo qorraxda duhurkii ah
Is-dhexgalka Notion wuxuu u eg yahay buug xusuus-qor ah oo la jecel yahay maalin cad: shiraac diirran oo kareem ah (#f6f5f4) oo dareemaya taabasho halkii uu ka ahaan lahaa mid nadiif ah, farshaxan sans-serif oo deeqsi ah oo miisaan tifaftiran siinaya nuqulka badeecada, iyo midab loo isticmaalo xarakayn yar - ficillada "pills" ee fiiqan, hal buluug ayaa xoojiya ficilka ugu weyn, iyo tiro wareeg ah oo midabyo lahjad ah (coral, amber, sky, midnight) midabeeya asalka kaarka sida istiikarrada. Kaararka waxaa lagu habeeyay shiraac leh xuduudo khafiif ah iyo geeso - ma jiraan hoos, ma jiraan chrome - sida qaybaha la safeeyey ee buugga Moleskine. Sawir-qaadistu waa mid ciyaar badan oo gu' ah, oo leh kala-guur siman oo 200ms ah iyo sawirro jilayaal gu' ah oo nolosha u keenaya is-dhexgalka iyada oo aan la qurxin.
Iyada oo bartamaha ku jirta, ballaca ugu badan wuxuu ku kooban yahay qiyaastii 1440px. Qaybta ugu muhiimsan waa isku-xidh dhexe: saf calaamado ah → cinwaan laba-xariiq ah oo weyn oo leh kiniin midab leh oo ku dhex jira → cinwaan hoose → saf leh laba badhan oo wicitaan-fal-gal ah → qaab-dhismeed UI oo weyn oo badeecad ah. Qaybta ugu muhiimsan, qaybaha ayaa isku beddelaya shabakadaha kaararka cad iyo guddiyada lahjadda midabka buuxa leh. Darbiga astaanta waa shabag hal-saf ah oo dhexe oo ah astaanta lammaanaha ee cabbirka cawliga ah. Baloogyada sifada leh waxay isticmaalaan qaab-dhismeed laba-xariiq ah (qoraalka bidix, guddi midab leh oo midig ah), iyagoo u beddelaya bidix ilaa midig qaybaha. Qaybta "Weydii kaaliyeyaashaada marka la dalbado" waxay isticmaashaa shabag 2x2 kaar ah, halkaas oo kaarka sare uu qaato ballaca buuxa, safka hoosena loo qaybiyo laba tiir oo siman. Biyo-mareenka u dhexeeya qaybaha waa kuwo deeqsi ah (~80px), iyagoo abuuraya laxan toosan oo deggan. Hagaajinta waa baar sare oo go'an oo 64px ah oo leh walxo hagitaan oo dhexe iyo badhamada ficilka ee midig-ku-habboon.
Sawirradu waa kuwo aad muhiim u ah, iyada oo aan lahayn sawirro. Luqadda muuqaalka waxaa lagu dhisay calaamado siman oo sawiran (geesaha wareegsan ee wareegyada midabka leh ee 2px), walxaha qurxinta ee aan la taaban karin (kubbadaha gacanta lagu sawiray, dhalaalaya, fallaadhaha, qaababka ubaxa), iyo ku-dhawaaqyada is-dhexgalka isticmaalaha ee badeecada. Calaamadaha waxay ka muuqdaan daaqadda ugu weyn saf toosan oo ka kooban toddobo avatars waxayna ku kala firirsan yihiin bogga oo dhan iyagoo ah calaamado ciyaar ah. Shaashadaha sawir-gacmeedka badeecaddu waa walxaha kaliya ee "dhabta ah" ee muuqaalka ah: waxay muujinayaan is-dhexgalka Fikradda dhabta ah (boodhadhka Kanban, aragtida dukumeentiga, guddiyada wakiilka AI) oo leh walxo buuxa iyo xog dhab ah. Ku-dhawaaqa badeecadda ee daaqadda ugu weyn waa mid weyn, dhexe, waxayna soo saartaa hoos keliya oo ka soocaya shiraaca. Ma jiraan sawirro qaab nololeed, sawirro kayd ah, ma jiraan wax muujinaya 3D oo aan la taaban karin.
Paleetka
Summada
- Notion Blue
#0075de— Qaybta ugu muhiimsan ee buuxinaysa badhanka wicitaanka ficilka (CTA), oo ah lahjad ku jirta badhanka firfircoon ee hagitaanka, iyo badhamada ficilka ee la buuxiyay ayaa ah midabka kaliya ee nidaamka ku dhawaad midab-kala-soocid ah oo ku filan in loo arko beddel.
Dhexdhexaad
- Paper Warmth
#f6f5f4— Shaashadda bogga, asalka daaqadda ugu weyn, iyo asalka qaybta dhammaantood waa midabyo diirran oo beige ah oo siiya nidaamka dareen taabasho leh oo analog ah. - Pure White
#ffffff— Dusha sare ee kaararka, looxyada kor loo qaaday, asalka astaanta, qoraal isbarbardhig ah oo ku yaal kaararka madow. - Ink Black
#000000— Qoraalka ugu muhiimsan, xiriirada navigation-ka, cinwaanada - waxaa loo isticmaalaa hufnaan kala duwan (100%, 95%, 90%, 60%, 40%, 20%) si loo dhiso kala sarreyn iyada oo aan lagu darin midabyo cusub. - Charcoal
#111111— Ikhtiyaar qoraal madow ah oo loogu talagalay meelaha UI halkaas oo madowga saafiga ah uu u ekaan lahaa mid aad u adag. - Stone
#757575— Qoraal hagitaan labaad, qoraal caawiye oo aamusan, calaamadaha badhanka oo naafo ah - 60% alfa khad - Graphite
#615d59— Qoraalka ugu muhiimsan wuxuu leeyahay midab diirran - cawl bunni ah, kaas oo la jaanqaadaya asalka diiran.
Nooca qoraalka
laga bilaabo 12 ilaa 96px · 10 tallaabo
- NotionInter — beddelka: Inter · dulmar guud 400, 500, 600, 700 · Farta ugu weyn ee sans-serif waa mid aadaminimo joomatari ah oo leh astaamo qarsoon, oo loo isticmaalo cabbirrada 400 qoraalka jirka, 500 ee loogu talagalay navigation/user interface, iyo 600-700 cinwaanada. Cabbirka fartu wuxuu adeegsadaa kala fogaanshaha xarfaha taban ee gardarrada leh cabbirro waaweyn (-4.6px at 96px, -2px at 72px), taasoo ka dhigaysa cinwaanka mid aad u kooban oo kalsooni leh, halkii uu ka ahaan lahaa mid hawo leh.
- Lyon Text — beddelka: Source Serif Pro · dulmar guud 400 · Farta serif-ka tifaftirka, oo loo qoondeeyay qaybo gaar ah oo ka mid ah qoraalka ugu muhiimsan iyo hordhaca qaybaha, ayaa si dhif ah loo isticmaalaa (afar jeer) si loo siiyo miisaanka qoraalka, oo la mid ah xigasho ku jirta qaab-dhismeedka joornaalka. Waxay u shaqaysaa sidii lahjad nidaamsan halkii ay ka ahaan lahayd kala sarreyn is barbar socota.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 8px |
| Gacanka kaarka | 12px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 80px |
| Ballaca bogga | 1440px |
AI waxay website-kaaga ku dhisi doontaa qaabka Notion 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
- 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.
- Officevibe — Joornaal tifaftire ah oo ku saabsan warqad midab kareem leh oo diirran. Bal qiyaas qoraal feker leh oo ku saabsan maaraynta HR, oo loo soo bandhigay badeecad ahaan - far serif ah oo cursive ah oo ku hoos guuxaya is-dhexgalka buluugga casriga ah.