Seline Analytics
Miis falanqayn oo deggan oo ku dul yaal warqad diiran
Seline waxaa lagu dhejiyay asal dhagax diiran (#fafaf9) oo leh lahjad buluug ah oo firfircoon - dhammaan midabada kale waa dhexdhexaad waxaana laga soo qaatay palette midabka dhagaxa Tailwind. Cinwaanada waxaa lagu sameeyay qaab joomatari ah oo loogu talagalay sans-serif (roobert) oo leh miisaan dhan 400 iyo kala fogaanshaha xarfaha taban ee cidhiidhiga ah, taasoo siinaysa qoraalka kalsooni raaxo leh oo u eg mid hoos u dhac ah oo ka soo horjeeda qaabka SaaS ee caadiga ah ee codka badan. Dusha sare ee UI waa kaarar cad oo siman, oo dul sabeynaya asalka diiran oo leh hal, jilicsan, 16px blur; xuduudaha waxaa lagu sameeyay khadad khafiif ah oo 1px ah oo dhagax ah, oo si deeqsinimo leh loogu isticmaalo qaybta dhismaha ee aasaasiga ah halkii laga isticmaali lahaa qaybiyayaal culus ama guddiyo. Qaab-dhismeedku wuxuu neefsadaa: waxyaabaha buuxa ee ku salaysan laxan toosan oo deeqsi ah, oo leh kontaroolo is-dhexgal ah oo qaab kiniin ah, sawir mascot ah oo loogu talagalay shakhsiyadda, iyo shaashadaha dashboard-ka oo ah caddeynta badeecada. Aragtida guud waa falanqayn tifaftireed: deggan, hal-ku-dheg, kalsooni, iyadoo wicitaanka buluugga ah ee ficilku yahay qaybta ugu xiisaha badan bogga iyada oo ay ugu wacan tahay xakamaynta ula kac ah ee wax kasta oo kale.
Boggu waa ballaca ugu badan, oo xuddun u ah qiyaastii 1200px oo leh meel bannaan oo toosan oo badan. Geesigu waa baloog qoraal oo laba-sadar ah, oo bidix u toosan oo leh weedh keliya oo la iftiimiyay ("fudud oo wax ku ool ah") oo buluug ah, oo ay ku xigto saf leh laba wicitaan oo ficil ah (kiniin buluug ah + kiniin ruux), ka dibna saf ah oo ah calaamado lammaanaha ah oo ku qoran cabbirka cawliga, ka dibna saf ah oo ah qiimeyn kalsooni, ka dibna dulmar guud oo dashboard ah oo ballaadhan, oo si yar u dulmari doona qaybta xigta. Hoosta laabka waxaa ku yaal safyo kala duwan oo markhaatifur ah oo ku jira shabag hal-tiir ah, oo ay ku xigto qaybo ballaaran oo leh sharraxaad muuqaal ah, qoraal bidix u toosan, iyo muuqaallo wax soo saar oo dhexe. Navigation-ku waa baar sare oo yar yar - astaan bidix ah, xiriiriyeyaasha navigation-ka ee dhexe, galitaanka + wicitaan buluug ah oo ficilka ah oo ku yaal midigta - oo leh koox sabbeyn ah oo avatars ah oo ku taal bartamaha navigation-ka oo u adeegta xaqiijinta aqoonsiga. Meelaha u dhexeeya qaybaha waa ballaaran yihiin (96px) si loo abuuro laxan tifaftire halkii laga heli lahaa macluumaad cufan.
Luqadda muuqaalka waxaa ku badan shaashadaha muuqaalka ee is-dhexgalka isticmaalaha badeecada - muuqaalka dashboard-ka waa sawir lagu sameeyay shaandho midab cawlan (1) (0.94), kaas oo midabada xogta ka dhigaya midab monochrome ah. Sawirka kaliya ee aadanaha waa istiikar mascot toosan (jilaa daboolan), oo lagu sawiray qaabka SVG oo leh jaantusyo kaliya, oo la dhigay hal mar qayb kasta si ciyaar leh oo ka soo horjeeda nuxurka falanqaynta, oo leh hoos jilicsan si loo abuuro saameyn istiikar u eg qoto dheer. Astaanta summada iyo glyphs waa dhimbiil/olol yar yar oo madow. Ma jiraan sawirro - sawirro qaab nololeed ma jiraan, sawirro kooxeed ma jiraan, sawirro deegaan ma jiraan. Shayga (dashboard-ka) waa jilaaga. Dhammaan astaamaha qurxinta waa qaab dulmar ah oo 1px ah oo ku jira #0c0a09 ama #3ba6f1, waligood ma buuxin.
Paleetka
Summada
- Cyan Signal
#3ba6f1— Baaqa ugu weyn ee ficilka, xiriiriyeyaasha firfircoon, iyo dulmar ku saabsan astaamaha summada ayaa ah midabada kaliya ee ku jira bogga, oo si yar loo isticmaalo si loogu soo jiito dareenka ficilka. - Cyan Edge
#3398e1— Buluug waxaa loo isticmaalaa in lagu muujiyo dulmar ficil, calaamado isku xiran, iyo walxaha is-dhexgalka. Waa in aan loo isticmaalin midabka ugu muhiimsan ee wicitaanada ficilka.
Dhexdhexaad
- Ink Black
#0c0a09— Cinwaanada ugu muhiimsan, qoraalka jirka ee la iftiimiyay, iyo astaamaha muujinaya ayaa ku jira midab diiran oo ku dhow madow. - Stone Canvas
#fafaf9— Bogga dambe waa midab diiran oo kareem ah oo u eg warqad halkii uu ka ahaan lahaa caddaanka shaashadda. - Pure White
#ffffff— Meelaha khariidadaha, guddiyada soo baxaya, iyo buuxinta goobaha wax lagu soo gelinayo waa siman yihiin oo ma laha hadh caadi ahaan. - Stone Border
#e8e6e5— Xuduudo khafiif ah oo ku yaal kaararka, goobaha hagitaanka, iyo goobaha gelinta ayaa ah qaybta dhismaha ee ugu muhiimsan, ee maaha kala-soocayaasha. - Stone Muted
#d6d3d1— Qaabab dheeraad ah, midabyo asal ah oo khafiif ah, iyo qaybo qurxin ah. - Ash Gray
#a8a29e— Qoraalka caawinta, dulmarrada astaanta, xaaladaha naafada ah - waa la akhrin karaa laakiin aan firfircoonayn.
Nooca qoraalka
laga bilaabo 10 ilaa 52px · 5 tallaabo
- Roobert — beddelka: Inter Tight or Satoshi · dulmar guud 400, 500 · Farta cinwaanada iyo qaab-dhismeedka qoraalka waa qaab joomatari oo gaar ah oo aan lahayn meel bannaan oo xarfo taban ah (-0.025em at 32px, -0.021em at 52px). Miisaanka 400 x 52px waa saxiixa farta: mid aan caadi ahayn, qarsoodi ah, haddana awood leh, haddana aan la sheegin. Cinwaanada ayaa booskooda ku jira iyagoon aad u adkayn.
- Inter — beddelka: Inter · dulmar guud 400, 500, 600 · Farta ugu muhiimsan ee qoraalka jirka, navigation-ka, UI-ga, iyo cinwaanada waa far dhexdhexaad ah oo caalami ah oo loogu talagalay dhammaan qoraallada shaashadda ka baxsan. 14px oo miisaankeedu yahay 400 iyo farqiga xariiqda 1.64 ayaa ah cabbirka ugu badan ee qoraalka jirka (soo noqnoqoshada 1174). Kala fogaanshaha xarfaha togan (0.004em) ee cabbirrada yaryar waxay hubineysaa akhrinta UI cufan.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | waasac ah |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 9999px |
| Gacanka kaarka | 10px |
| Hooska | hooska jilicsan |
| Inta u dhaxaysa qaybaha | 96px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Seline Analytics 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
- 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.
- 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.