Seline Analytics
Tafura yekuongorora yakanyarara papepa rinodziya
Seline yakaiswa pamadziro edombo rinodziya (#fafaf9) ine bhuruu rimwe chete rinopenya—mamwe mavara ese haana kuenzana uye anotorwa kubva pamavara eTailwind stone. Misoro yenyaya inonyorwa nefonti ye geometric sans-serif yakagadzirwa nemaoko (roobert) ine huremu hwemabhii mazana mana uye yakamanikana, zvichiita kuti rugwaro ruve nechivimbo chakafanana nechekuzevezera chinosiyana nemaitiro eSaaS anowanzoita ruzha. Nzvimbo dzeUI makadhi machena akatsetseka, anoyangarara pamusoro pemadziro anodziya ane blur imwe chete, yakapfava, ye16px; miganhu yakagadzirwa nemitsetse mitete, ine 1px stone-tone, inoshandiswa zvakanyanya sechinhu chikuru chekuvaka panzvimbo pezvikamu zvinorema kana mapaneru. Magadzirirwo acho anofema: zvirimo zvakazara zvakanangana nerwiyo rwakanaka rwekumira, nemidziyo inodyidzana yakaita sepiritsi, mufananidzo wehunhu, uye mapikicha edhibhodhi seuchapupu hwechigadzirwa. Pfungwa yacho yese ndeyekuongorora: yakadzikama, monochrome, ine chivimbo, nebhuruu kudanwa kuita chiito chiri chinhu chinonyanya kushamisa papeji nekuda kwekudzora kwezvimwe zvese.
Peji racho rakafara zvakanyanya, riri pakati pe1200px rine nzvimbo yakakura yakatwasuka. Gamba iri rine mutsetse miviri, rakanamirwa kuruboshwe rine chirevo chimwe chete, chakasimbiswa ("chiri nyore uye chinoshanda") mubhuruu, richiteverwa nemutsara une kudana kuzviito zviviri (piritsi rebhuruu + piritsi remweya), wozotevera mutsara wemalogo evabatsiri ari mugrayscale, wozotevera mutsara wekutarisa kuvimba, wozotevera dashboard rekutarisa rakafara zvakakwana, richipfuura zvishoma chikamu chinotevera. Pasi pechifukidziro pane mitsara yehumbowo inochinjana mugridi yekoramu imwe chete, ichiteverwa nezvikamu zvakafara zvizere zvine tsananguro dzezvinhu, rugwaro rwakanamirwa kuruboshwe, uye mifananidzo yechigadzirwa chapakati. Kufamba-famba ibar yepamusoro-soro—logo kuruboshwe, malink ekufamba-famba ari pakati, kupinda + kudana kuzviito kwebhuruu kurudyi—neboka remaavatar ari pakati pekufamba-famba rinoshanda sekusimbisa hunhu. Nzvimbo dziri pakati pezvikamu dzakafara (96px) kugadzira mutinhimira wekunyora pane musanganiswa wakakura weruzivo.
Mutauro unoonekwa unotongwa nemifananidzo yemushandisi wechigadzirwa—mufananidzo wedashboard unotorwa negrayscale (1) (0.94) contrast filter, iyo inodzima mavara edata kuita monochrome hue. Chimiro chemunhu chega isticker ine mascot linear (hunhu hwakavharirwa nehood), yakadhirowewa muSVG style ine ma outlines chete, yakaiswa kamwe chete pachikamu chimwe nechimwe senzira inotamba yekuongorora zviri mukati, ine mumvuri wakapfava wekugadzira mhedzisiro yakaita sesticker yehudzamu. Logo yebrand nema glyphs madiki matema/marimi. Hapana mapikicha—hapana mifananidzo yemararamiro, hapana mapikicha echikwata, hapana mifananidzo yezvakatipoteredza. Chinhu (dashboard) ndicho chinomiririra. Mifananidzo yese yekushongedza ine 1px outline style mu #0c0a09 kana #3ba6f1, haina kumbozadzwa.
Palette
Rudzi
- Cyan Signal
#3ba6f1— Kudanwa kukuru kwechiito, zvinongedzo zvinoshanda, uye kurongeka kwezviratidzo zvema brand ndizvo chete zvinoratidzwa nemavara papeji, zvisingashandiswi zvakanyanya kukwezva pfungwa kune chiito. - Cyan Edge
#3398e1— Bhuruu rinoshandiswa kuratidza marongerwo ezviito, mavara ekubatanidza, uye zvinhu zvinodyidzana. Harifanirwe kushandiswa seruvara rukuru rwekushevedza chiito.
Kwakarerekera
- Ink Black
#0c0a09— Misoro mikuru, zvakanyorwa nemuviri wakaratidzwa, uye zviratidzo zvinoburitsa pachena zviri muruvara runodziya, runenge rutema. - Stone Canvas
#fafaf9— Kumashure kwepeji iri kwakafanana neruvara runodziya, rune kirimu runonzwika sepepa kwete seruvara ruchena rwechidzitiro. - Pure White
#ffffff— Nzvimbo dzemepu, mapaneru anobuda, uye nzvimbo dzinozadzwa nekuisa zvinhu dzakati sandara uye dzisina mumvuri zvachose. - Stone Border
#e8e6e5— Miganhu mitete pamakadhi, kufamba, uye nzvimbo dzekupinda ndizvo zvinhu zvikuru zvekuvaka, kwete zvinoparadzanisa. - Stone Muted
#d6d3d1— Mafuremu ekuwedzera, mithunzi yemashure isina kusimba, zvikamura zvekushongedza. - Ash Gray
#a8a29e— Rubatsiro rwemashoko, zviratidzo zvemasaini, mamiriro akaremara - anoverengwa asi haashande.
Kunyora
kubva pa10 kusvika pa52px · nhanho 5
- Roobert — kutsiva: Inter Tight or Satoshi · marongero 400, 500 · Mafonti emisoro yenyaya uye marongerwo emashoko akasiyana-siyana asina manyorerwo ejometri ane nzvimbo shoma yemavara asina kunaka (-0.025em pa32px, -0.021em pa52px). Huremu hwe400 x 52px ndihwo hunhu hwefonti: husina kujairika, husina kujeka, asi hune simba, asi husina kutaurwa zvakanyanya. Misoro yenhau inogara panzvimbo yayo isinganyanyi kudzvinyirira.
- Inter — kutsiva: Inter · marongero 400, 500, 600 · Fonti huru yekunyora kwemuviri, kufamba, UI, uye misoro ifonti isina kwayakarerekera, inongoshandiswa nevanhu vose pakunyora kunze kwechidzitiro. 14px ine huremu hwe400 uye mutsetse wakapatsanurwa we1.64 ndiyo saizi huru yekunyora kwemuviri (frequency 1174). Kupatsanurana kwemabhii akanaka (0.004em) pahukuru hudiki kunoita kuti UI ive nyore kuverenga.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | yakakura |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 10px |
| Mimvuri | mimvuri yakapfava |
| Pakati pezvikamu | 96px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Seline Analytics uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- ElevenLabs — Rondedzero yemifananidzo ine mavara anodziya ane misoro midiki. Bhuku rekunyorera rakagadzirwa seBauhaus—pepa rine ruvara rwegoko remazai, inki nhema, uye ruvara rwepepuru neorenji chete rwekuratidzwa kwechigadzirwa.
- Awesomic — Mesh ye zinc ine zviratidzo zveorenji zvinoyeuchidza nezve confetti
- Monad — magazini yehunyanzvi yekunyora pamusoro peganda rinodziya
- Dub — Panera rekudzora repepa remupunga rakagadzirwa neLink
- Notion — Bhuku rekunyorera rinodziya muzuva remasikati
- Anthropic — Chinyorwa chesainzi pamusoro pemakwenzi anodziya emhando ye "vellum"—nzvimbo dzakadzikama dzenzou, misoro yenyaya dzakanyorwa, uye matauriro evhu rimwe chete anongoonekwa kana paine chikonzero chekuita chimwe chinhu.
- Calendly — Inki yebhuruu yakasviba padombo remabhura rinotonhora
- Augen Pro — Chiratidziro chechena cheApple chine ruvara rwebhuruu rwemagetsi, rusina huremu, sechinhu chinongoshandiswa chete munzvimbo ine ruvara rwemonochrome.
- Antimetal — Nyaya yekunyora pamusoro penyaya yekirimu—mangwanani akanyarara pamagazini yesainzi, uko kuzvidzora kunoratidza chivimbo uye varwi vanoita basa guru
- Perk — Lime yemagetsi papepa rinodziya reparchment
- Ditto — Nzvimbo yekuchengetera maruva emusango yakavhenekerwa nezuva. Nzvimbo dzinodziya dzekirimu, ruvara rweyero rinopenya, inki dzebhuruu dzakadzika, mavara emhando yeorganic ari kutumbuka seri kwechigadzirwa.
- Officevibe — Magazini yekunyora pamusoro pepepa rinodziya rakaita sekirimu. Fungidzira rondedzero ine pfungwa pamusoro pekutarisira HR, inounzwa sechigadzirwa—fonti yekunyora yakatsetseka ichizevezera kuburikidza neinterface yebhuruu yemazuva ano.