Superhuman
dhairekitori revatori venhau reawa yegoridhe
Superhuman iri pakati pemifananidzo yekunyora uye software UI—canvas inodziya, yakaita separchment (isina kumbova chena chaiyo) inoisa zvinhu zvemaroon branding uye ma accents epepuru akajeka. Misoro yenhau, yakaiswa mufonti ye460, inonzwika kwete kushevedzera, ichibvumira mapikicha epage rese remafirimu kuti aite basa guru, nepo makadhi eUI echigadzirwa anopenya achiyangarara segirazi pamusoro pemifananidzo. Palette inoramba yakadzikama uye ine editorial nguva zhinji: nzvimbo dzine kirimu, magwaro echarcoal, miganhu inodziya-grey, uye nzvimbo yakakura pakati pezvinhu, neruvara rwakachengeterwa zviratidzo zvechiratidzo zvemaroon—kudanwa kamwe chete kwehuremu, ma links epepuru, bhatani re lilac add-on. Sisitimu iyi inodzivirira nemaune mimvuri yakasimba uye gradients paUI surfaces; Kudzika kwacho kunowanikwa kuburikidza nemifananidzo yakarongwa uye kusviba kwemashure mumusoro, pane kuburikidza ne stacking effect.
Chinhu chikuru mufananidzo wakafara une musoro wepakati (48-64px/460) uye kudana kamwe chete kuchiita basa kwakazara nemufananidzo wewaini, nemakadhi eUI echigadzirwa anopenya akaputirwa kuruboshwe nekurudyi. Pasi pechinhu chikuru pane mutsetse wechiratidzo chemavara machena (masero matanhatu pamutsara, upamhi hwepamusoro hwakaganhurirwa), uye chikamu chetabhu chine nzvimbo dzemakadhi machena pacanvas yeganda. Mutsetse webhuruu wakasviba unoputsa rhythm inenge zvikamu zviviri muzvitatu zvenzira inopinda mupeji—upamhi hwakazara, makoramu maviri (mufananidzo kuruboshwe, rugwaro kurudyi)—zvichigadzira musiyano wezwi chete paunenge uchitenderera. Mutsetse wemhepo unotevera. Nzvimbo yakatwasuka pakati pezvikamu ndeye 64-96px. Upamhi hwepamusoro hwemukati ndeye ~1200px, nechinhu chikuru nemutsetse wakasviba zvichifukidza upamhi hwese hwe viewport. Navigation imusoro mumwe chete wakasimba une kumashure kusina kujeka; hapana sidebar, hapana menyu hombe. Footer ipeji rebhuruu rakafara rakazara rine marongero emakoramu akawanda. Mutinhimira wacho ndewekuti: furemu huru → ganda rakadzikama reruvara ruchena/kirimu → mutsetse mutema une mufananidzo mukuru → denga rakatsetseka → denderedzwa rebhuruu, mitsetse yakajeka neyakasviba ichichinjana kuti pave ne tempo yekunyora.
Chinhu chikuru chinoonekwa imifananidzo yemafirimu: mufananidzo wakafara wakatarisana nedenga rakavhurika unoshanda senzvimbo yekutarisa, nemutsara wechipiri wemhepo wakaiswa pasi peji. Mufananidzo wacho wakanyatsojeka, wakanyarara zvishoma, uye wakatorwa mufananidzo, uchiyeuchidza awa yegoridhe, zvichigadzira kunzwa kwekunyora kupfuura kwemakambani. Mutsetse wakasviba une ma rectangles e geometric anopenya uye zvakanyorwa nemaoko zvakaiswa pamusoro pemufananidzo wemurume akarasika mupfungwa—mufananidzo wepamusoro kwete mufananidzo mumwe chete. Mushandisi anoratidzwa semakadhi egirazi anoyangarara akaiswa zvakananga pamufananidzo, kwete semifananidzo yakasiyana. Hapana mifananidzo, hapana mifananidzo ye3D, uye hapana mafomu ekushongedza abstract, kunze kwemutsara wemhepo wakafara. Mifananidzo iyi icons yemutsetse we monochrome minimalist, ~16-20px yakafara, ine upamhi humwe hunoenderana nehuremu hwemavara e460 point.
Palette
Rudzi
- Midnight Wine
#421d24— Mabhatani makuru ekuita, banner ad, uye footer iruvara rweburgundy runodziya, rune dema rinoita seinki pane rutsvuku, zvichisimbisa ruvara rwacho pasina kuva nesimba guru. - Royal Violet
#714cb6— Pepuru inoshandiswa kuratidza zvinongedzo, matagi, uye mitsara mipfupi. Haifanirwe kushandiswa seruvara rukuru rwekushevedzera chiito.
Kwakarerekera
- Lilac Mist
#d4c7ff— Nzvimbo yekuwedzera yekuzadza pamusoro, zviratidzo zvechiedza, uye mabhatani emweya zvese zvine ruvara rwepepuru rwusinganzwiki rwunoratidza maitiro ekambani iyi pasina kukwezva kutariswa kwayo zvakanyanya. - Deep Lagoon
#0c4243— Nzvimbo yakasviba yemutsara uyu, inoshandiswa sechikamu chikuru chenyaya, ndiyo yega nzvimbo yakasviba muhurongwa hwacho, yakabatanidzwa nemufananidzo wejometri wakafukidzwa. - Warm Parchment
#f2f0eb— Nzvimbo inoshanda peji ndiyo inonyanya kukosha; ruvara rwekirimu inodziya runotsiva chena sehwaro, zvichiita kuti hurongwa hwese huve nekudziya kwekunyora. - Soft Mist
#e3e3e2— Miganhu yakanaka, marongerwo emakadhi, mitsetse inokamura—ruvara rwegrey runodziya, rwakajeka rwunosangana nepepa rekugadzira asi runonyatsoratidza mipendero. - Ink Charcoal
#292827— Rugwaro rwemuviri, misoro, marongerwo ezviratidzo - ruvara runodziya, rutema uye ruvara rwebrown rwakakwana kuti runzwe seinki papepa, harumbotonhori #000 - Stone Gray
#666666— Rugwaro rwechipiri rwemuviri, zvinyorwa zvinotsigira, tsananguro dzakavanzwa - grey imwe chete iri pakati nepakati, inoshandiswa zvishoma kuitira kuti isambokwikwidzana nerugwaro rukuru.
Kunyora
kubva pa12 kusvika pa64px · 8 matanho
- Super Sans VF — kutsiva: Inter (closest open equivalent for variable weight range) · marongero 460, 500, 540, 600, 700 · Fonti imwe chete muhurongwa hwese. Magadzirirwo eAxis anotangira pa460 (siginecha, fonti yakachekwa zvishoma yemavara makuru ese) kusvika pa540 (chinyorwa chemuviri chakasimbiswa) uye 700 (mashoko madiki, ane matema). VF yakagadzirwa zvakanaka inoita kuti misoro ine huremu hwe460 iite seyakanyatsorongwa kupfuura isina kurongeka—pa48-64px ine nzvimbo yemavara akamanikana, mhedzisiro ye "yakachekwa zvishoma" inoonekwa seine chivimbo pane kutetepa.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 16px |
| Nharaunda yekadhi | 16px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 64-96px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Superhuman 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
- AI for Business — Nzvimbo yekuratidzwa kwevanyori vane hutsinye nemavara anodziya egrey
- Jeton — Chinyorwa pamusoro pe fintech pamusoro pe marble inodziya
- Airtable — Musangano unonyaradza une zvitsauko zvakanyorwa nemavara akasiyana
- Osmo — Musiyamu weVagadziri paGrey Concrete
- Linktr — Maposta ekunyora akarongwa semasiwiti. Webhusaiti iyi yakagadzirwa nemavara akasiyana-siyana, ine misoro yegirini yakajeka yakamisikidzwa pamadziro ebhuruu-cobalt, uye zvinhu zvichena zvakaita semapiritsi zvinofamba pamusoro peminda yeburgundy.
- Outsource Consultants — Pepa rekuvaka rakakura papepa remapfupa. Runako rwemifananidzo, apo chikamu chimwe chete chakajeka cheindigo chinokanganisa grid inodziya, ine maximalist typographically.
- Streamtime — Bhodhi reManzwiro Ekugadzira Rakabatwa - Tafura Yekugadzira Zvidhinha
- Switch-Lit — Gridhi rekunyora rakadhindwa neinki pabepa rekirimu
- HubSpot — Ruvara rwepepa rekirimu rinodziya rine ruvara rweorenji rumwe chete. HubSpot yakafanana nemagazini yevagadziri yakadhindwa papepa rinorema—misoro yenhau, mapeji ekirimu anodziya, uye ruvara rweorenji rumwe chete runopenya runongoratidza pfungwa dzakakosha chete.
- Granola — Manotsi emumunda pavellum inodziya—Granola inonzwika sebhuku reMoleskine rakasakara rakavhurwa padhesiki rakavhenekerwa nezuva: misoro yeserif inopa pfungwa yekusimba, mavara egirini eorganic seinki inobva mumiti, uye mitsetse midiki mumucheto wemakadhi akafanana nemanotsi akanyorwa nemaoko.
- Secure — Kukurukurirana muEuropean cafe masikati machena inzira inodziya uye ine hunyanzvi yekufona pavhidhiyo, uko misoro yenhau dzezvenhau inoverengwa senyaya yemagazini inofungwa pane peji rezvigadzirwa zvetekinoroji.
- Mockups made easy — Studio yekugadzira zvinyorwa papepa jena