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
- Mollie — Kauntala ya cashmere, buku lakuda. Siyani malo oyera okwanira kuti mulembe nkhani mozungulira mawu akuda, kenako onjezerani mfundo zokhudzana ndi malonda ndi mafuta ofunda, ma brown a espresso, ndi zithunzi zogwira mtima za njira zenizeni zolipirira.
- Kagi — Chipinda chowerengera china. Pangani malo oyera otseguka mozungulira zilembo zakuda za graphite, pogwiritsa ntchito zofiirira zofewa komanso malo ofunda a pastel kuti muwononge bata.
- Milanote — Milanote ndi studio yodzipereka yolenga. Pangani masamba ofanana ndi zithunzi pogwiritsa ntchito ma board owoneka oyandama: makoma amdima okhala ndi mafelemu, malo oyera owonetsera, ndi zithunzi zomwe zimawoneka ngati zinthu zenizeni zokhala ndi kuya kofewa.
- Co2 — Buku la mapu a nyengo m'nyengo yozizira. Pangani masamba ngati malo owonetsera zikalata za mlengalenga, komwe mitu ya serif, deta yolembedwa m'magulu, ndi zithunzi zozizira zimawonetsa m'mphepete zoyera zazikulu.
- GitButler — Chofiirira kumapeto kwa lembalo. Kuphatikiza kwa mitu ya serif yosiyana kwambiri yokhala ndi ma gridi aukadaulo osavuta, malo ofunda a graphite, ndi mawonekedwe a turquoise osawoneka bwino.
- 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