Seline Analytics
Itheyibhile yohlalutyo ezolileyo ephepheni elifudumeleyo
I-Seline ibekwe ngasemva kwelitye elifudumeleyo (#fafaf9) kunye ne-accent enye eluhlaza okwesibhakabhaka eqaqambileyo—zonke ezinye imibala azikhethi kwaye zithathwe kwi-palette yombala welitye le-Tailwind. Izihloko zenziwe ngefonti ye-sans-serif eyenziwe ngokwezifiso (roobert) enobunzima obuyi-400 kunye nesithuba esincinci soonobumba abangalunganga, nto leyo enika umbhalo ukuzithemba okucothayo, okufana nokuhleba okungafaniyo nesitayile se-SaaS esivakala siphezulu. Iindawo ze-UI ngamakhadi amhlophe asicaba, ahamba phezu kwemvelaphi efudumeleyo kunye ne-blur enye, ethambileyo, eyi-16px; imida yenziwe ngemigca emincinci, ene-1px yelitye, esetyenziswa kakhulu njengento ephambili yokwakha endaweni yezahluli ezinzima okanye iiphaneli. Uyilo luphefumla: umxholo obanzi opheleleyo ugxile kwisingqisho esikhulu esithe nkqo, kunye nolawulo olusebenzisanayo olufana nepilisi, umfanekiso we-mascot wobuntu, kunye nezithombe zedeshibhodi njengobungqina bemveliso. Ingcamango iyonke ihlalutya ngokweengxelo: ukuzola, i-monochrome, ukuzithemba, kunye nobizo oluluhlaza okwesibhakabhaka oluya kwisenzo yeyona nto ibalaseleyo kwiphepha ngenxa yokuzibamba ngabom kwayo yonke enye into.
Iphepha linobubanzi obukhulu, liphakathi malunga ne-1200px kwaye linesithuba esikhulu esithe nkqo. Iqhawe libhloko yombhalo enemigca emibini, ehambelana ngasekhohlo enebinzana elinye, eligqanyisiweyo ("elilula nelisebenzayo") eliluhlaza okwesibhakabhaka, lilandelwa ngumqolo oneminxeba emibini yokwenza isenzo (ipilisi eluhlaza okwesibhakabhaka + ipilisi yesiporho), emva koko umqolo weelogo zamaqabane kwi-grayscale, emva koko umqolo wemilinganiselo yokuthembana, kwaye emva koko umbono wedeshibhodi ejikelezayo ebanzi, odlula kancinci kwicandelo elilandelayo. Ngaphantsi kwesi siqwenga kukho imigca etshintshanayo yobungqina kwigridi enekholamu enye, ilandelwa ngamacandelo obubanzi obupheleleyo aneenkcazo zeempawu, umbhalo ohambelana ngasekhohlo, kunye nemiboniso yemveliso ephakathi. Ukuhambahamba yibha ephezulu encinci—ilogo ekhohlo, iikhonkco zokuhamba eziphakathi, ukungena + ubizo oluluhlaza okwesibhakabhaka lokwenza isenzo ngasekunene—kunye neqela lee-avatar ezijikelezayo phakathi kwendlela yokuhambahamba esebenza njengoqinisekiso lobunikazi. Izithuba phakathi kwamacandelo zibanzi (96px) ukwenza isigqi sokuhlela endaweni yolwazi oluninzi.
Ulwimi olubonakalayo lulawulwa zii-skrini ze-interface yomsebenzisi wemveliso—i-preview yedeshibhodi yifoto evezwe ngesihluzo somahluko esingwevu (1) (0.94), esiguqula imibala yedatha ibe ngumbala we-monochrome. Umzimba womntu kuphela yistikha esi-linear mascot (umlinganiswa one-hood), esizotywe ngendlela ye-SVG enemigca kuphela, sibekwe kube kanye kwicandelo ngalinye njenge-counterpoint edlalayo kumxholo wohlalutyo, kunye nomthunzi othambileyo ukwenza isiphumo esifana nestikha sobunzulu. Ilogo yophawu kunye nee-glyphs ziintlantsi/amalangatye amancinci amnyama. Akukho zithombe—akukho mifanekiso yendlela yokuphila, akukho zithombe zeqela, akukho mifanekiso yendalo. Into (ideshibhodi) ngumlinganiswa ophambili. Zonke ii-icon zokuhombisa ziyisitayile se-outline ye-1px nokuba yi-#0c0a09 okanye i-#3ba6f1, azizange zizaliswe.
Iphalethi
Uphawu
- Cyan Signal
#3ba6f1— Isibhengezo esiphambili sesenzo, amakhonkco asebenzayo, kunye nomzobo wee-icon zeempawu zeempawu zezona ziphawu zombala kuphela kwiphepha, ezisetyenziswa kancinci ukutsala ingqalelo kwisenzo. - Cyan Edge
#3398e1— Uluhlaza okwesibhakabhaka lusetyenziswa ukuqaqambisa imigca yesenzo, iilebhile zokudibanisa, kunye nezinto ezisebenzisanayo. Akufanele isetyenziswe njengombala ophambili weefowuni eziya kwisenzo.
Ukungathathi cala
- Ink Black
#0c0a09— Izihloko eziphambili, umbhalo womzimba ogqanyisiweyo, kunye nee icon ezibonisa iimvakalelo zinombala ofudumeleyo, phantse omnyama. - Stone Canvas
#fafaf9— Imvelaphi yephepha inombala ofudumeleyo nokhrimu ovakala ngathi liphepha kunokuba ube mhlophe kwesikrini. - Pure White
#ffffff— Imiphezulu yemephu, iiphaneli ezivelelayo, kunye nokuzaliswa kwentsimi yokufaka zithe tyaba kwaye azinamthunzi ngokuzenzekelayo. - Stone Border
#e8e6e5— Imida emincinci kumakhadi, ukuhambahamba, kunye neendawo zokufaka zezona zinto ziphambili zokwakha, hayi izahluli. - Stone Muted
#d6d3d1— Iifreyimu ezongezelelweyo, izithunzi ezingasemva ezithambileyo, izahluli zokuhombisa. - Ash Gray
#a8a29e— Umbhalo woncedo, imigca ye icon, iimeko ezingasebenziyo - ziyafundeka kodwa azisebenzi.
Ubhalo lweencwadi
ukusuka kwi-10 ukuya kwi-52px · amanyathelo ama-5
- Roobert — ukutshintshwa: Inter Tight or Satoshi · imida 400, 500 · Ifonti yezihloko kunye noyilo lombhalo yi-sans-serif eyahlukileyo yejometri enesithuba esincinci soonobumba abangalunganga (-0.025em kwi-32px, -0.021em kwi-52px). Ubunzima obuyi-400 x 52px buphawu lwefonti: ayiqhelekanga, ayicacanga, kodwa inegunya, kodwa ayichazwanga kakuhle. Izihloko zihlala kwindawo yazo ngaphandle kokuba zigqithise.
- Inter — ukutshintshwa: Inter · imida 400, 500, 600 · Ifonti ephambili yombhalo womzimba, ukuhambahamba, i-UI, kunye nezihloko yifonti engathathi cala, eqhelekileyo kuyo yonke imibhalo engaphandle kwesikrini. I-14px enobunzima obuyi-400 kunye nesithuba semigca esiyi-1.64 yeyona iphambili yombhalo womzimba (i-frequency 1174). Isithuba seeleta ezilungileyo (0.004em) ngobukhulu obuncinci siqinisekisa ukufundeka kwe-UI exineneyo.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | banzi |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 10px |
| Izithunzi | izithunzi ezithambileyo |
| Phakathi kwamacandelo | 96px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Seline Analytics ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- ElevenLabs — Isincoko seefoto ezinemibala efudumeleyo yekhrimu enezihloko ezincinci. Incwadi yeencwadi efana neBauhaus—iphepha elinombala weqokobhe leqanda, i-inki emnyama, kunye ne-accent enye emfusa neorenji yokubonisa imveliso.
- Awesomic — I-zinc mesh yomhleli eneempawu zokubhala eziorenji ezikhumbuza i-confetti
- Monad — ijenali yobugcisa yomhleli malunga nephepha elifudumeleyo
- Dub — Iphaneli yokulawula iphepha lerayisi elingacwebezeliyo leLink
- Notion — Incwadi yephepha efudumeleyo elangeni lasemini
- Anthropic — Ijenali yenzululwazi ethetha nge-vellum efudumeleyo—imiphezulu ezolileyo ye-ivory, izihloko zomhleli ezicacileyo, kunye nesimbo esinye sodongwe esibonakala kuphela xa kufuneka isenzo.
- Calendly — I-inki eluhlaza okwesibhakabhaka emnyama kwimabula ebandayo
- Augen Pro — Imbonakalo emhlophe ye-Apple inombala oluhlaza okwesibhakabhaka okhanyayo, ongenabunzima, njengombala oqaqambileyo kwindawo enye.
- Antimetal — Ingxelo yomhleli ekwiphepha elinokhilimu—intsasa ezolileyo kwijenali yesayensi, apho ukuzibamba kubonisa ukuzithemba kwaye ii-serif zenza umsebenzi onzima
- Perk — Ilayimu yombane kwiphepha elifudumeleyo lephepha lokubhaka
- Ditto — Indawo yokusebenzela ekhanyiswe lilanga edala iisampulu zeentyatyambo zasendle. Imiphezulu efudumeleyo yekhrimu, umbala otyheli oqaqambileyo osisiseko, ii-inki eziluhlaza okwesibhakabhaka ezinzulu, imibala yendalo eqhakaza emva kwesiqwenga.
- Officevibe — Imagazini yomhleli ekwiphepha elifudumeleyo elinombala okhrimu. Khawuthelekelele isincoko esicingisisiweyo malunga nolawulo lwe-HR, esivezwe njengemveliso—ifonti ye-cursive serif ehleba kwi-interface eluhlaza okwesibhakabhaka yanamhlanje.