Peak Design
Phab ntsa ntawm lub tsev khaws puav pheej, ci ntsa iab ib nrab
Peak Design yog ib qho kev paub txog kev lag luam zoo li hauv tsev khaws puav pheej: ib daim ntaub yuav luag monochrome uas cov ntawv sau thiab cov duab thaij khoom ua txhua yam haujlwm. Lub kaw lus hloov cov chaw dawb huv nrog cov vaj huam sib luag tob, ze li dub, tsim cov qauv sib cais zoo nkauj uas muaj lub npe serif hauv daim ntawv italic tso rau ib sab thiab cov khoom lag luam lossis cov duab ua neej nyob puv npo rau sab tod. Lub typography yog lub suab tseem ceeb ntawm lub hom: ib daim ntawv serif siab, condensed, kho kom zoo nkauj (hauv cov qauv ntawm Exposure) rau cov npe, ua ke nrog lub cim grotesque nruab nrab (Geist) rau lub interface neeg siv, thiab ib daim ntawv sans-serif condensed (bryant) rau cov ntawv, pob muag, thiab cov nyees khawm. Lub interface tseem huv si: tsis muaj cov ntsiab lus UI chromatic, tsis muaj cov gradients kho kom zoo nkauj, tsis muaj duab ntxoov ntxoo - tsuas yog cov ciam teb me me, ob lub ces kaum radii (4 thiab 8), thiab ib qho xim liab siv tsuas yog qee zaum rau kev hais txog. Cov khoom zoo li xav ntau dua li kho kom zoo nkauj: cov khoom faib nyias, daim npav khoom tiaj tus, cov lim dej zoo li tshuaj ntsiav, thiab cov nyees khawm tsis pom uas zoo li cov lus piav qhia txog kev tsim vaj tsev.
Cov ntu nplooj ntawv dav dav puv hloov ntawm dawb thiab ze li dub; txhua ntu nyob rau hauv tag nrho qhov dav ntawm qhov pom, tsis muaj qhov txwv dav tshaj plaws ntawm theem ntu. Cov ntsiab lus hauv cov ntu muaj qhov dav tshaj plaws ntawm ~ 1440px thiab nyob hauv nruab nrab. Tus qauv header tseem ceeb yog 50/50 faib: ib daim ntawv nyeem (kev tshawb nrhiav + lub npe + subtext + khawm) ntawm ib sab, thiab cov khoom lag luam lossis cov duab kev ua neej dav dav ntawm qhov tod tes. Hauv qab daim ntawv tais, daim phiaj khoom siv plaub kab ntawm cov ntawv khoom sib npaug dav nrog cov gutters dav ntawm 24-32px. Cov vaj huam sib luag lim pawg tau muab tso rau hauv qab qhov kev taw qhia tseem ceeb hauv kab kab rov tav ntawm "tshuaj." Lub suab ntawm cov ntu yog txhais los ntawm kev hloov pauv teeb / tsaus kab txaij nrog 80px ntsug indentation ntawm cov ntu, tsim kom muaj lub suab paj nruag-magazine. Lub navigation yog ib lub bar sab saum toj ruaj khov nrog ib daim kab tshaj tawm nyias nyias saum toj no nws.
Cov lus pom tau raug tswj hwm los ntawm kev thaij duab khoom: hnab, siv, thiab cov khoom siv koob yees duab raug thaij duab tawm tsam keeb kwm yav dhau dawb huv, tsis muaj lub ntsiab lus ntawm lub neej txhua hnub, nrog lub teeb pom kev zoo qhia txog cov qauv ntawm cov khoom siv thiab cov ntsiab lus ntawm cov khoom siv. Cov duab txhua hnub tsuas yog tshwm sim hauv cov ntu puv npo (piv txwv li, tes tuav lub koob yees duab hauv lub voj voog) thiab nyob rau tag nrho qhov dav ntawm qhov pom ntawm ib sab ntawm lub vaj huam sib luag sib cais. Cov duab tsis muaj lub ces kaum hauv daim duab tseem ceeb (lawv sib npaug nrog cov npoo), thiab tsis muaj lub ces kaum hauv daim duab daim npav. Tsis muaj cov duab kos, tsis muaj cov duab kos duab abstract, tsis muaj cov duab kos duab lwm yam tshaj li cov cim UI ua haujlwm. Cov khoom YOG qhov tsom mus rau - cov duab zoo hauv studio, nrog cov ces kaum sib xws, lub teeb pom kev zoo sib xws, thiab keeb kwm yav dhau dawb sib xws - thaum UI ploj mus rau hauv keeb kwm yav dhau, tso cai rau cov khoom hais lus rau lawv tus kheej.
Xim av
Nruab nrab
- Carbon Ink
#1a211e— Cov ntawv hauv lub cev, cov sidebars tsaus nti, cov ntawv hauv lub cev, cov cim, cov thav ntawv ntawm cov chaw dawb - xim yuav luag dub uas ua lub hauv paus rau txhua lub npe thiab tsim cov vaj huam sib luag tom qab tsaus ntawm cov ntu faib. - Paper White
#ffffff— Ib qho chaw txhawb nqa uas sib dua thiab siv tau los tsim ib qho keeb kwm yav dhau uas tsis pom tseeb thiab cais cov ntu. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua haujlwm. - True Black
#000000— Cov ntsiab lus uas muaj qhov sib txawv ntau tshaj plaws—sau lub taub hau rau ntawm keeb kwm yav dhau dawb, kab tshaj tawm, tus qauv hauv qab, cov kab kos duab ruaj khov—tau muab tso rau qhov chaw uas tus qauv xav tau cov kab meej tshaj plaws. - Obsidian
#0c0c0c— Cov nto vaj huam sib luag tob thiab cov duab overlays - me ntsis mos dua li cov dub tiag, siv rau cov chaw tsaus uas siv tag nrho qhov screen thiab yuav tsum zoo li khov kho tab sis tsis tawv zoo li cov dub tiaj tus. - Fog
#eef1f0— Ib qho chaw txhawb nqa uas sib dua thiab siv tau los tsim ib qho keeb kwm yav dhau uas tsis pom tseeb thiab cais cov ntu. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua haujlwm. - Mist
#e0e0e0— Cov kab faib, cov xwm txheej tsis taus, cov khoom faib me me - xim grey nruab nrab-lub teeb txhais cov ciam teb ntawm cov ntu ntawm daim ntaub dawb.
Kev sau ntawv
txij li 14 mus txog 80px · 6 kauj ruam
- Geist — hloov: Inter · cov qauv qhia 400, 600, 700 · Cov ntawv tseem ceeb, cov npe khoom, cov lus piav qhia, cov teb daim ntawv, cov ntawv txuas, thiab cov ntsiab lus hauv qab. Qhov hnyav ntawm cov ntawv: 400 rau cov ntawv tseem ceeb, 600 rau cov ntsiab lus tseem ceeb, thiab 700 rau cov npe khoom thiab cov ntawv sau tseem ceeb hauv kab. Cov ntawv Grotesque nruab nrab tso cai rau Display Serif thiab Condensed Sans fonts los qhia txog hom lag luam, thaum Geist muab kev ua haujlwm thiab kev nyeem tau yooj yim.
- Exposure-style serif (Exposure-10) — hloov: Playfair Display · cov qauv qhia 400 · Cov Npe thiab Cov Npe Tseem Ceeb. Ib qho hnyav (400) hauv cov ntawv italic serif tsim kom muaj hwj chim ntawm kev kho xov xwm - cov lus no teeb tsa lub suab ntawm lub hom, siv tsawg tsawg rau ntawm cov vaj huam sib luag tsaus nti uas nthuav dav thoob plaws nplooj ntawv thiab thaum pib ntawm cov ntu tseem ceeb. Qhov sib nrug ntawm cov ntawv me me (-0.025em) tso cai rau cov ntawv loj kom zoo li txwv tsis pub sib xyaw.
- Bryant-style condensed sans (bryant) — hloov: Druk Wide · cov qauv qhia 700 · Cov ntawv cim qhia kev taw qhia, cov nyees khawm lim pawg, cov ntawv sau ntawm lub pob, "pob muag," cov cim ntu, thiab cov npe ntxiv. Cov ntawv loj uas muaj qhov sib nrug ntawm cov ntawv zoo tsim kom muaj tus qauv lag luam, zoo li daim ntawv lo - cov lus no txheeb xyuas thiab qhia, tab sis yeej tsis piav qhia.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 24px |
| Lub vojvoog ntawm lub pob | 4px |
| Lub vojvoog ntawm daim npav | 8px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Peak Design thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Arsenijs Fabrica — Qhov zoo nkauj ntawm cov ntsiab lus kho kom zoo nkauj tau tshwm sim hauv qab lub teeb pom kev zoo. Cov phab ntsa dawb ntawm lub tsev khaws puav pheej, ib lub teeb ci sov so uas ci xim txiv kab ntxwv tawm tsam lub keeb kwm yav dhau monochrome, hom iav nyias, thiab ntau qhov chaw dawb.
- 21 TSI — Ib qho xim liab dawb, ib daim duab silhouette - ib tsab xov xwm zam siab uas lub interface neeg siv yaj mus rau hauv huab cua
- Aevi Wellness — Cov qauv Scandinavian apothecary, cov ntawv tsis hnyav. Lub suab grey-xiav uas tsis sib xyaw ua rau cov ntawv sau tsis muaj xim thiab tsis muaj huab cua zoo li qub, qhov twg cov duab khoom raug muab tso rau ntawm cov ntawv nyias nyias nrog rau keeb kwm yav dhau dawb sov.
- Palmer — Ib lub tsev khaws puav pheej ua los ntawm cov av nplaum hauv lub hnub ci ntsa iab - kev sib cuam tshuam tshwm sim nrog phab ntsa, thiab cov khoom yog kos duab
- PLATFORM — Lub Tsev Duab Dawb Cube nyob rau hauv qhov chaw ci ntsa iab
- Assembly Coffee London — Cov thee hauv lub chaw ci kas fes tsaus ntuj. Ib daim ntaub canvas yuav luag dub nrog cov duab khoom sov so, tsaus ntuj thiab cov ntawv sau cursive serif—qhov kev xav ntawm cov ntawv qhia zaub mov kas fes tshwj xeeb luam tawm hauv ib tag hmo samizdat.
- ARTWORLD — Lub npe xov xwm zam ntawm cov ntaub pua chaw dawb
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- VISIONNAIRE — Ib daim duab qhia txog khaub ncaws hnav hauv txoj kev uas muaj keeb kwm yav dhau dawb mos mos. Lub hom lag luam zoo li phau ntawv sau txog khaub ncaws uas luam tawm: ib daim ntaub dawb tiaj tiaj, kua dub mos mos, thiab ib daim xim sov sov uas siv ua xim los qhia txog cov khoom lossis lub logo.
- Letter — Ib lub tsev khaws puav pheej ntiag tug uas muaj cov khoom siv ci ntsa iab los ntawm qhov chaw khaws cia. Ib qho chaw ua yeeb yam uas muaj phab ntsa dub uas cov xov xwm muaj cov duab kos serifed ntab saum cov duab puab chrome ntawm cov phab ntsa xim ntawm lub tsev khaws puav pheej.
- Ramp — Lub chaw haujlwm nyiaj txiag ntawm cov ntawv xov xwm, cov nplooj ntawv dub thiab dawb nrog ib lub cim neon. Qhov chaw ntawm cov ntawv xov xwm yuav luag yog xim monochrome, qhov twg ib qho xim ntsuab ci ntsa iab hloov txhua qhov kev sib cuam tshuam mus ua lub cim nyiaj txiag.