Steep
Kev Tshawb Fawb Txog Serif Fonts Ntawm Daim Ntawv Sov
Steep nthuav qhia kev tshuaj xyuas ua cov ntsiab lus kho xov xwm—Cov ntawv xov xwm Signifier serif ntab saum cov ntaub dawb monochrome, thiab ib qho xim peach sov so (#fbe1d1) qhia txog lub kaw lus achromatic. Cov nplooj ntawv nyeem zoo li cov ntawv xov xwm khoom: cov ntawv loj, cursive, qhov chaw ntawv ntau, cov ntawv loj nrog cov npoo mos 24px-radius, thiab cov tshuaj ntsiav tswj sib npaug nrog qhov chaw. Cov khoom xav tias nyob twj ywm thiab tsis hnyav—cov duab ntxoov ntxoo yog qhov tsis pom tseeb, cov ciam teb yog nyias, thiab xim yog siv rau kev ua haujlwm tseem ceeb (peach callout, cov ntawv xim av tsaus ntawm keeb kwm yav dhau peach). Cov khoom nto (cov lus hauv cheeb tsam, cov duab kos ua haujlwm, AI builders) yog nthuav tawm ua cov khoom ntab nyob ib puag ncig lub taub hau es tsis yog nyob hauv lub plhaub ntawm lub dashboard.
Cov qauv nplooj ntawv muaj qhov dav tshaj plaws ntawm 1200px, nyob nruab nrab, nrog rau cov ntu tseem ceeb nyob yuav luag tag nrho cov nplooj ntawv dav tab sis tseem nyob hauv lub thawv. Cov qauv tseem ceeb muaj lub taub hau nruab nrab nrog cov ntawv loj serif, lub taub hau me, thiab ob lub khawm tshuaj, nyob ib puag ncig los ntawm plaub daim npav piav qhia khoom ntab (cheeb tsam lub rooj sab laug saum toj, daim npav sau npe sab xis, daim duab qhib hauv qab sab laug, AI editor hauv qab nruab nrab) uas sib tshooj ib daim ntaub dawb ntawm ntau qhov sib txawv. Cov ntu hloov pauv ntawm Cov Keeb Kwm Paper White thiab Card Mist, tsim kom muaj lub suab ntsiag to yam tsis muaj kev sib piv muaj zog. Cov ntu nta siv ob kab ntawv ntawm cov ntawv nyeem thiab UI nrog cov gutters ntsug loj 80px. Kev taw qhia yog ib qho bar saum toj kawg nkaus pob tshab (tsis muaj keeb kwm yav dhau, ciam teb, lossis duab ntxoov ntxoo) nrog lub logo ntawm sab laug, cov kev sib txuas navigation hauv nruab nrab, thiab ob qhov kev hu rau kev nqis tes ua (txuas ntawv + khawm tshuaj puv) ntawm sab xis. Qhov ntom ntawm qhov qauv dav dav - nplooj ntawv "ua pa" ntawm cov ntu, thiab cov ntsiab lus yeej tsis muaj neeg coob coob ntawm ntug.
Tus qauv tsim pom kev yog tsom mus rau cov khoom lag luam, tsis yog tsom mus rau kev ua neej: cov ntsiab lus UI ntab (cov lus hauv cheeb tsam nrog cov ntaub ntawv tsib kab, cov kab kos qhia txog kev ua haujlwm thaum Lub Yim Hli-Kaum Ib Hlis, cov voj voog nce qib radial, cov teb nkag AI) tau teeb tsa ua cov duab thaij duab txiav ib puag ncig cov xov xwm tshaj tawm. Tsis muaj duab, cov duab kos, lossis cov duab kos abstract. Txhua yam khoom lag luam pom kev tau muab tso rau ntawm daim npav ntab dawb nrog cov ciam teb nyias thiab cov duab ntxoov ntxoo mos. Cov voj voog avatar muaj tus cim qhia kev taw qhia me me - lub ntsiab lus pom kev qhia txog kev sib cuam tshuam tiag tiag. Cov khoom tseem ceeb yog cov ntawv sau thiab UI, es tsis yog lub npe nruab nrab nrog daim duab npaj.
Xim av
Nruab nrab
- Ink Black
#17191c— Cov ntawv tseem ceeb, keeb kwm yav dhau ntawm lub pob uas puv nkaus, thiab lub logo navigation yog tib qho chaw tsaus ntuj hauv lub system; txhua qhov kev hu kom ua thiab cov npe hauv cov ntawv tseem ceeb tshwm sim tawm tsam keeb kwm yav dhau ze li dub no. - Paper White
#ffffff— Cov ntaub thaiv nplooj ntawv, cov ntawv sau ntawm lub pob, thiab cov ntawv kos duab yog cov suab keeb kwm yav dhau los, nqa kwv yees li 76 lub ntsiab lus zaus. - Mist Gray
#f2f2f3— Cov nto ntawm daim npav, cov keeb kwm yav dhau ntxiv, cov ntawv sau rau hauv daim ntawv - ib txheej tsis pom hauv qab daim ntawv rau cov ntsiab lus uas tau muab tso rau hauv. - Fog White
#fafafb— Ib nplooj ntawv keeb kwm yav dhau los ntxiv rau kev hloov pauv ntawm cov ntu thiab cov nplaim taws - ib kauj ruam saum daim ntawv los tsim cov kab txaij sib txawv. - Slate Gray
#777b86— Xim ntawm qhov txuas, cov ntawv sau uas tsis muaj xim, cov ntawv sau hauv qab - Xim grey txias, tsis muaj xim sib xyaw uas nyob nruab nrab ntawm cov ntawv tseem ceeb thiab cov ntawv uas tsis tuaj yeem suav nrog. - Ash Gray
#979799— Cov ntawv lo ntxiv, cov cim pawg (Kev Lag Luam, Nyiaj Txiag, Kev Muag Khoom) - ib kauj ruam sib dua li xim ntawm qhov txuas.
Kev sau ntawv
txij li 15 txog 90px · 8 kauj ruam
- Signifier — hloov: GT Sectra · cov qauv qhia 400 · Ib hom ntawv serif rau cov xov xwm tseem ceeb thiab cov npe - siv rau H1/H2 hauv peb qhov loj me; qhov hnyav ntawm cov ntawv tseem nyob ntawm 400 (ib txwm) ntawm txhua qhov ntsuas, qhov kev xaiv tshwj xeeb: cov ntawv serif hais lus ntsiag to es tsis qw zoo li cov ntawv tuab.
- Sohne — hloov: Inter · cov qauv qhia 400, 430, 450, 480, 500 · Cov ntawv tseem ceeb, interface, thiab navigation fonts muaj ntau yam siv, suav nrog txhua yam los ntawm metadata mus rau subheadings; semi-stepped weights (430, 450, 480) tsim kom muaj hierarchy me ntsis yam tsis dhia mus rau bold.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 24px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Steep 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
- 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
- Handhold — Cov ntawv sau sov so hauv qab cov serifs uas tsis tshua hnov dua - kev nthuav tawm ntawm cov ntawv sau, teeb tsa tes tsis muaj suab nrov chromatic, qhov twg cov ntawv zoo tshaj plaws 200-point serif qhia tag nrho lub suab