Seline Analytics
Ithebula lokuhlaziya elithule ephepheni elifudumele
I-Seline ibekwe ngokumelene nesizinda setshe elifudumele (#fafaf9) nge-accent eyodwa eluhlaza okwesibhakabhaka egqamile—zonke ezinye imibala azithathi hlangothi futhi zidwetshwe ku-palette yombala wetshe le-Tailwind. Izihloko zidwetshwe ngefonti ye-geometric sans-serif eyenziwe ngokwezifiso (roobert) enesisindo esingu-400 kanye nesikhala esincane sezinhlamvu ezingezinhle, okunikeza umbhalo ukuzethemba okufana nokuhleba okuphambene nesitayela se-SaaS esivame ukuzwakala. Izindawo ze-UI zingamakhadi amhlophe asicaba, antanta ngaphezu kwesizinda esifudumele nge-blur eyodwa, ethambile, engu-16px; imingcele yakhiwe ngemigqa emincane, ene-tone engu-1px, esetshenziswa kakhulu njengesici esiyinhloko sesakhiwo esikhundleni sezihlukanisi ezisindayo noma amaphaneli. Ukwakheka kuyaphefumula: okuqukethwe okugcwele ububanzi kugxile kwisigqi esikhulu esiqondile, ngezilawuli ezisebenzisanayo ezimise okwephilisi, umfanekiso we-mascot wobuntu, kanye nezithombe-skrini zedeshibhodi njengobufakazi bomkhiqizo. Umbono ophelele uhlaziya ngokuhlela: ukuzola, i-monochrome, ukuzethemba, kanye nokubiza okuluhlaza okwesibhakabhaka esenzweni kuyisici esihlaba umxhwele kakhulu ekhasini ngenxa yokuzibamba ngamabomu kwakho konke okunye.
Ikhasi linobubanzi obukhulu, liphakathi cishe no-1200px kanye nesikhala esiningi esiqondile. Iqhawe liyibhulokhi yombhalo enemigqa emibili, eqondaniswe kwesobunxele enomusho owodwa ogqanyisiwe ("olula futhi osebenzayo") oluhlaza okwesibhakabhaka, olandelwa umugqa onezingcingo ezimbili esenzweni (iphilisi eliluhlaza okwesibhakabhaka + iphilisi lesipoki), bese kuba umugqa wamalogo ozakwethu ku-grayscale, bese kuba umugqa wezilinganiso zokwethenjwa, bese kuba ukubuka kuqala kwedeshibhodi egcwele ububanzi, okugqagqana kancane nesigaba esilandelayo. Ngezansi kokugoqwa kukhona imigqa eshintshanayo yobufakazi kugridi yekholomu eyodwa, kulandelwe izigaba ezigcwele ububanzi ezinezincazelo zesici, umbhalo oqondaniswe kwesobunxele, kanye nezithombe zomkhiqizo eziphakathi. Ukuzulazula kuyibha ephezulu encane—ilogo kwesobunxele, izixhumanisi zokuzulazula eziphakathi, ukungena ngemvume + ukubiza isenzo okuluhlaza okwesibhakabhaka ngakwesokudla—neqoqo lama-avatar ahambayo phakathi kokuzulazula okusebenza njengokuqinisekiswa kobunikazi. Izikhala phakathi kwezigaba zibanzi (96px) ukudala isigqi sokuhlela kunokuba kube yingxubevange yolwazi.
Ulimi olubonakalayo lubuswa izithombe-skrini zesibonisi somsebenzisi somkhiqizo—ukubuka kuqala kwedeshibhodi isithombe esenziwe ngesihlungi sokungafani esimpunga (1) (0.94), esiguqula imibala yedatha ibe umbala onombala owodwa. Ukuphela komuntu yisitika se-mascot esiqondile (umlingiswa one-hood), esidwetshwe ngesitayela se-SVG esinezinhlaka kuphela, esibekwe kanye ngesigaba njenge-counterpoint edlalayo kokuqukethwe kokuhlaziya, nesithunzi esithambile ukudala umphumela wokujula ofana nesitika. Ilogo yomkhiqizo nama-glyphs kuyizinhlansi/amalangabi amancane amnyama. Azikho izithombe—azikho izithombe zendlela yokuphila, azikho izithombe zeqembu, azikho izithombe zemvelo. Into (ideshibhodi) ngumlingiswa oyinhloko. Zonke izithonjana zokuhlobisa ziyisitayela sohlaka lwe-1px ku-#0c0a09 noma ku-#3ba6f1, azikaze zigcwaliswe.
Iphalethi
Umkhiqizo
- Cyan Signal
#3ba6f1— Ukubizelwa esenzweni okuyinhloko, izixhumanisi ezisebenzayo, kanye nohlaka lwezithonjana zomkhiqizo yizona kuphela izimpawu zombala ekhasini, ezisetshenziswa kancane ukudonsela ukunaka esenzweni. - Cyan Edge
#3398e1— Okuluhlaza okwesibhakabhaka kusetshenziselwa ukugqamisa izinhlaka zesenzo, amalebula ezixhumanisi, kanye nezinto ezisebenzisanayo. Akufanele kusetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Ink Black
#0c0a09— Izihloko eziyinhloko, umbhalo womzimba ogqanyisiwe, kanye nezithonjana ezivezayo zinombala ofudumele, cishe omnyama. - Stone Canvas
#fafaf9— Ingemuva lekhasi linombala ofudumele, okhilimu ozwakala njengephepha kunokuba kube mhlophe kwesikrini. - Pure White
#ffffff— Izindawo zemephu, amaphaneli avelele, kanye nokugcwalisa insimu yokufaka kuyisicaba futhi akunamthunzi ngokuzenzakalelayo. - Stone Border
#e8e6e5— Imingcele emincane emakhadini, ukuzulazula, kanye nezinkambu zokufaka yizinto eziyinhloko zesakhiwo, hhayi izihlukanisi. - Stone Muted
#d6d3d1— Ozimele abengeziwe, imibala yangemuva engabonakali, izihlukanisi zokuhlobisa. - Ash Gray
#a8a29e— Umbhalo wosizo, uhlaka lwezithonjana, izimo ezikhutshaziwe - kuyafundeka kodwa akusebenzanga.
Ukuthayipha
kusukela ku-10 kuya ku-52px · izinyathelo ezi-5
- Roobert — esikhundleni: Inter Tight or Satoshi · izinhlaka 400, 500 · Ifonti yezihloko kanye nokuhlelwa kombhalo iyi-sans-serif ehlukile yejometri enesikhala esincane sezinhlamvu ezingezinhle (-0.025em ku-32px, -0.021em ku-52px). Isisindo esingu-400 x 52px siyisiginesha sefonti: esingajwayelekile, esicashile, kodwa esinegunya, kodwa esingachazwanga kahle. Izihloko zithatha indawo yazo ngaphandle kokuba ziqine kakhulu.
- Inter — esikhundleni: Inter · izinhlaka 400, 500, 600 · Ifonti eyinhloko yombhalo womzimba, ukuzulazula, i-UI, kanye nezihloko iyifonti engathathi hlangothi, ebanzi yayo yonke imibhalo engaphandle kwesikrini. I-14px enesisindo esingu-400 kanye nesikhala somugqa esingu-1.64 yisona sayizi esiyinhloko sombhalo womzimba (imvamisa engu-1174). Isikhala sohlamvu esihle (0.004em) ngobukhulu obuncane siqinisekisa ukufundeka kwe-UI ebanzi.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | ivulekile |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 10px |
| Izithunzi | izithunzi ezithambile |
| Phakathi kwezigaba | 96px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Seline Analytics futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- ElevenLabs — Indatshana yesithombe enemibala efudumele nezihloko ezimfushane. Incwadi yokubhala yesitayela seBauhaus—iphepha elinombala wegobolondo leqanda, uyinki omnyama, kanye nophawu olulodwa oluphuzi noluphuzi lokubonisa umkhiqizo.
- Awesomic — I-zinc mesh yokuhlela enezimpawu zokubhala eziwolintshi ezikhumbuza i-confetti
- Monad — iphephabhuku lobuchwepheshe lokuhlela ngesikhumba esifudumele
- Dub — Iphaneli yokulawula iphepha lelayisi elingacwebezeli kahle le-Link
- Notion — Incwadi yencwajana efudumele elangeni lasemini
- Anthropic — Ijenali yesayensi yensimu ekhuluma nge-vellum efudumele—izindawo ezizolile ze-ivory, izihloko zokuhlela ezicacile, kanye nokugqamisa okukodwa kobumba okuvela kuphela lapho kudingeka isenzo.
- Calendly — Uyinki oluhlaza okwesibhakabhaka onsundu obandayo
- Augen Pro — Isethulo esimhlophe se-Apple sibonisa umbala oluhlaza okwesibhakabhaka okhanyayo, ongenasisindo, njengophawu olulodwa endaweni eyodwa.
- Antimetal — Umlando wokuhlela ephepheni elinokhilimu—ukusa okuthule ephephabhukwini lesayensi, lapho ukuzibamba kuveza ukuzethemba khona kanye nama-serif enza umsebenzi onzima
- Perk — Ilayimu kagesi ephepheni elifudumele lesikhumba
- Ditto — Indawo yokusebenzela ekhanyiswe yilanga edala amasampula ezimbali zasendle. Izindawo ezifudumele zokhilimu, umbala ophuzi okhanyayo oyisisekelo, uyinki oluhlaza okwesibhakabhaka ojulile, imibala yemvelo eqhakaza ngemuva kwesiqephu.
- Officevibe — Umagazini wokuhlela okhuluma ngephepha elifudumele elinombala okhilimu. Cabanga ngendatshana ecatshangelwe kahle ngokuphathwa kwe-HR, eyethulwe njengomkhiqizo—ifonti ye-cursive serif ehleba ngokusebenzisa isikhombikubona sesimanje esiluhlaza okwesibhakabhaka.