Superlist
Nzvimbo yekushanda yehusiku ine marasha ekorari—nzvimbo yakanyarara yekudyara eggplant apo spark imwe chete inodziya yeorenji inoratidza chiito chega chega
Superlist inoshandisa mutauro wekubudirira mumavara epepuru epakati pehusiku: eggplant yakadzika, coral inodziya seruvara rwekutanga, uye misoro mikuru isina serif inobata mamiriro ese ekunze. Iyi interface inomutsa kunzwa kwebasa rakatarisana nehusiku—runyararo, rakaiswa, uye rine chivimbo, neruvara runoshandiswa chete sechiratidzo chinoshanda pakudana kuita chiito, mamiriro anoshanda, uye mapoinzi akakosha. Pamusoro payo pane mavara matema asina kusimba ane ruzha rwepepuru (#181824 → #26253b), kudzivirira dema rakachena kuti ive nechokwadi chekuti kudzika kwacho kunonzwa kuchidziya kwete kusina tsvina. Zvikamu zvacho zvine maumbirwo akatenderera akawanda (makadhi e20px, mabhatani emapiritsi), mimvuri yakapfava, uye "kufema" kuburikidza nepakati pemaganhu akagadzikana e10-16px pane grids dzakasimba. Inzwi remusoro wenyaya ndiro rega: huremu hwemapoinzi mazana matanhatu pa70-88px ne tight letter spacing ye -0.02em inobata rugwaro se typographic pane UI—iri pedyo ne editorial copy kupfuura SaaS.
Zvikamu zvakasviba zvinofukidza upamhi hwese hwepeji, zvine midziyo yemukati ine upamhi hwepamusoro. Chikamu chikuru chakamira pakati uye chine musoro wenyaya, subtext, uye call to action (CTA), ichiteverwa nemufananidzo mukuru wezvigadzirwa unopindirana nechikamu chinotevera. Zvikamu zvinotevera zvinochinjana pakati pemabhuroko emavara ari pakati nepakati uye makadhi emakadhi. Chikamu chekuongorora chinoshandisa grid ine makoramu matatu ine makadhi ekuongorora uye magutter gumi nematanhatu. Navigation ibar imwe chete yepamusoro ine logo kuruboshwe, malink ari pakati, uye zviito zvekupinda kurudyi—hapana sidebar yakatarwa kana mega-menu. Magutter ari pakati pezvikamu akawanda (magutter gumi nematanhatu), zvichigadzira mutinhimira wakakura, wekunyora pane grid yezvigadzirwa yakakora.
Nzvimbo inoonekwa inotongwa nemifananidzo yezvigadzirwa—furemu hombe ine makona akatenderera, inoratidza chimiro cheapp chaiyo, inozadza zvikamu zvikuru nezvidiki. Mifananidzo mishoma, inoshandiswa chete semaavatar evashandisi kana tarisiro yezviri mukati meapp (semuenzaniso, mufananidzo wekonzati uri kurudyi rwechigadzirwa). MaLogo ari pabhawa rekuvimba zviratidzo zvichena zvakati sandara, zvisina kunyarara. Hapana mifananidzo yekushongedza, hapana mifananidzo isina kujeka, hapana mifananidzo ye3D. Nzira yekuona ndeyekuratidza chigadzirwa pahukuru, kurega typography ichiita basa remanzwiro, uye kushandisa coral seruvara rwekushongedza chete.
Palette
Rudzi
- Coral Ember
#ff4a36— Orenji inoshandiswa senzira yechipiri yekushongedza uye kuratidza zviratidzo zvisingawanzoitiki. Haifanirwe kushandiswa seruvara rukuru rwekukurudzira vanhu kuita chimwe chinhu.
Kwakarerekera
- Aubergine Canvas
#181824— Kumashure kwepeji, iyo kanivhasi huru, mumvuri unodziya, wakasviba unotsiva dema chairo, zvichiita kuti chitarisiko chemushandisi chiite sechakatsetseka pane kuti chitaridzike sechakatsetseka. - Elevated Plum
#26253b— Nzvimbo dzemakadhi, nzvimbo dzekuisa zvinhu, midziyo yekufambisa—nhanho imwe iri nyore kupfuura kanivhasi kugadzira kudzika kusina muganhu unooneka. - Pure White
#ffffff— Misoro mikuru, mabhatani, uye zviratidzo—musiyano mukuru pane kanivhasi nhema. - Fog Text
#696f81— Rugwaro rukuru, misoro midiki, uye miganhu isina kujeka—chiyero che7:1 chekuenzanisa kuti uverenge zvakanaka uchienzanisa neruvara rweeggplant. - Ash Text
#8e8da0— Ruvara rusina kuenzana runotsigirwa kune zvimwe zvinhu zveUI, zvinoparadzanisa, uye mavara akadzima. Harufanirwe kushandiswa seruvara rukuru rwekudana chiito. - Mist Highlight
#a3a3a7— Miganhu isina kujeka, zvinoparadzanisa, uye zvinhu zvisingashande zvinogadzira chimiro chisina kujeka chichiri kuoneka pacanvas.
Kunyora
kubva pa12 kusvika ku88px · nhanho 9
- sans-serif — kutsiva: Inter · marongero 400 · sans-serif - inowanikwa mudata rakatorwa asi risina kutsanangurwa neAI.
- Haffer XH SemiBold — kutsiva: Inter Tight · marongero 400, 600 · Fonti huru yekuratidzwa nemisoro. Inoshandiswa nehukuru hwe70–88px pamisoro yegamba ine spacing yemavara ye -0.02em uye huremu hwe600. Spacing yemabhii madiki uye kukwirira kwemabhii makuru zvinopa misoro yenyaya huremu hwekunyora, zvichiita kuti rima ritaridzike sekavha yemagazini pane dashboard. Tsiva neInter Tight kana General Sans nehuremu hwakasimba.
- Jersey 10 — kutsiva: Anybody · marongero 400 · Fonti hombe, yekushongedza yenhamba dzematauriro uye ma highlights. Inoshandiswa zvishoma pahukuru hwakakura kwazvo kugadzira matauriro ekunyora. Inogona kutsiviwa neAnybody kana Cabinet Grotesk.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 10-16px |
| Radiyo yebhatani | 100px |
| Nharaunda yekadhi | 20px |
| Mimvuri | mimvuri yakapfava |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Superlist 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
- DNA — Observatory yepakati pehusiku sezvinoonekwa kuburikidza negirazi rezvimedu
- Abetterlou — Sparks on Saddle Dehwe - Font inodziya ine kirimu inopenya pamadziro akadzika sekofi nhema, ine mabhatani egoridhe-amber anonzwa sesimbi inopisa akadzvanywa papeji.
- Galileo-ft — Deki remirairo rine nzvimbo yakadzika ine zviratidzo zvebhuruu zvemagetsi
- Decide AI — Observatory pakati pehusiku - chiratidzo chemint
- Redis Agency — Musangano wekunyora, wakavhurwa mushure menguva yebasa, inzvimbo yakasviba zvikuru uko mabasa ese ekugadzira zviratidzo anoitwa nemafonti eserif neradish imwe chete tsvuku.
- Spellbook — Dare repakati pehusiku rakavhenekerwa neingi yekorari—nzvimbo ine rima yekunyora apo ruzha chete rwuri peni yeorenji inodziya
- Linear — chishandiso chepakati pehusiku chekushandisa nemazvo
- Origin Financial — Garari repakati pehusiku rine runyararo rwehupfumi. Kamuri rakanyarara, rine rima rine mafonti makuru eserif uye mapaneru mashoma ane mavara akajeka zvinoita kuti munhu anzwe sekuti mari ibasa reunyanzvi rakarongwa zvakanaka.
- Hyperstudio — Dhizaini yacho yakakweshwa kuita obsidian. Manyoro nemitsetse midiki zvinoumba nzvimbo chena yedema chaiyo, dzimwe nguva paine zviratidzo zvekampasi yegoridhe zvinoratidza nzira.
- Air — chifananidzo "Denga repakati pehusiku kuburikidza negirazi"
- Raycast — Nzvimbo Yekuraira Pakati Pehusiku, Coral Neon
- dope.security — Chiteshi chepakati pehusiku chine mabhekoni epepuru