Peak Design
Madziro egalari, ane chiedza chidiki
Peak Design chiitiko chekutengeserana chemhando yepamusoro: kanivhasi inenge iri monochrome uko kunyora kwekunyora uye kutora mifananidzo yezvigadzirwa zvinoita basa rese. Sisitimu iyi inochinjanisa nzvimbo chena dzakapfava nemapaneru akadzika, anenge matema, zvichigadzira marongero akapatsanurwa anoyevedza apo musoro we serif mu italic typeface unoiswa kune rumwe rutivi uye mufananidzo wechigadzirwa chakazara kana mararamiro kune rumwe rutivi. Kunyora ndiyo izwi guru rechiratidzo: serif typeface refu, yakapfupikiswa, inoshongedza (muchimiro cheExposure) yemisoro yenhau, yakabatana ne neutral grotesque typeface (Geist) ye user interface, uye condensed sans-serif typeface (bryant) yekunyora, tsiye, uye mabhatani. Interface inoramba yakachena: hapana chromatic UI elements, hapana gradients yekushongedza, hapana mimvuri—chete miganhu midiki, ma radii maviri emakona (4 ne8), uye accent imwe chete tsvuku inoshandiswa dzimwe nguva kusimbisa. Zvikamu zvinoita sezvine musoro kupfuura zvekushongedza: zvidhinha zvitete, makadhi ezvigadzirwa akatsetseka, mafirita akaita sepiritsi, uye mabhatani asingaonekwe anonzwa seannotations dzekuvaka.
Zvikamu zvepeji rakafara zvakakwana zvinochinjana pakati pechena nedema; chikamu chimwe nechimwe chinotora upamhi hwese hwe viewport, pasina muganho wehupamhi hwepamusoro padanho rechikamu. Zviri mukati mezvikamu zvine upamhi hwepamusoro hwe ~1440px uye zviri pakati. Patani yemusoro mukuru ine 50/50 yakakamurwa: rugwaro rwemavara (kubhurawuza + musoro wenyaya + subtext + mabhatani) kune rumwe rutivi, uye mufananidzo wezvigadzirwa kana mararamiro wakafara kune rumwe rutivi. Pasi pechifukidziro, grid yechigadzirwa inoshandisa makoramu mana emakadhi ezvigadzirwa akafara zvakaenzana ane magutter akawanda e24-32px. Mapaneru efirita echikamu akaiswa zvakananga pasi penzira huru mumutsara wakataramuka we "mapiritsi." Mutsetse wezvikamu unotsanangurwa nekuchinjana mitsetse yakajeka/yakasviba ine 80px vertical indentation pakati pezvikamu, zvichigadzira rhythm yemagazini yekunyora. Kufamba ibar yepamusoro yakagadziriswa ine strip yakatetepa yekushambadzira pamusoro payo.
Mutauro wekuona unotongwa nemifananidzo yezvigadzirwa: mabhegi, mabhandi, uye michina yekamera zvinotorwa mifananidzo zvichitarisa kumashure kwakachena, pasina mamiriro ehupenyu hwezuva nezuva, nechiedza chinoratidza magadzirirwo echinhu chacho uye ruzivo rwemidziyo yacho. Mifananidzo yezuva nezuva inongoonekwa muzvikamu zvekunyora zvechidzitiro chakazara (semuenzaniso, maoko akabata makamera mudenderedzwa) uye inogara pahupamhi hwese hwenzvimbo yekutarira kune rumwe rutivi rwepaneru yakapatsanurwa. Mifananidzo haina divi rekona mumufananidzo mukuru (inopenya nemucheto), uye haina divi rekona mumufananidzo wekadhi. Hapana mifananidzo, hapana mifananidzo isina kujeka, hapana mifananidzo yezviratidzo kunze kwezviratidzo zveUI zvinoshanda. Chigadzirwa NDICHO chinonyanya kukoshesa—mifananidzo yemhando yepamusoro yestudio, ine makona akafanana, chiedza chakafanana, uye divi jena rakaenzana—ukuwo UI ichinyangarika kumashure, zvichibvumira zvinhu kutaura zvega.
Palette
Kwakarerekera
- Carbon Ink
#1a211e— Rugwaro rwemuviri, mipendero yemativi yakasviba, rugwaro rwemuviri, zviratidzo, mafuremu ari pamusoro pechiedza - ruvara rutema rwunoshanda sehwaro hwemusoro wega wega uye rwunoumba mapaneru emashure akasviba ezvikamu zvakakamurwa. - Paper White
#ffffff— Nzvimbo ine runako rwakareruka yekuisa kumashure kusina kuvharika uye kupatsanura zvikamu. Haifanirwe kushandiswa seruvara rukuru rwekudanwa kwechiito. - True Black
#000000— Zvinhu zvine musiyano mukuru—musoro wenyaya uri pamucheto muchena, bhawa rekuzivisa, dhizaini yepasi, marongero ezviratidzo zvakasimba—zvinoiswa panzvimbo inoda mitsetse yakajeka. - Obsidian
#0c0c0c— Nzvimbo dzakadzika dzepaneru uye mifananidzo inofukidza - yakapfava zvishoma pane dema chairo, inoshandiswa kunzvimbo dzine rima dzinotora nzvimbo yese yechidzitiro uye dzinofanira kunzwa dzakasimba asi kwete dzakaoma sedema rakati sandara. - Fog
#eef1f0— Nzvimbo ine runako rwakareruka yekuisa kumashure kusina kuvharika uye kupatsanura zvikamu. Haifanirwe kushandiswa seruvara rukuru rwekudanwa kwechiito. - Mist
#e0e0e0— Mitsetse inoparadzanisa, mamiriro akaremara, misiyano midiki yechimiro - ruvara rwegirini rwepakati nepakati runotsanangura miganhu iri pakati pezvikamu pajira jena.
Kunyora
kubva pa14 kusvika pa80px · nhanho 6
- Geist — kutsiva: Inter · marongero 400, 600, 700 · Rugwaro rukuru, mazita ezvigadzirwa, tsananguro, minda yemafomu, link text, uye zviri pasi petsoka. Huremu hwefonti: 400 yemashoko makuru, 600 yezvinyorwa zvakakosha, uye 700 yemazita ezvigadzirwa uye manotsi akakosha ari mukati. Fonti yeGrotesque isina kwayakarerekera inobvumira mafonti eDisplay Serif neCondensed Sans kuratidza maitiro emhando, ukuwo Geist ichipa mashandiro uye kuverengeka.
- Exposure-style serif (Exposure-10) — kutsiva: Playfair Display · marongero 400 · Misoro yenyaya nemisoro mikuru. Huremu humwe chete (400) mufonti yeserif yakatsveyama hunoita kuti pave nemasimba ekunyora—mazwi aya anoisa chimiro chechiratidzo, chinoshandiswa zvishoma pamapaneru matema anotambanudzwa nehupamhi hwese hwepeji uye pakutanga kwezvikamu zvakakosha. Kupatsanurana kwemabhii (-0.025em) kunoita kuti mabhii makuru aite seakaganhurirwa pane kuti aite seakareruka.
- Bryant-style condensed sans (bryant) — kutsiva: Druk Wide · marongero 700 · Mazita ekufambisa, mabhatani echikamu chefaira, rugwaro rwemabhatani, "eyebrows," ma tag echikamu, uye mamwe misoro. Mabhii makuru akadzvanywa ane nzvimbo yakanaka yemavara anogadzira maitiro eindasitiri, akafanana nemazita ekunyora—mazwi aya anoratidza uye anorayira, asi haambotsananguri.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 24px |
| Radiyo yebhatani | 4px |
| Nharaunda yekadhi | 8px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1440px |
AI ichavaka webhusaiti yako nenzira ye Peak Design 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
- Arsenijs Fabrica — Runako rwezvinyorwa zvekunyora rwunoratidzwa pasi pemwenje yegalari. Madziro machena akapfava egalari, mwenje mumwe chete unodziya westrobe unopenya orenji uchipesana neseri kwemonochrome, rudzi rwakatetepa segirazi, uye nzvimbo chena yakawanda.
- 21 TSI — Chisimbiso chine ruvara rutsvuku, chimiro chimwe chete - chinyorwa chefashoni yepamusoro apo chiratidziro chemushandisi chinonyungudika mumhepo
- Aevi Wellness — Manyorerwo eScandinavian apothecary, mavara asina huremu. Manyorerwo egrey-blue asina kudzikama anokanganisa marongerwo ese ezvinyorwa zvekunyora, uko mapikicha ezvigadzirwa anoiswa pamakadhi akatetepa pamadziro machena anodziya.
- Palmer — Garari rezvedongo muchiedza chemasikati - kusangana kunoitika nemadziro, uye zvinhu zvacho hunyanzvi
- PLATFORM — White Cube Gallery iri pachena
- Assembly Coffee London — Marasha mugoronga rakasviba. Kanivhasi dema rine mapikicha ezvigadzirwa zvinodziya, zvisina chiedza uye mavara akajeka—kunzwa kwemenyu yekofi yakasarudzika yakadhindwa mu samizdat yepakati pehusiku.
- ARTWORLD — Musoro wemagazini yemafashoni pamusoro pemucheka muchena
- Structured — Garari reRenaissance papepa rakaita sepurasitiki
- Airbnb — Rusvingo rwegalari chena rwakanyarara rune chiratidzo chimwe chete chitsvuku chekorari
- VISIONNAIRE — Garari remifananidzo yefashoni yemumugwagwa rine chishongo chena. Chigadzirwa ichi chinoita sebhuku rekutarisa rakadhindwa: kanivhasi chena yakati sandara, inki nhema yakapfava, uye panel imwe chete inodziya yekirimu inoshandiswa sebhokisi remavara kuratidza chigadzirwa kana logo.
- Letter — Garari rakavanzika rine zvinhu zvinopenya kubva mudura. Nzvimbo yekuratidzwa ine madziro matema uko misoro yemifananidzo yakapfava inoyangarara pamusoro pezvifananidzo zvechrome pamadziro ane mavara egarari.
- Ramp — Dhipatimendi rezvemari revatori venhau, mapeji matema nemachena ane chiratidzo chimwe chete che neon. Pamusoro pechinyorwa ichi panenge paine monochrome, apo kupenya kamwe chete kwegirini-girini kunoshandura kutaurirana kwese kuita chiratidzo chemari.