Seline Analytics
Teburin nazari mai shiru akan takarda mai dumi
An saita Seline a kan bangon dutse mai dumi (#fafaf9) tare da lafazi mai shuɗi guda ɗaya mai haske—duk sauran launuka tsaka tsaki ne kuma an zana su daga palet ɗin launi na dutse na Tailwind. Ana yin kanun labarai a cikin rubutun sans-serif na geometric (roobert) wanda aka tsara musamman tare da nauyin 400 da kuma tazara mai tsauri tsakanin haruffa mara kyau, yana ba wa rubutun kwanciyar hankali, kusan kamar rada wanda ya bambanta da salon SaaS mai ƙarfi. Fuskokin UI fararen katunan lebur ne, suna shawagi a saman bango mai dumi tare da blur guda ɗaya, mai laushi, 16px; an ƙirƙiri iyakoki da layuka masu sirara, masu launin dutse 1px, waɗanda ake amfani da su da yawa azaman babban kayan gini maimakon manyan masu rabawa ko bangarori. Tsarin yana numfashi: cikakken abun ciki mai faɗi wanda aka mayar da hankali kan karimcin tsaye mai karimci, tare da sarrafawa masu hulɗa da siffar kwaya, zane mai kama da mascot don hali, da hotunan kariyar allo a matsayin hujjar samfur. Gabaɗaya ra'ayin yana da nazari ta edita: natsuwa, monochrome, kwarin gwiwa, tare da kiran shuɗi zuwa aiki shine mafi kyawun abu akan shafin godiya ga ƙayyadadden komai da gangan.
Shafin yana da faɗi sosai, wanda aka tsakiya a kusan 1200px tare da yalwar sarari a tsaye. Jarumin wani yanki ne na rubutu mai layi biyu, mai layi biyu na hagu tare da jumla ɗaya, wacce aka haskaka ("mai sauƙi kuma mai tasiri") a cikin shuɗi, sannan sai layi mai kira biyu zuwa aiki (ƙwaya shuɗi + ƙwayar fatalwa), sannan layin tambarin abokin tarayya a cikin sikelin launin toka, sannan layin ƙimar aminci, sannan kuma cikakken samfoti na dashboard mai iyo, wanda ya ɗan haɗu da sashe na gaba. A ƙasan ninka akwai layuka masu canzawa na shaidu a cikin grid mai ginshiƙi ɗaya, sannan sai sassan cikakken faɗi tare da bayanin fasali, rubutu mai layi ɗaya na hagu, da kuma hotunan samfura na tsakiya. Kewaya sandar saman ce mai sauƙi - tambari a hagu, hanyoyin haɗin kewayawa na tsakiya, shiga + kiran shuɗi zuwa aiki a dama - tare da tarin avatars masu iyo a tsakiyar kewayawa waɗanda ke aiki azaman tabbatar da asali. Sararin da ke tsakanin sassan suna da faɗi (96px) don ƙirƙirar salon edita maimakon tarin bayanai masu yawa.
Harshen gani yana mamaye hotunan allo na hanyar amfani da samfurin - samfoti na dashboard hoto ne da aka yi da matattarar launin toka-toka (1) (0.94), wanda ke kashe launukan bayanan zuwa launin monochrome. Siffar ɗan adam ɗaya tilo ita ce sitika mai layi (hali mai rufe fuska), wanda aka zana a cikin salon SVG tare da zane-zane kawai, an sanya shi sau ɗaya a kowane sashe azaman abin wasa ga abubuwan da ke cikin nazari, tare da inuwa mai laushi don ƙirƙirar tasirin zurfin sitika. Tambarin alama da glyphs ƙananan walƙiya/harsashi ne baƙi. Babu hotuna - babu hotunan salon rayuwa, babu hotunan ƙungiya, babu hotunan muhalli. Abin (dashboard) shine jarumin. Duk gumakan ado salon zane ne na 1px a cikin ko dai #0c0a09 ko #3ba6f1, ba a taɓa cika su ba.
Palette
Alamar kasuwanci
- Cyan Signal
#3ba6f1— Babban kira zuwa ga aiki, hanyoyin haɗin gwiwa masu aiki, da kuma bayanin alamun alama sune kawai launukan da ke kan shafin, waɗanda ake amfani da su kaɗan don jawo hankali ga aikin. - Cyan Edge
#3398e1— Ana amfani da shuɗi don haskaka zane-zanen aiki, lakabin haɗin gwiwa, da abubuwan hulɗa. Bai kamata a yi amfani da shi azaman babban launi don kiran aiki ba.
Tsaka-tsaki
- Ink Black
#0c0a09— Manyan kanun labarai, rubutun jiki mai haske, da kuma alamun bayyana ra'ayi suna cikin launi mai ɗumi, kusan baƙi. - Stone Canvas
#fafaf9— Bangon shafin yana da launi mai dumi da laushi wanda yake kama da takarda maimakon farin allo. - Pure White
#ffffff— Taswirar saman, faifan da ke fitowa, da kuma cike filin shigarwa ba su da inuwa ta asali. - Stone Border
#e8e6e5— Ƙananan iyakoki a kan katunan, hanyoyin kewayawa, da filayen shigarwa sune babban abin da ke cikin tsarin, ba masu rabawa ba. - Stone Muted
#d6d3d1— Ƙarin firam, launuka masu laushi na bango, da kuma raba kayan ado. - Ash Gray
#a8a29e— Rubutun taimako, zane-zanen gumaka, yanayin da aka kashe - ana iya karantawa amma ba a aiki.
Rubutu
daga 10 zuwa 52px · Matakai 5
- Roobert — maye gurbin: Inter Tight or Satoshi · zane-zane 400, 500 · Rubutun da aka yi amfani da shi don kanun labarai da tsarin rubutu wani tsari ne na musamman na sans-serif mai siffar geometric tare da ƙarancin tazara tsakanin haruffa marasa kyau (-0.025em a 32px, -0.021em a 52px). Nauyin 400 x 52px shine sa hannun font: ba shi da tsari, mai sauƙi, amma mai iko, amma ba a bayyana shi sosai ba. Kanun labarai sun mamaye matsayinsu ba tare da yin tsauri ba.
- Inter — maye gurbin: Inter · zane-zane 400, 500, 600 · Babban font na rubutun jiki, kewayawa, UI, da kanun labarai rubutu ne mai tsaka-tsaki, na duniya baki ɗaya ga duk rubutun da ba a nuna a allon ba. 14px mai nauyin 400 da tazarar layi na 1.64 shine girman da ya fi yawa ga rubutun jiki (mita 1174). Tazarar haruffa masu kyau (0.004em) a ƙananan girma yana tabbatar da sauƙin karantawa na UI mai yawa.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | faɗi |
| Mataki na asali | 8px |
| Maɓallin radius | 9999px |
| Radius na kati | 10px |
| Inuwar | inuwar laushi |
| Tsakanin sassa | 96px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Seline Analytics 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
- ElevenLabs — Rubutun hoto a cikin launuka masu dumi masu laushi tare da kanun labarai masu sauƙi. Littafin rubutu irin na Bauhaus—takarda mai launin kwai, tawada baƙi, da kuma lafazin shunayya da lemu guda ɗaya don nuna samfur.
- Awesomic — Ramin zinc na edita tare da alamun rubutu na orange wanda ke tunatar da confetti
- Monad — Mujallar fasaha ta edita kan takardar rubutu mai dumi
- Dub — Kwamitin sarrafa takardar shinkafa mai matte ta Link
- Notion — Littafin rubutu mai dumi a rana tsakar rana
- Anthropic — Mujallar kimiyya kan ɗumi-ɗumi—fure-furen hauren giwa masu natsuwa, kanun labarai na edita, da kuma lafazin yumbu guda ɗaya wanda ke bayyana ne kawai lokacin da ake buƙatar aiki.
- Calendly — Tawada mai launin shuɗi mai duhu a kan marmara mai sanyi
- Augen Pro — Farin gabatarwar Apple yana nuna shuɗi mai haske, mara nauyi, mai amfani da wutar lantarki a matsayin babban abin da ke cikin sararin samaniya mai kama da monochrome.
- Antimetal — Wani labari na edita akan takarda mai laushi - safiya mai natsuwa a mujallar kimiyya, inda kamewa ke nuna kwarin gwiwa kuma serifs suna ɗaukar nauyi
- Perk — Lemun tsami mai amfani da wutar lantarki a kan takardar takarda mai dumi
- Ditto — Taron bita mai hasken rana wanda ke ƙirƙirar samfuran furannin daji. saman kirim mai ɗumi, launin rawaya mai haske, tawada mai launin shuɗi mai duhu, launukan halitta masu fure a bayan kayan.
- Officevibe — Mujallar edita kan takarda mai launin ruwan tsami. Ka yi tunanin wani rubutu mai zurfi kan kula da HR, wanda aka gabatar a matsayin samfuri—wani rubutun serif mai lanƙwasa yana raɗawa ta hanyar amfani da shuɗin zamani.