Bpco
Ib daim ntawv tshaj tawm uas ua los ntawm ib daim pob zeb ua vaj tse. Ib lub thawv nias dub thiab dawb uas cov ntawv Helvetica loj loj zoo li daim duab, thiab tsuas yog ib daim ntawv uas raug ntswj rau hauv qab cov ntawv tseem ceeb xwb.
Bigpicture siv lub tshuab kho kom zoo nkauj monochrome uas kho lub vev xaib zoo li cov khoom siv luam tawm uas tau muab tso rau ntawm daim ntawv nyoos. Lub interface tsis muaj cov xim chromatic kiag li, tsuas yog siv cov kua dub, qhov chaw dawb, cov kab nyias nyias, thiab cov qauv sib xws ntawm daim ntawv crumpled los tsim huab cua. Typography yog khoom: cov npe ncav cuag 274px hauv Helvetica Neue 700 nrog cov ntawv tsis zoo, ua rau cov ntawv nyeem yog qhov pom tseem ceeb ntawm txhua lub vijtsam. Cov lus piav qhia Monospaced ([01-N KEV QHIA], CREATIVE/AGENCY) ua haujlwm ua cov cim kos npe luam tawm, thiab cov cim ci ntsa iab plaub-taw tes ua haujlwm ua qhov kho kom zoo nkauj ntawm cov ntu. Qhov layout yog dav thiab ua rau nco txog kev luam tawm tus kheej - 72px qhov sib txawv ntawm cov ntu, 144-250px kab rov tav margins, thiab cov duab puv dav nrog 288px ces kaum tso cai rau nplooj ntawv ua pa zoo li phab ntsa gallery es tsis yog ib daim software.
Qhov dav tshaj plaws yog ~ 1440px, nyob hauv nruab nrab nrog lub padding kab rov tav ntawm 40–144px nyob ntawm qhov ceev ntawm seem. Daim duab hero yog daim duab dav tag nrho nrog cov ntawv sau overlays. Hauv qab daim duab, cov ntsiab lus hloov pauv ntawm cov ntawv sau nruab nrab thiab ntug-rau-ntug typography. Qhov hauv qab 60% ntawm nplooj ntawv yog ib daim ntawv qhia ntev, scrolling, nrog rau cov ntawv loj sau tag nrho cov kab dav viewport los ntawm kab, sib cais los ntawm cov kab ntawm cov glossy dividers. Lub navigation yog ib lub bar floating nyob hauv nruab nrab ntawm sab saum toj ntawm lub viewport, es tsis yog ib lub vaj huam sib luag dav tag nrho. Lub footer yog ib daim kab nrog ib tug ciam teb nyias.
Cov duab thaij duab yog cov tseem ceeb ntawm lub vijtsam tseem ceeb—cov duab tshaj tawm txog vaj tse loj thiab sab nraum zoov (cov ntawv tshaj tawm loj, cov ntaub thaiv tsev, kev tshaj tawm ntawm txoj kev) nthuav tawm tag nrho nrog cov ces kaum puag ncig. Cov ntawv ntxhib ntxhib tau muab tso rau ntawm cov ntu qis ntawm nplooj ntawv, tsim kom muaj kev xav kov thiab muab qhov interface zoo li phau ntawv xov xwm luam tawm. Lub cim me me ntawm lub ntiaj teb, kos nrog cov kab, yog tib qho piv txwv. Tsis muaj cov teebmeem 3D, tsis muaj cov duab gradient, tsis muaj cov khoom tsim qauv—cov duab yog cov ntaub ntawv, kev lag luam, thiab raws li lub koom haum cov khoom lag luam tshaj tawm sab nraum zoov.
Xim av
Nruab nrab
- Press Ink
#121212— Cov ntawv hauv lub cev, cov kab nyias nyias, cov ciam teb ntawm ntu, cov kab kos duab, thiab cov ntawv hauv qab siv tib lub suab tsaus nti uas muaj 95% ntawm tag nrho cov ntaub ntawv pem hauv ntej. - Paper White
#ffffff— Nplooj ntawv canvas, cov ntawv cardboard, keeb kwm yav dhau los ntawm navigation bar, cov chaw nrog cov ntas npe. - Newsprint
#f1f1f1— Qhov sau ntawm qhov chaw zoo nkauj, cov ciam teb mos mos, cov kab faib nyias nyias, lub suab zais tom qab cov qauv ntawm daim ntawv ntswj. - Foil Gray
#e1e1e1— Cov thav duab teeb, cov lus qhia hauv daim ntawv ntawm cov duab qhia, cov khoom faib ntxiv. - Mute Gray
#c5c5c5— Cov ntawv nyeem theem ob, qhov xwm txheej tsis taus, cov kab saum npoo tsis sib xws
Kev sau ntawv
txij li 13 mus txog 274px · 6 kauj ruam
- Helvetica Neue — hloov: Inter · cov qauv qhia 400, 500, 700 · Ib lub cuab yeej siv tau thoob ntiaj teb - cov ntawv hauv lub cev ntawm 17px / 1.29, tso saib cov npe ntawm 75–274px nrog -0.04em tsab ntawv sib nrug ntawm qhov loj tshaj plaws, cov ntawv cim kev taw qhia ntawm 15px
- PPSupplyMono — hloov: JetBrains Mono · cov qauv qhia 400 · Cov cim npe meta thiab cov ntawv cim hauv kab ntawv xws li [01-N KEV QHIA], nrog rau cov cim npe ntu (ADVERTISING, CREATIVE/AGENCY, OFFLINE MARKETING) tsuas yog cov cim npe uas rhuav tshem qhov monotony ntawm Helvetica.
- PPSupplySans — hloov: Inter · cov qauv qhia 400 · Kev taw qhia thib ob thiab microcopy hauv footer qhov twg xav tau cov ntawv sans-serif sib txawv.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 50px |
| Lub vojvoog ntawm lub pob | 8px |
| Lub vojvoog ntawm daim npav | 20px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 72px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Bpco 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
- Steep — Kev Tshawb Fawb Txog Serif Fonts Ntawm Daim Ntawv Sov
- Newformcap — Cov ntawv xov xwm hauv chav hnav khaub ncaws
- Claude — Ib yam khoom cuav luam tawm rau ntawm daim ntawv sov so - kua mem rau ntawm daim ntawv pob txha, av nplaum ua pa xim xwb
- 11x– Digital workers — Ib thaj chaw uas tsis muaj neeg pom zoo li zaj yeeb yaj kiab—cov duab panoramic ntawm thaj av uas teeb tsa nrog cov ntawv xov xwm loj loj uas nyeem zoo li phau ntawv xov xwm kim heev.
- Revolut — Ib txoj haujlwm kho kom zoo nkauj monochrome raws li daim duab ntawm cov huab—xim dawb, cov nyees khawm tshuaj, ib txoj kab xiav ntawm xim hauv lub ntiaj teb grey.
- Scheduling — Cov kua mem sau rau ntawm daim ntawv nplaum
- Titan — Cov ntaub ntawv monochrome sov so
- Programa — Ib lub studio tsim qauv Swiss thaum tav su. Phab ntsa dawb ntawm lub tsev khaws puav pheej ci ntsa iab los ntawm ib lub teeb daj ntawm lub rooj - txhua yam yog xim grey kom txog thaum lub pob, lub cim, lossis cov khoom dai kom zoo nkauj ntes tau lub qhov muag, thiab tom qab ntawd ib qho khoom dai kom zoo nkauj daj ntawd qhia txog tag nrho chav.
- Sana Agents — Txiv qaub ntsuab ci ntsa iab rau ntawm keeb kwm yav dhau dawb hauv kev sau xov xwm
- Visual — Cov ntawv sau sov so zoo nkauj heev. Ntawv dawb, cov ntawv tshaj tawm serif, cov ntawv marginalia monochrome, ib tus cwj mem daj.
- Midday — Daim ntawv qhia txog kev sau ntawv txog vellum - 72px serif lub npe ntawm lub keeb kwm yav dhau los ntawm pob zeb sov so, daim ntawv theej sans-serif nrog qhov sib nrug, kev tswj hwm zoo li tshuaj ntsiav, tsis muaj duab ntxoov ntxoo
- Chat for impact — Ib lub tsev kho mob ntsuab hauv hav zoov nrog cov chav xim pastel