Seline Analytics
Tafole e khutsitseng ea tlhahlobo pampiring e futhumetseng
Seline e behiloe khahlanong le bokamorao ba lejoe le futhumetseng (#fafaf9) ka molumo o le mong o moputsoa o khanyang—mebala e meng kaofela ha e nke lehlakore 'me e nkiloe ho tsoa ho palete ea 'mala oa lejoe la Tailwind. Lihlooho li hlahisoa ka mongolo o entsoeng ka mokhoa o ikhethileng oa geometrical sans-serif (roobert) o nang le boima ba 400 le sebaka se senyenyane sa litlhaku tse mpe, o fang mongolo kholiseho e bonolo, e batlang e tšoana le ea hoeshetsa e fapaneng le setaele sa SaaS se tloaelehileng se lerata. Libaka tsa UI ke likarete tse tšoeu tse bataletseng, tse phaphametseng ka holim'a bokamorao bo mofuthu ka blur e le 'ngoe, e bonolo, ea 16px; meeli e entsoe ka mela e mesesaane, e nang le molumo oa lejoe oa 1px, e sebelisoang haholo e le karolo ea mantlha ea sebopeho sebakeng sa likarohano tse boima kapa liphanele. Sebopeho sea hema: litaba tse bophara bo felletseng li shebane le morethetho o moholo o otlolohileng, ka li-control tse sebelisanang tse bōpehileng joaloka pilisi, setšoantšo sa mascot bakeng sa botho, le litšoantšo tsa dashboard e le bopaki ba sehlahisoa. Maikutlo ka kakaretso ke a tlhahlobo ea mohlophisi: khutso, monochrome, kholiseho, 'me pitso e putsoa ea ketso e le karolo e khahlang ka ho fetisisa leqepheng ka lebaka la thibelo e reriloeng ea ntho e 'ngoe le e 'ngoe.
Leqephe le bophara bo boholo, le bohareng ba hoo e ka bang 1200px le na le sebaka se seholo se otlolohileng. Mohale ke boloko ba mongolo bo otlolohileng ba mela e 'meli, bo otlolohileng ka letsohong le letšehali bo nang le poleloana e le 'ngoe e totobalitsoeng ("e bonolo le e sebetsang") ka boputsoa, bo lateloa ke mola o nang le mehala e 'meli ea ketso (pilisi e putsoa + pilisi ea moea), ebe mola oa matšoao a molekane ka grayscale, ebe mola oa litekanyetso tsa ts'epo, ebe joale ponelopele ea dashboard e otlolohileng ka bophara bo felletseng, e fetang karolo e latelang hanyane. Ka tlase ho lesoba ho na le mela e fapanyetsanang ea bopaki ka har'a gridi ea kholomo e le 'ngoe, e lateloa ke likarolo tse felletseng tse nang le litlhaloso tsa likarolo, mongolo o otlolohileng ka letsohong le letšehali, le litšoantšo tsa sehlahisoa tse bohareng. Tsamaiso ke bareng e ka holimo e nyane - letšoao ka letsohong le letšehali, lihokelo tsa ho tsamaea tse bohareng, ho kena + pitso e putsoa ea ketso ka letsohong le letona - ka sehlopha se phaphametseng sa li-avatar bohareng ba tsamaiso se sebetsang e le netefatso ea boitsebiso. Libaka tse lipakeng tsa likarolo li pharaletse (96px) ho theha morethetho oa bohlophisi ho fapana le moferefere o teteaneng oa tlhaiso-leseling.
Puo e bonahalang e laoloa ke di-skrini tsa sebopeho sa mosebelisi sa sehlahiswa—ponelopele ya dashboard ke foto e hlahisitsweng ka sefe sa phapang sa grayscale (1) (0.94), se fetolang mebala ya data hore e be mmala o motsho. Setshwantsho se le seng feela sa motho ke setikara sa mascot se otlolohileng (sebopeho se nang le sekoti), se takilwe ka setaele sa SVG se nang le meralo feela, se behilweng hanngwe ka karolo e le kgahlano le dikahare tsa tlhahlobo, ka moriti o bonolo ho etsa phello e kang ya setikara ya botebo. Letshwao la letshwao le di-glyph ke ditlhase/malakabe a manyane a matsho. Ha ho na difoto—ha ho na difoto tsa mokgwa wa bophelo, ha ho na difoto tsa sehlopha, ha ho na ditshwantsho tsa tikoloho. Ntho (dashboard) ke protagonist. Matshwao ohle a kgabiso ke setaele sa kemiso ya 1px ka #0c0a09 kapa #3ba6f1, ha a so ka a tlatswa.
Palete
Letšoao
- Cyan Signal
#3ba6f1— Pitso e ka sehloohong ea ketso, lihokelo tse sebetsang, le kakaretso ea matšoao a mabitso ke tsona feela melumo ea mebala leqepheng, e sebelisoang hanyane ho hohela tlhokomelo ketsong. - Cyan Edge
#3398e1— Putsoa e sebelisoa ho totobatsa lintlha tsa liketso, mabitso a lihokelo le likarolo tse sebelisanang. Ha ea lokela ho sebelisoa e le 'mala o ka sehloohong oa ho bitsa ketso.
Lehlakore
- Ink Black
#0c0a09— Lihlooho tse kholo, mongolo oa 'mele o totobalitsoeng, le matšoao a hlalosang maikutlo li ka 'mala o mofuthu, o batlang o le motšo. - Stone Canvas
#fafaf9— Semelo sa leqephe ke 'mala o mofuthu, o boreleli o ikutloang joaloka pampiri ho fapana le o mosoeu oa skrine. - Pure White
#ffffff— Libaka tsa 'mapa, liphanele tse hlahelletseng, le ho tlatsa masimo a kenyelletso li bataletse ebile ha li na moriti ka bohona. - Stone Border
#e8e6e5— Meeli e mesesaane likareteng, ho tsamaiseng le masimo a ho kenya ke karolo ea mantlha ea sebopeho, eseng li-arolator. - Stone Muted
#d6d3d1— Liforeimi tse ling, meriti e poteletseng ea bokamorao, likarolo tse khabisang. - Ash Gray
#a8a29e— Mongolo oa thuso, meralo ea matšoao, maemo a holofetseng - a ka baloa empa ha a sebetse.
Mongolo oa mongolo
ho tloha ho 10 ho isa ho 52px · mehato e 5
- Roobert — sebaka: Inter Tight or Satoshi · meralo 400, 500 · Fonte bakeng sa dihlooho le sebopeho sa mongolo ke sans-serif e ikgethang ya jeometri e nang le sebaka se fokolang sa ditlhaku tse mpe (-0.025em ho 32px, -0.021em ho 52px). Boima ba 400 x 52px ke letshwao la fonte: e sa tlwaelehang, e poteletseng, empa e na le matla, empa e sa totobatswa. Dihlooho tsa ditaba di nka sebaka sa tsona ntle le ho hatella.
- Inter — sebaka: Inter · meralo 400, 500, 600 · Fonte ea mantlha bakeng sa mongolo oa 'mele, ho tsamaea, UI le lihlooho ke fonte e sa nke lehlakore, e akaretsang bakeng sa mongolo oohle o seng skrineng. 14px e nang le boima ba 400 le sebaka sa mela sa 1.64 ke boholo bo ka sehloohong bakeng sa mongolo oa 'mele (makhetlo a 1174). Sebaka se setle sa litlhaku (0.004em) ka boholo bo bonyenyane se netefatsa hore UI e teteaneng e baleha habonolo.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | se seholo |
| Mohato oa motheo | 8px |
| Radiyo ea konopo | 9999px |
| Radiyo ya karete | 10px |
| Meriti | meriti e bonolo |
| Pakeng tsa likarolo | 96px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa Seline Analytics 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- ElevenLabs — Moqoqo oa foto o nang le mebala e mofuthu ea tranelate e nang le lihlooho tse bonolo. Buka ea lintlha ea setaele sa Bauhaus—pampiri e 'mala oa khetla ea lehe, enke e ntšo, le 'mala o le mong o pherese le oa lamunu bakeng sa pontšo ea sehlahisoa.
- Awesomic — Letlooeng la zinki le nang le matšoao a lamunu a hopotsang confetti
- Monad — koranta ea botekgeniki ea bahlophisi mabapi le letlalo le futhumetseng
- Dub — Phanele ea taolo ea pampiri ea raese e matte ea Link
- Notion — Bukana e mofuthu ea pampiri letsatsing la motšehare
- Anthropic — Koranta ea saense ea tšimo e buang ka vellum e futhumetseng—mabota a khutsitseng a lenaka la tlou, lihlooho tsa bohlophisi tse ngotsoeng ka mokhoa o hlakileng, le mokhoa o le mong oa letsopa o hlahang feela ha ho hlokahala ketso.
- Calendly — Enke e putsoa e lefifi holim'a 'mabole o batang
- Augen Pro — Pontšo e tšoeu ea Apple e na le 'mala o moputsoa o bobebe, o se nang boima, o nang le motlakase e le eona feela e sebelisoang sebakeng se le seng sa monochrome.
- Antimetal — Tlaleho ea mohlophisi pampiring ea tranelate—hoseng ho khutsitseng koranteng ea saense, moo boitšoaro bo bontšang kholiseho 'me bo-ralif ba etsa mosebetsi o boima
- Perk — Kalaka ea motlakase pampiring e futhumetseng ea letlalo
- Ditto — Sebaka sa ho lokisa lipalesa tsa naha se bonesitsoeng ke letsatsi. Libaka tse futhumetseng tsa tranelate, 'mala o mosehla o benyang, enke e tebileng e putsoa bo bofubelu, mebala ea tlhaho e thunya ka mor'a sejana.
- Officevibe — Makasine oa bahlophisi o buang ka pampiri e mofuthu e 'mala o boreledi. Nahana ka moqoqo o nahannoeng ka hloko mabapi le tsamaiso ea HR, o hlahisitsoeng e le sehlahisoa—mongolo o kobehileng oa serif o ntseng o hoeshetsa ka har'a sebopeho sa sejoale-joale se seputsoa.