
Linear
kifaa cha usahihi wa usiku wa manane
Mfumo wa muundo wa Linear ni kituo cha amri cha usiku kilichojengwa kwenye nyuso zenye rangi nyeusi (#08090a) chenye rangi nyeupe safi na lafudhi moja ya kijani kibichi (#e4f222) inayofanya kazi kama tochi inayofanya kazi—ndogo, yenye utofautishaji mkubwa, na hutumika kwa uchache kuonyesha vitendo. Kiolesura huchukulia giza kama msingi badala ya mandhari: maandishi ni meupe safi yenye nafasi finyu ya herufi (-0.022em), uzito wa fonti uko katika kiwango cha chini cha 400–510 badala ya herufi nzito, na mipaka ni nyembamba sana (0.5px) ili kuruhusu jiometri kufanya kazi ambayo kwa kawaida hufanywa na vivuli. Vipengele huhisi vimetengenezwa kwa usahihi—radii ya pikseli 6 na pikseli 12, pembezoni mwa pikseli 8–12, na ukosefu wa vipengele vya mapambo karibu kabisa—kuruhusu UI ya bidhaa (kadi za kazi, bodi za Kanban, paneli za wakala wa AI) kuwa umbile pekee la kuona katika mfumo uliotulia.
Mpangilio una upana wa juu wa takriban pikseli 1200, katikati, na mandharinyuma meusi yakienea hadi kingo za mlango wa kutazama. Kipengele kikuu ni kichwa kikubwa cha habari, kilichopangwa kushoto (pikseli 64–72), kilichounganishwa na wito wa kuchukua hatua uliopangwa kulia (CTA), ikifuatiwa na picha kubwa ya picha ya bidhaa inayoenea kidogo zaidi ya upana wa juu. Mdundo wa sehemu hubadilishana kati ya utunzi wa safu mbili zenye maandishi upande wa kushoto na picha upande wa kulia, na vipande vya kuonyesha bidhaa vya upana kamili vilivyotenganishwa na mifereji ya wima ya pikseli 96. Kipande chenye nembo ya mteja ni safu moja ya mlalo. Ukurasa hautumii kamwe gridi za kadi za safu tatu au miundo yenye vigae—msongamano wa taarifa unabaki chini, huku sehemu nyingi zikitumia nafasi nyeupe ya kutosha na kipengele kimoja cha kuzingatia kwenye skrini. Usogezaji ni upau wa juu uliowekwa na nembo iliyopangwa kushoto na viungo vilivyopangwa kulia, bila upau wa pembeni au menyu kubwa.
Lugha ya kuona ya Linear inategemea picha za skrini za bidhaa: vielelezo vilivyopo mwanzoni na katika sehemu hizo ni picha halisi za kiolesura cha mtumiaji cha programu ya Linear, zilizonaswa kwa undani wa hali ya juu—kadi za kazi, bodi za Kanban, dashibodi za wakala wa akili bandia, palette za amri—zimewekwa katika fremu nyembamba zilizowekwa kwenye fremu. Hakuna picha za hisa, hakuna picha za mtindo wa maisha, hakuna vielelezo dhahania. Nembo zinaonyeshwa kama mstari wa kijivu usio na upande wowote (#8a8f98) wa ukubwa sawa kwa wateja. Aikoni ni picha ndogo za SVG za mstari katika kipimo cha kijivu chenye rangi moja. Picha ya skrini iliyo juu ya ukurasa inaelea kwenye gradient nyembamba ya mstari (kutoka giza hadi mwanga), ikiunda kina cha angahewa bila kutumia mandhari halisi. Kila kipengele cha kuona ni kipengele kinachofanya kazi cha bidhaa yenyewe.
Paleti
Chapa
- Acid Lime
#e4f222— Vitufe vikuu vya udhibiti na viashiria vya urambazaji vinavyofanya kazi ni lafudhi angavu inayovunja mpango wa rangi ya monochrome.
Isiyoegemea upande wowote
- Mist
#d0d6e0— Vichwa vya habari vya pili, maandishi ya kitufe kwenye nyuso nyeusi - Void
#08090a— Turubai ya ukurasa, picha ya usuli yenye upana kamili - kwa chaguo-msingi, vipengele vyote vimewekwa kwenye usuli huu. - Carbon
#0f1011— Nyuso za kadi, upau wa kusogeza, ni hatua juu ya turubai kwa ajili ya kuweka maudhui ndani ya kadi. - Obsidian
#161718— Nyuso zilizoinuliwa, paneli za kadibodi zenye kina kirefu - Graphite
#23252a— Mipaka hafifu, vitenganishi, mihtasari ya vitufe fiche - kingo zenye umbile la chini - Smoke
#383b3f— Mipaka nyembamba ina utofautishaji mkubwa zaidi kuliko vitenganishi vya sehemu vya grafiti.
Uchapaji
kutoka pikseli 13 hadi 72 · hatua 8
- Inter Variable — mbadala: Inter (variable) · mihtasari 300, 400, 510, 590 · Fonti ya Kiolesura cha Msingi na Kichwa cha Picha - Hutumika katika urambazaji, maandishi ya mwili, vichwa vya habari, vitufe, na kadi.
- Berkeley Mono — mbadala: JetBrains Mono · mihtasari 400 · Maandishi ya UI yaliyo karibu na msimbo - vitambulisho vya kutolewa (ENG-2703), njia za mkato za kibodi, metadata ya fonti ya nafasi moja
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wasaa |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 6px |
| Redi ya kadi | 12px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 96px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Linear 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
- Aaru — Uchunguzi wa Chembe za Mashambani Usiku wa Manane
- Atlas Card — Vault ya Midnight, yenye miale yake moja ya yakuti samawi, ni anga nyeusi sana ambapo kitu pekee muhimu ni bluu ya umeme iliyokolea.
- Checkly — Kituo cha Kudhibiti Misheni ya Mzunguko wa Kina
- Savee — Turubai Nyeusi kwa Wasimamizi wa Picha
- Inngest — Kituo cha uchunguzi chenye giza na utulivu, kilicho na vifaa vya kufanya kazi na vyombo, kinachowashwa na taa moja ya majaribio ya kaharabu
- Dala — kundi la nyota linaloelea kwenye velvet nyeusi
- Origin Financial — Nyumba ya sanaa ya usiku wa manane yenye utajiri mtulivu. Chumba tulivu, karibu chenye giza ambapo fonti kubwa za serif na paneli chache zenye rangi zinazong'aa huunda hisia kwamba fedha ni kazi ya sanaa iliyopangwa kwa uangalifu.
- Hyperstudio — Muundo umechorwa kwa kutumia obsidian. Maandishi na mistari midogo huweka nafasi nyeupe ya rangi nyeusi kabisa, huku alama za dira za dhahabu zikionyesha njia.
- Air — sanamu "Anga ya Usiku wa Manane Kupitia Kioo"
- Resend — velvet nyeusi yenye rangi ya zambarau ya neon
- Raycast — Kituo cha Amri cha Usiku wa Manane, Coral Neon
- Dimension — kituo cha kazi chenye mwanga wa jioni chenye paneli za glasi zilizoganda