Steep

Ukuhlaziywa kwamafonti e-Serif ephepheni elifudumele

I-Steep iveza ukuhlaziya njengokuqukethwe kokuhlela—Izihloko ze-Signifier serif zintanta ngaphezu kwendwangu emhlophe ecishe ibe monochrome, kanti i-accent eyodwa efudumele yepentshisi (#fbe1d1) igcizelela uhlelo olungafani nolwe-achromatic. Ikhasi lifundeka njengokusakazwa komagazini womkhiqizo: uhlobo olukhulu, olunemiphetho eqondile, isikhala sombhalo esanele, amakhadi amakhulu anemiphetho ethambile engu-24px-radius, kanye nezilawuli ezimise okwephilisi ezihambisana nobuso. Izingxenye zizizwa zizolile futhi zingenasisindo—izithunzi zincane, imingcele mincane, futhi umbala usetshenziselwa ukugcizelela okusebenzayo (i-callout yepentshisi, izinhlamvu ezinsundu ezimnyama ngemuva kwepentshisi). Izindawo zomkhiqizo (amathebula esifunda, imidwebo yokuvula, abakhi be-AI) zethulwa njengezinto ezintantayo ezizungeze i-header kunokuba zifakwe ngaphakathi kwegobolondo ledeshibhodi.

Ukuhlelwa kwekhasi kunobubanzi obuphezulu obungu-1200px, obuphakathi nendawo, kanti izingxenye eziyinhloko zithatha cishe lonke ububanzi bekhasi kodwa zihlala ngaphakathi kwesitsha. Ukuhlelwa okuyinhloko kunesihloko esiphakathi nendawo esinefonti enkulu ye-serif, i-subheader, kanye nezinkinobho ezimbili zephilisi, ezizungezwe amakhadi amane encazelo yomkhiqizo ontantayo (ithebula lesifunda phezulu kwesobunxele, ikhadi lokubhalisa kwesokudla, umdwebo wokuqalisa phansi kwesobunxele, umhleli we-AI phansi maphakathi) ahlanganisa i-canvas emhlophe ezindaweni ezahlukene. Izingxenye ziyashintshana phakathi kwezizinda zePhepha Elimhlophe kanye ne-Card Mist, zidala isigqi esizolile ngaphandle kokungafani okunamandla. Izigaba zesici zisebenzisa ukwakheka kwamakholomu amabili kombhalo kanye ne-UI enama-gutter amakhulu angu-80px aqondile. Ukuzulazula kuyibha ephezulu eyodwa esobala (akukho ingemuva, umngcele, noma isithunzi) enelogo kwesobunxele, izixhumanisi zokuzulazula phakathi nendawo, kanye nezingcingo ezimbili esenzweni (isixhumanisi sombhalo + inkinobho yephilisi egcwele) ngakwesokudla. Ubuningi besakhiwo bubanzi—ikhasi "liyaphefumula" phakathi kwezigaba, futhi okuqukethwe akulokothi kugcwale imiphetho.

Umklamo obonakalayo ugxile kumkhiqizo, hhayi endleleni yokuphila: izakhi ze-UI ezintantayo (amathebula esifunda anedatha yemigqa emihlanu, amashadi emigqa abonisa ukusebenza ngo-Agasti-Novemba, izindandatho zenqubekela phambili ye-radial, amasimu okufaka i-AI) ahlelwe njengezithombe-skrini ezisikiwe ezizungeze izihloko zokuhlela. Azikho izithombe, imidwebo, noma ihluzo ezingabonakali. Zonke izakhi zomkhiqizo obonakalayo zibekwe kumakhadi amhlophe antantayo anemingcele emincane nezithunzi ezithambile. Izindilinga ze-Avatar zinenkomba encane eqondisa i-cursor—i-visual motif ekhombisa ukusebenzisana kwesikhathi sangempela. Ukwakheka okuyinhloko i-collage yombhalo ne-UI, kunokuba kube yisihloko esiphakathi esinesithombe sesitoko.

I-SaaS emsulwa Umhleli I-Monochrome

https://steep.app

Iphalethi

Okungathathi hlangothi

Ink Black #17191c — Umbhalo oyinhloko, ingemuva lezinkinobho ezigcwalisiwe, kanye nelogo yokuzulazula yizona kuphela izindawo ezimnyama ohlelweni; zonke izingcingo esenzweni kanye nezihloko ezikumbhalo oyinhloko zivela kulesi sizinda esicishe sibe mnyama.
Paper White #ffffff — I-canvas yekhasi, umbhalo wenkinobho, kanye nezindawo zamakhadi ezifakiwe kuyithoni yangemuva evelele, ephethe amaphuzu emvamisa angaba ngu-76.
Mist Gray #f2f2f3 — Izindawo zamakhadi, izizinda ezengeziwe, ukugcwaliswa kwenkambu yokufaka—ungqimba olungabonakali ngaphansi kwephepha lokuqukethwe okufakiwe.
Fog White #fafafb — Ingemuva lekhasi elengeziwe lokushintshana kwezingxenye kanye nezindawo ezijikelezayo - isinyathelo esisodwa ngaphezu kwephepha ukudala ukuhlukahluka kwemigqa emincane.
Slate Gray #777b86 — Umbala wesixhumanisi, umbhalo osizayo othulisiwe, umbhalo ongezansi - Okumpunga okupholile, okungagcwele okubekwe phakathi kombhalo oyinhloko nombhalo ongenakubalwa.
Ash Gray #979799 — Amalebula engeziwe, amathegi esigaba (Ukumaketha, Ezezimali, Ukuthengisa) - isinyathelo esisodwa silula kunombala wesixhumanisi.

Ukuthayipha

kusukela ku-15 kuya ku-90px · izinyathelo ezingu-8

Signifier — esikhundleni: GT Sectra · izinhlaka 400 · Ifonti ye-serif yezihloko nezihloko—esetshenziswa kuphela ku-H1/H2 ngosayizi abathathu; isisindo sefonti sihlala ku-400 (ejwayelekile) kuzo zonke izikali, ukukhetha okuphawulekayo: ifonti ye-serif iyahlebeza kunokuba iklabalase njengefonti enesibindi.
Sohne — esikhundleni: Inter · izinhlaka 400, 430, 450, 480, 500 · Amafonti ayinhloko, isikhombikubona, kanye nokuzulazula ayaguquguquka, ahlanganisa konke kusukela ku-metadata kuya ezihlokweni ezincane; izisindo ezinezinyathelo eziphansi (430, 450, 480) zakha uhlu olucashile ngaphandle kokugxumela kokugqamile.

Izikhawu kanye nesimo

Inhloso	Incazelo
Ubuningi	isilinganiso
Isinyathelo esiyisisekelo	8px
Irediyasi yenkinobho	9999px
Irediyasi yekhadi	24px
Izithunzi	cha - imingcele esikhundleni sezithunzi
Phakathi kwezigaba	80px
Ububanzi bekhasi	1200px

I-AI izokwakha iwebhusayithi yakho ngesitayela se- Steep futhi iyigcwalise

Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.

Dala iwebhusayithi ngale ndlela

Izitayela ezifanayo

Newformcap — Iphephandaba lomhleli egumbini lokugqoka
Claude — Ubuciko obuphrintiwe ephepheni elifudumele—uyinki ephepheni lethambo, ubumba njengokuphela komoya wombala
11x– Digital workers — Indawo yokuhlela yamabhayisikobho eyihlane—izithombe ezibukwayo zezwe ezibekwe ezihlokweni ezinkulu ze-serif ezifundeka njengokusakazwa komagazini wobukhazikhazi
Revolut — Umsebenzi wokuhlela onombala ofanayo osekelwe esithombeni samafu—uyinki omhlophe, izinkinobho zebhokisi lamaphilisi, umugqa owodwa oluhlaza okwesibhakabhaka wombala ezweni elinombala ompunga.
Scheduling — Uyinki womhleli ephepheni elikhilimu
Titan — ingobo yomlando ye-monochrome efudumele
Programa — Isitudiyo sokuklama saseSwitzerland emini. Udonga lwegalari olumhlophe lukhanyiswa isibani setafula esisodwa esiphuzi—konke kunombala ompunga kuze kube yilapho inkinobho, isithonjana, noma i-accent ibamba iso, bese leyo ndlela eyodwa ephuzi ichaza igumbi lonke.
Sana Agents — I-lime iyakhazimula ngemuva okumhlophe kusihleli
Visual — I-samizdat yomhleli efudumele. Iphepha elikhilimu, amaphosta e-serif, ama-marginalia e-monochrome, umaka ophuzi owodwa.
Midday — Incwajana yokuhlela ku-vellum - isihloko se-serif esingu-72px ngemuva kwetshe elifudumele, ikhophi yomzimba we-sans-serif enezikhala, izilawuli ezimise okwephilisi, azikho izithunzi
Chat for impact — Umtholampilo oluhlaza okwesibhakabhaka onamakamelo anombala ophuzi
Handhold — Iphepha elifudumele ngaphansi kwama-serif angaqondakali kahle—indlela yokuhlela, ebekwe ngesandla ngaphandle komsindo we-chromatic, lapho ifonti ye-serif enamaphuzu angu-200 engcono kakhulu idlulisela khona lonke izwi