Superlist
Nafasi ya kazi ya usiku yenye makaa ya matumbawe—eneo tulivu la programu ya biringanya ambapo cheche moja ya joto ya chungwa huashiria kila kitendo
Superlist hutumia lugha ya uzalishaji katika tani za zambarau za usiku wa manane: biringanya nzito, matumbawe ya joto kama rangi pekee ya msingi, na vichwa vikubwa vya habari visivyo na serif vinavyokamata angahewa nzima. Kiolesura huamsha hisia ya kazi inayolenga usiku wa manane—utulivu, tabaka, na ujasiri, huku rangi ikitumika tu kama uakifishaji wa utendaji kwenye miito ya kuchukua hatua, hali zinazotumika, na hoja muhimu. Nyuso zimepambwa kwa tani nyeusi hafifu zenye sauti ya chini ya zambarau (#181824 → #26253b), zikiepuka nyeusi safi ili kuhakikisha kina kinahisi joto badala ya kuwa tasa. Vipengele vina maumbo mengi ya mviringo (kadi za pikseli 20, vitufe vya vidonge), vivuli laini, na "kupumua" kupitia mapengo ya pikseli 10-16 badala ya gridi zilizobana. Sauti ya kichwa cha habari ndiyo kila kitu: uzito wa pointi 600 kwa pikseli 70-88 na nafasi ya herufi nyembamba ya -0.02em huchukulia maandishi kama ya uchapaji badala ya UI—iko karibu na nakala ya uhariri kuliko SaaS.
Sehemu nyeusi hufunika upana mzima wa ukurasa, zikiwa na vyombo vya maudhui vyenye upana wa juu na katikati. Sehemu kuu imejikita katikati wima na ina kichwa cha habari, maandishi madogo, na wito wa kuchukua hatua (CTA), ikifuatiwa na picha kubwa ya picha ya bidhaa inayoingiliana na sehemu inayofuata. Sehemu zinazofuata hubadilishana kati ya vitalu vya maandishi vyenye katikati na gridi za kadi. Sehemu ya mapitio hutumia gridi ya safu tatu yenye kadi za mapitio na mifereji 16. Urambazaji ni upau mmoja wa juu wenye nembo upande wa kushoto, viungo vyenye katikati, na vitendo vya kuingia upande wa kulia—hakuna upau wa pembeni uliowekwa au menyu kubwa. Mifereji kati ya sehemu ni mingi (mifereji 16), na kuunda mdundo mpana na wa uhariri badala ya gridi mnene ya bidhaa.
Nafasi ya kuona inatawaliwa na picha za skrini za bidhaa—fremu kubwa yenye pembe za mviringo, inayoonyesha kiolesura halisi cha programu, hujaza sehemu kuu na za sekondari. Picha ni chache, hutumika tu kama avatari za watumiaji au hakikisho la vyombo vya habari vya ndani ya programu (kwa mfano, picha ya tamasha kwenye paneli ya kulia ya mockup ya bidhaa). Nembo kwenye upau wa uaminifu ni alama tambarare, nyeupe za maandishi zilizonyamazishwa. Hakuna vielelezo vya mapambo, hakuna michoro dhahania, hakuna michoro ya 3D. Mkakati wa kuona ni kuonyesha bidhaa kwa kiwango kikubwa, kuruhusu uchapaji kufanya kazi ya kihisia, na kutumia matumbawe kama rangi pekee ya lafudhi.
Paleti
Chapa
- Coral Ember
#ff4a36— Chungwa hutumika kama lafudhi ya pili kwa maelezo ya mapambo na kuangazia ishara zisizo za kawaida. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua.
Isiyoegemea upande wowote
- Aubergine Canvas
#181824— Mandharinyuma ya ukurasa, turubai kuu, ni kivuli cheusi na cha joto kinachochukua nafasi ya nyeusi kabisa, na kufanya kiolesura cha mtumiaji kionekane chenye tabaka badala ya tambarare. - Elevated Plum
#26253b— Nyuso za kadi, sehemu za kuingiza data, vyombo vya urambazaji—hatua moja rahisi kuliko turubai kuunda kina bila mpaka unaoonekana. - Pure White
#ffffff— Vichwa vikuu, maandishi ya vitufe, na mihtasari ya aikoni—tofauti ya juu zaidi kwenye turubai nyeusi. - Fog Text
#696f81— Maandishi makuu, vichwa vya habari vya ziada, na mipaka iliyonyamazishwa—uwiano wa utofautishaji wa 7:1 kwa usomaji mzuri dhidi ya mandharinyuma yenye rangi ya biringanya. - Ash Text
#8e8da0— Rangi isiyo na upande wowote inatumika kwa vipengele vya pili vya UI, vigawanyi, na lebo zilizozimwa. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Mist Highlight
#a3a3a7— Mipaka hafifu, vigawanyi, na vipengele vya urambazaji visivyofanya kazi huunda sauti hafifu isiyo na upendeleo ambayo bado inajitokeza dhidi ya turubai.
Uchapaji
kutoka pikseli 12 hadi 88 · hatua 9
- sans-serif — mbadala: Inter · mihtasari 400 · sans-serif - hupatikana katika data iliyotolewa lakini haijaelezewa na AI.
- Haffer XH SemiBold — mbadala: Inter Tight · mihtasari 400, 600 · Fonti kuu ya kuonyesha na vichwa vya habari. Inatumika kwa ukubwa wa pikseli 70–88 kwa vichwa vya habari vya shujaa vyenye nafasi ya herufi ya -0.02em na uzito wa 600. Nafasi nyembamba ya herufi na urefu mkubwa wa herufi huipa vichwa vya habari uzito wa uhariri, na kufanya kiolesura cheusi kionekane zaidi kama jalada la jarida kuliko dashibodi. Badilisha na Inter Tight au General Sans kwa uzito mzito.
- Jersey 10 — mbadala: Anybody · mihtasari 400 · Fonti kubwa, ya mapambo kwa nambari za lafudhi na vivutio. Hutumika kwa uchache katika ukubwa mkubwa sana ili kuunda lafudhi za uchapaji. Inaweza kubadilishwa na Anybody au Cabinet Grotesk.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 10-16px |
| Kipenyo cha kitufe | 100px |
| Redi ya kadi | 20px |
| Vivuli | vivuli laini |
| Kati ya sehemu | 80px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Superlist 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
- DNA — Uchunguzi wa Usiku wa Manane kama unavyoonekana kupitia lenzi ya chembe
- Abetterlou — Sparks on Saddle Leather - fonti ya krimu yenye joto inayong'aa dhidi ya mandharinyuma nyeusi kama kahawa, yenye vifungo vya dhahabu ya kaharabu vinavyohisi kama chuma cha moto vilivyobanwa kwenye ukurasa.
- Galileo-ft — Kiti cha amri chenye nafasi ya kina kirefu chenye mawimbi ya bluu ya umeme
- Decide AI — Uchunguzi usiku wa manane - ishara ya mnanaa
- Redis Agency — Warsha ya uhariri, iliyo wazi baada ya saa za kazi, ni mahali penye giza totoro ambapo kazi yote ya utambulisho hufanywa na fonti za serif na figili moja nyekundu.
- Spellbook — Chumba cha mahakama cha usiku wa manane kilichowashwa na wino wa matumbawe—upande mweusi wa uhariri ambapo sauti pekee ni kalamu ya rangi ya chungwa yenye joto
- Linear — kifaa cha usahihi wa usiku wa manane
- 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"
- Raycast — Kituo cha Amri cha Usiku wa Manane, Coral Neon
- dope.security — Kituo cha usiku wa manane chenye taa za zambarau