Seline Analytics
Jedwali la uchanganuzi tulivu kwenye karatasi ya joto
Seline imewekwa dhidi ya mandharinyuma ya jiwe lenye joto (#fafaf9) ikiwa na lafudhi moja ya bluu inayong'aa—rangi zingine zote hazina upande wowote na zimechorwa kutoka kwa rangi ya jiwe la Tailwind. Vichwa vya habari vimechorwa katika fonti ya kijiometri isiyo na serif iliyoundwa maalum (roobert) yenye uzito wa 400 na nafasi nyembamba ya herufi hasi, ikiipa maandishi ujasiri wa polepole, karibu kama wa kunong'ona ambao unatofautisha na mtindo wa kawaida wa SaaS wenye sauti kubwa. Nyuso za UI ni kadi nyeupe tambarare, zinazoelea juu ya mandharinyuma yenye joto na ukungu mmoja, laini, wa pikseli 16; mipaka imeundwa na mistari nyembamba, yenye rangi ya jiwe ya pikseli 1, inayotumika kwa wingi kama kipengele kikuu cha kimuundo badala ya vigawanyio vizito au paneli. Mpangilio unapumua: maudhui ya upana kamili yanazingatia mdundo mkubwa wa wima, pamoja na vidhibiti shirikishi vyenye umbo la kidonge, kielelezo cha hulka ya utu, na picha za skrini za dashibodi kama uthibitisho wa bidhaa. Hisia ya jumla ni ya uchambuzi wa kihariri: utulivu, monochrome, ujasiri, huku wito wa bluu wa kuchukua hatua ukiwa kipengele cha kuvutia zaidi kwenye ukurasa kutokana na kujizuia kwa makusudi kwa kila kitu kingine.
Ukurasa una upana wa juu zaidi, katikati yake ni takriban pikseli 1200 na nafasi nyingi wima. Shujaa ni kizuizi cha maandishi chenye mistari miwili, kilichopangwa kushoto, chenye kifungu kimoja kilichoangaziwa ("rahisi na chenye ufanisi") kwa rangi ya bluu, kikifuatiwa na safu yenye miito miwili ya kuchukua hatua (kidonge cha bluu + kidonge cha roho), kisha safu ya nembo za washirika katika rangi ya kijivu, kisha safu ya ukadiriaji wa uaminifu, na kisha hakikisho la dashibodi ya kuelea yenye upana kamili, ikiingiliana kidogo na sehemu inayofuata. Chini ya mkunjo kuna safu zinazobadilishana za ushuhuda katika gridi ya safu wima moja, ikifuatiwa na sehemu za upana kamili zenye maelezo ya vipengele, maandishi yaliyopangwa kushoto, na taswira za bidhaa zilizo katikati. Usogezaji ni upau wa juu mdogo—nembo upande wa kushoto, viungo vya usogezaji vilivyo katikati, kuingia + wito wa kuchukua hatua wa bluu upande wa kulia—na kundi la avatari zinazoelea katikati ya usogezaji linalotumika kama uthibitisho wa utambulisho. Nafasi kati ya sehemu ni pana (pikseli 96) ili kuunda mdundo wa uhariri badala ya mchanganyiko mzito wa taarifa.
Lugha inayoonekana inatawaliwa na picha za skrini za kiolesura cha mtumiaji cha bidhaa—hakikisho la dashibodi ni picha iliyochorwa kwa kichujio cha utofautishaji cha rangi ya kijivu (1) (0.94), ambacho huzima rangi za data hadi rangi ya monochrome. Umbo pekee la mwanadamu ni kibandiko cha mascot cha mstari (kibandiko chenye kofia), kilichochorwa kwa mtindo wa SVG chenye muhtasari pekee, kimewekwa mara moja kwa kila sehemu kama kipingamizi cha kucheza cha maudhui ya uchanganuzi, kikiwa na kivuli laini ili kuunda athari ya kina kama kibandiko. Nembo ya chapa na michoro ni cheche/mioto midogo midogo nyeusi. Hakuna picha—hakuna picha za mtindo wa maisha, hakuna picha za timu, hakuna picha za mazingira. Kitu (dashibodi) ni mhusika mkuu. Aikoni zote za mapambo ni mtindo wa muhtasari wa pikseli 1 katika #0c0a09 au #3ba6f1, ambazo hazijajazwa kamwe.
Paleti
Chapa
- Cyan Signal
#3ba6f1— Wito mkuu wa kuchukua hatua, viungo vinavyotumika, na muhtasari wa aikoni za chapa ndizo lafudhi pekee za rangi kwenye ukurasa, zinazotumika kwa uchache kuvutia umakini kwenye hatua. - Cyan Edge
#3398e1— Bluu hutumika kuangazia mihtasari ya vitendo, lebo za viungo, na vipengele shirikishi. Haipaswi kutumika kama rangi kuu ya miito ya vitendo.
Isiyoegemea upande wowote
- Ink Black
#0c0a09— Vichwa vikuu, maandishi ya mwili yaliyoangaziwa, na aikoni zenye hisia ziko katika rangi ya joto, karibu nyeusi. - Stone Canvas
#fafaf9— Mandharinyuma ya ukurasa ni kivuli cha joto na laini kinachohisi kama karatasi badala ya nyeupe ya skrini. - Pure White
#ffffff— Nyuso za ramani, paneli zinazojitokeza, na sehemu za kuingiza data ni tambarare na hazina kivuli kwa chaguo-msingi. - Stone Border
#e8e6e5— Mipaka nyembamba kwenye kadi, urambazaji, na sehemu za kuingiza data ndio kipengele kikuu cha kimuundo, sio vitenganishi. - Stone Muted
#d6d3d1— Fremu za ziada, vivuli vya mandharinyuma hafifu, vitenganishi vya mapambo. - Ash Gray
#a8a29e— Maandishi ya usaidizi, mihtasari ya aikoni, hali zilizozimwa - zinazosomeka lakini hazitumiki.
Uchapaji
kutoka pikseli 10 hadi 52 · hatua 5
- Roobert — mbadala: Inter Tight or Satoshi · mihtasari 400, 500 · Fonti ya vichwa vya habari na mpangilio wa maandishi ni ya kipekee bila serif ya kijiometri yenye nafasi ndogo ya herufi hasi (-0.025em kwa pikseli 32, -0.021em kwa pikseli 52). Uzito wa pikseli 400 x 52 ndio sahihi ya fonti: isiyo ya kawaida, hafifu, lakini yenye mamlaka, lakini haijatajwa sana. Vichwa vya habari huchukua nafasi yake bila kuzidi.
- Inter — mbadala: Inter · mihtasari 400, 500, 600 · Fonti kuu ya maandishi ya mwili, urambazaji, UI, na vichwa vya habari ni fonti isiyo na upendeleo na ya ulimwengu wote kwa maandishi yote nje ya skrini. Ukubwa wa pikseli 14 yenye uzito wa 400 na nafasi ya mstari ya 1.64 ndio ukubwa mkuu wa maandishi ya mwili (marudio 1174). Nafasi ya herufi chanya (0.004em) katika ukubwa mdogo huhakikisha usomaji wa UI mnene.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wasaa |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 9999px |
| Redi ya kadi | 10px |
| Vivuli | vivuli laini |
| Kati ya sehemu | 96px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Seline Analytics na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- ElevenLabs — Insha ya picha katika rangi ya krimu yenye umbo la kuvutia na vichwa vya habari hafifu. Daftari la mtindo wa Bauhaus—karatasi yenye rangi ya ganda la yai, wino mweusi, na lafudhi moja ya zambarau na chungwa kwa ajili ya kuonyesha bidhaa.
- Awesomic — Matundu ya zinki ya uhariri yenye alama za uakifishaji za rangi ya chungwa zinazokumbusha confetti
- Monad — jarida la kiufundi la uhariri kuhusu ngozi ya joto
- Dub — Paneli ya kudhibiti karatasi ya mchele isiyong'aa ya Link
- Notion — Daftari la karatasi lenye joto kwenye jua la mchana
- Anthropic — Jarida la kisayansi kuhusu vellum yenye joto—nyuso tulivu za pembe za ndovu, vichwa vya habari vya uhariri vilivyoandikwa kwa ufupi, na lafudhi moja ya udongo inayoonekana tu wakati hatua inahitajika.
- Calendly — Wino wa bluu nyeusi kwenye marumaru baridi
- Augen Pro — Uwasilishaji mweupe wa Apple una rangi ya bluu ya umeme isiyo na uzito kama lafudhi pekee katika nafasi ya monochrome.
- Antimetal — Hadithi ya uhariri kwenye karatasi ya krimu—asubuhi tulivu katika jarida la kisayansi, ambapo kujizuia huonyesha kujiamini na masheikh hufanya kazi nzito
- Perk — Chokaa cha umeme kwenye karatasi ya ngozi yenye joto
- Ditto — Warsha yenye mwanga wa jua inayounda sampuli za maua ya porini. Nyuso zenye joto za krimu, rangi ya msingi ya manjano inayong'aa, wino wa bluu ya bluu iliyokolea, maumbo ya rangi ya kikaboni yakichanua nyuma ya kipande hicho.
- Officevibe — Jarida la uhariri kuhusu karatasi ya rangi ya krimu. Hebu fikiria insha yenye mawazo kuhusu usimamizi wa rasilimali watu, iliyowasilishwa kama bidhaa—fonti ya serif yenye mkunjo ikinong'ona kupitia kiolesura cha kisasa cha bluu.