Seline Analytics
Tebulo losabisala lofufuza pa pepala lofunda
Seline yaikidwa motsatira maziko a miyala yofunda (#fafaf9) yokhala ndi kalembedwe kamodzi ka buluu kowala—mitundu ina yonse ndi yopanda mbali ndipo yatengedwa kuchokera ku mtundu wa miyala ya Tailwind. Mitu ya nkhani imapangidwa ndi zilembo zosapanga dzimbiri zopangidwa mwamakonda (roobert) zokhala ndi kulemera kwa 400 ndi malo opapatiza a zilembo zoyipa, zomwe zimapangitsa kuti mawuwo akhale odzidalira pang'ono, ngati kuti ndi onyodola omwe amasiyana ndi kalembedwe ka SaaS komwe nthawi zambiri kumakhala kokweza. Malo ogwiritsira ntchito mawonekedwe ndi makadi oyera athyathyathya, oyandama pamwamba pa maziko ofunda ndi blur imodzi, yofewa, ya 16px; malire amapangidwa ndi mizere yopyapyala, yokhala ndi 1px yokhala ndi miyala, yogwiritsidwa ntchito kwambiri ngati chinthu chachikulu chomangira m'malo mwa zogawa zolemera kapena mapanelo. Kapangidwe kake kamakhala ndi mpweya wabwino: zomwe zili m'lifupi lonse zimakhazikika pa kamvekedwe kowongoka, ndi zowongolera zolumikizana zooneka ngati mapiritsi, chithunzi cha umunthu, ndi zithunzi za dashboard ngati umboni wa malonda. Chiwonetsero chonse ndi chowunikira m'malemba: bata, monochrome, chidaliro, ndi kuyitana kwabuluu kuchitapo kanthu kukhala chinthu chochititsa chidwi kwambiri patsamba chifukwa cha kudziletsa kwa dala kwa china chilichonse.
Tsambali lili ndi mulifupi mwake, pafupifupi 1200px ndi malo ambiri oimirira. Ngwazi ndi mzere wa mizere iwiri, wolunjika kumanzere wokhala ndi mawu amodzi owonetsedwa ("osavuta komanso ogwira mtima") abuluu, otsatiridwa ndi mzere wokhala ndi ma call to action awiri (buluu piritsi + mzimu piritsi), kenako mzere wa ma logo ogwirizana nawo mu grayscale, kenako mzere wa ma trust ratings, kenako chiwonetsero cha dashboard yoyandama yonse, yolumikizana pang'ono ndi gawo lotsatira. Pansi pa fold pali mizere yosinthana ya maumboni mu gridi imodzi, kutsatiridwa ndi magawo athunthu okhala ndi mafotokozedwe azinthu, malemba olunjika kumanzere, ndi zithunzi za malonda ozungulira. Navigation ndi minimalist top bar—logo kumanzere, maulalo oyendera pakati, login + blue call to action kumanja—ndi gulu loyandama la ma avatar pakati pa navigation omwe amagwira ntchito ngati chitsimikizo cha kudziwika. Malo pakati pa magawo ndi otakata (96px) kuti apange kamvekedwe ka mkonzi m'malo mwa kusakanikirana kwakukulu kwa chidziwitso.
Chilankhulo chowoneka chimayang'aniridwa ndi zithunzi za mawonekedwe a ogwiritsa ntchito a chinthucho—chiwonetsero cha dashboard ndi chithunzi chojambulidwa ndi fyuluta yosiyanitsa ya grayscale (1) (0.94), yomwe imasinthasintha mitundu ya deta kukhala mtundu wa monochrome. Chithunzi chokhacho cha munthu ndi cholembera cha mascot cholunjika (chithunzi chokhala ndi hood), chojambulidwa mu kalembedwe ka SVG chokhala ndi ma planeti okha, choyikidwa kamodzi pagawo lililonse ngati chotsutsana ndi zomwe zili muzowunikira, ndi mthunzi wofewa kuti apange zotsatira zozama ngati zolembera. Chizindikiro cha mtundu ndi ma glyphs ndi tinthu tating'onoting'ono takuda/malawi. Palibe zithunzi—palibe zithunzi za moyo, palibe zithunzi za gulu, palibe zithunzi zachilengedwe. Chinthucho (dashboard) ndiye protagonist. Zizindikiro zonse zokongoletsera ndi 1px mawonekedwe a planeti mu #0c0a09 kapena #3ba6f1, sizinadzazidwe.
Paleti
Mtundu
- Cyan Signal
#3ba6f1— Kuyitana kwakukulu kuchitapo kanthu, maulalo ogwira ntchito, ndi mawonekedwe a zizindikiro za kampani ndizomwe zimangogwiritsidwa ntchito pang'ono kuti anthu aziganizira za zomwe zikuchitika. - Cyan Edge
#3398e1— Buluu amagwiritsidwa ntchito kuonetsa ndondomeko ya zochita, zilembo zolumikizirana, ndi zinthu zina zolumikizirana. Siziyenera kugwiritsidwa ntchito ngati mtundu waukulu wa zoyitanitsa kuchitapo kanthu.
Osalowerera
- Ink Black
#0c0a09— Mitu yayikulu, mawu olembedwa bwino, ndi zizindikiro zosonyeza mawu zili mu mtundu wofunda, pafupifupi wakuda. - Stone Canvas
#fafaf9— Tsamba lakumbuyo ndi lofunda komanso lokoma lomwe limamveka ngati pepala osati ngati loyera la sikirini. - Pure White
#ffffff— Malo a mapu, mapanelo otuluka, ndi malo odzaza zinthu ndi athyathyathya komanso opanda mthunzi mwachisawawa. - Stone Border
#e8e6e5— Malire owonda pa makadi, kuyenda, ndi malo olowera ndiye chinthu chachikulu chomwe chimapangidwira, osati zolekanitsa. - Stone Muted
#d6d3d1— Mafelemu owonjezera, mithunzi yocheperako yakumbuyo, zogawa zokongoletsera. - Ash Gray
#a8a29e— Mauthenga othandiza, ma grafu a zizindikiro, mawonekedwe oletsedwa - owerengeka koma osagwira ntchito.
Kulemba zilembo
kuyambira 10 mpaka 52px · masitepe 5
- Roobert — cholowa m'malo: Inter Tight or Satoshi · mndandanda 400, 500 · Fonti ya mitu ndi kapangidwe ka malemba ndi yapadera yopanda ma geometric yokhala ndi mipata yochepa ya zilembo zoyipa (-0.025em pa 32px, -0.021em pa 52px). Kulemera kwa 400 x 52px ndiye chizindikiro cha fonti: yosazolowereka, yobisika, koma yodalirika, koma yocheperako. Mitu ya nkhani imakhala pamalo awo popanda kupondereza.
- Inter — cholowa m'malo: Inter · mndandanda 400, 500, 600 · Chilembo chachikulu cha mawu a thupi, kuyenda, UI, ndi mitu ndi chilembo chopanda malire, chodziwika bwino cha mawu onse omwe sali pa sikirini. 14px yokhala ndi kulemera kwa 400 ndi mtunda wa mizere wa 1.64 ndiye kukula kwakukulu kwa mawu a thupi (pafupifupi 1174). Kutalikirana kwa zilembo zabwino (0.004em) pazing'onozing'ono kumatsimikizira kuti UI yokhuthala ingathe kuwerengedwa mosavuta.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | lalikulu |
| Gawo loyambira | 8px |
| Utali wa batani | 9999px |
| Utali wa khadi | 10px |
| Mithunzi | mithunzi yofewa |
| Pakati pa magawo | 96px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Seline Analytics ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- ElevenLabs — Nkhani yojambulidwa ndi utoto wofunda wa kirimu wokhala ndi mitu yofewa. Buku lolemberamo zinthu la Bauhaus—pepala lokhala ndi chipolopolo cha dzira, inki yakuda, ndi mawu amodzi ofiirira ndi alanje owonetsera zinthu.
- Awesomic — Utoto wa zinki wokhala ndi zizindikiro za lalanje zokumbutsa za confetti
- Monad — magazini yaukadaulo yokhudza chikopa chofunda
- Dub — Chida chowongolera pepala la mpunga losawoneka bwino la Link
- Notion — Buku lofunda la pepala padzuwa la masana
- Anthropic — Magazini ya sayansi yokhudza malo ofunda a vellum—malo odekha okhala ndi minyanga ya njovu, mitu yolembedwa bwino, ndi mawu amodzi adothi omwe amaonekera pokhapokha ngati pakufunika kuchitapo kanthu.
- Calendly — Inki yabuluu wakuda pa marble yozizira
- Augen Pro — Chovala choyera cha Apple chili ndi mtundu wa buluu wamagetsi, wopanda kulemera, womwe umagwiritsidwa ntchito kokha ngati chokongoletsera cha monochrome.
- Antimetal — Nkhani yolembedwa pa pepala lokongola—m'mawa chete m'magazini ya sayansi, komwe kudziletsa kumasonyeza chidaliro ndipo a serif amachita zinthu zolemetsa
- Perk — Laimu wamagetsi pa pepala lofunda lopaka
- Ditto — Malo ochitira maluwa akuthengo omwe amawala ndi dzuwa. Malo ofunda a kirimu, mtundu wachikasu wowala, inki yabuluu yozama, mitundu yachilengedwe yomwe imamera kumbuyo kwa chidutswacho.
- Officevibe — Magazini yolembedwa pa pepala lofunda lokhala ndi utoto wofiirira. Tangoganizirani nkhani yoganizira bwino yokhudza kayendetsedwe ka anthu, yoperekedwa ngati chinthu—zilembo zolembedwa mozungulira zomwe zikunong'oneza kudzera mu mawonekedwe abuluu amakono.