Steep
Uhlalutyo lweefonti zeSerif kwiPhepha elifudumeleyo
I-Steep iveza uhlalutyo njengomxholo wokuhlela—Iintloko ze-Signifier serif zintanta ngaphezulu kwe-canvas emhlophe ephantse ibe monochrome, kwaye i-accent enye efudumeleyo yepesika (#fbe1d1) igxininisa inkqubo engaqhelekanga. Iphepha lifundeka njengokusasazeka kwemagazini yemveliso: uhlobo olukhulu, olune-cursive, indawo enkulu yombhalo, amakhadi amakhulu anemiphetho ethambileyo ye-24px-radius, kunye nolawulo olufana nepilisi oluhambelana nomphezulu. Izinto zivakala zizolile kwaye azinabunzima—izithunzi azicacanga, imida incinci, kwaye umbala usetyenziselwa ukugxininisa okusebenzayo (i-callout yepesika, oonobumba abamdaka omnyama kwimvelaphi yepesika). Imiphezulu yemveliso (iitafile zengingqi, iidayagram zokuvula, abakhi be-AI) ziboniswa njengezinto ezidadayo ezijikeleze i-header endaweni yokuba zifakwe ngaphakathi kwegobolondo ledeshibhodi.
Uyilo lwephepha lunobubanzi obuphezulu be-1200px, oluphakathi, kunye namacandelo aphambili athatha phantse lonke ububanzi bephepha kodwa ahlala ngaphakathi kwisikhongozeli. Uyilo oluphambili lunesihloko esiphakathi esinefonti enkulu ye-serif, i-subheader, kunye namaqhosha amabini epilisi, ajikelezwe ngamakhadi amane enkcazo yemveliso edadayo (itafile yengingqi phezulu ngasekhohlo, ikhadi lokubhalisa ngasekunene, umzobo wokuvula ezantsi ngasekhohlo, umhleli we-AI ezantsi embindini) agquma i-canvas emhlophe kwiindawo ezahlukeneyo. Amacandelo ayatshintshana phakathi kwePhepha eliMhlophe kunye neKhadi leMist, edala isigqi esizolileyo ngaphandle komahluko omkhulu. Amacandelo eempawu asebenzisa uyilo lwekholamu ezimbini zombhalo kunye ne-UI kunye nemijelo emikhulu ye-80px ethe nkqo. Ukuhamba yibha ephezulu ecacileyo enye (akukho mvelaphi, umda, okanye isithunzi) enelogo ekhohlo, amakhonkco okuhamba embindini, kunye neefowuni ezimbini zesenzo (ikhonkco lombhalo + iqhosha lepilisi eligcweleyo) ngasekunene. Ubuninzi boyilo lubanzi—iphepha "liyaphefumla" phakathi kwamacandelo, kwaye umxholo awuze ugcwale imiphetho.
Uyilo olubonakalayo lugxile kwimveliso, alujoliswanga kwindlela yokuphila: izinto ze-UI ezintantayo (iitafile zengingqi ezinedatha yemigca emihlanu, iitshathi zemigca ezibonisa ukusebenza ngo-Agasti-Novemba, iiringi zenkqubela phambili ye-radial, amasimi okufaka i-AI) zicwangciswe njengee-skrini ezinqumliweyo ezijikeleze iintloko zeendaba zokuhlela. Akukho zithombe, imifanekiso, okanye imizobo engabonakaliyo. Zonke izinto zemveliso ebonakalayo zibekwe kumakhadi amhlophe antantayo anemida emincinci kunye nezithunzi ezithambileyo. Izangqa ze-Avatar zinesalathisi esincinci sesalathiso-i-visual motif ebonisa ukusebenzisana ngexesha langempela. Ulwakhiwo oluphambili yi-collage yombhalo kunye ne-UI, endaweni yesihloko esiphakathi esinefoto yesitokhwe.
Iphalethi
Ukungathathi cala
- Ink Black
#17191c— Umbhalo oyintloko, imvelaphi yamaqhosha agcweleyo, kunye nelogo yokuhambahamba zezona ndawo zimnyama kuphela kwinkqubo; zonke izicelo zokuthatha isenzo kunye neentloko zezihloko kumbhalo oyintloko zivela ngokuchasene nale mvelaphi imnyama. - Paper White
#ffffff— I-canvas yephepha, umbhalo weqhosha, kunye nomphezulu wekhadi oqokelelweyo zizinto ezibonakala zifana nethoni yangasemva, ziphethe amachaphaza angama-76. - Mist Gray
#f2f2f3— Imiphezulu yekhadi, imvelaphi eyongezelelweyo, indawo yokufaka izaliso—umaleko ongabonakaliyo phantsi kwephepha womxholo ofakwe ngaphakathi. - Fog White
#fafafb— Imvelaphi eyongezelelweyo yephepha yokutshintshana kwamacandelo kunye nemiphezulu ejikeleze i-hover - inyathelo elinye ngaphezulu kwephepha ukwenza umahluko omncinci wemigca. - Slate Gray
#777b86— Umbala wekhonkco, umbhalo oncedisayo ongashukumiyo, umbhalo osezantsi - Umbala ongwevu opholileyo, ongenanto ubekwe phakathi kombhalo oyintloko kunye nombhalo ongenakufakwa. - Ash Gray
#979799— Iileyibhile ezongezelelweyo, iithegi zecandelo (Ukuthengisa, Ezezimali, Ukuthengisa) - inyathelo elinye lilula kunombala wekhonkco.
Ubhalo lweencwadi
ukusuka kwi-15 ukuya kwi-90px · amanyathelo asibhozo
- Signifier — ukutshintshwa: GT Sectra · imida 400 · Ifonti ye-serif yeentloko kunye nezihloko—esetyenziselwa kuphela i-H1/H2 ngobukhulu obuthathu; ubunzima befonti buhlala buyi-400 (eqhelekileyo) kuzo zonke izikali, ukhetho olukhethekileyo: ifonti ye-serif iyahlebeza endaweni yokukhwaza njengefonti enesibindi.
- Sohne — ukutshintshwa: Inter · imida 400, 430, 450, 480, 500 · Iifonti eziphambili, ujongano, kunye neefonti zokuhamba ziyaguquguquka, zigubungela yonke into ukusuka kwi-metadata ukuya kwizihlokwana; ubunzima obunezinyathelo ezimfutshane (430, 450, 480) benza uluhlu oluncinci ngaphandle kokutsiba ukuya kwi-bold.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 24px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 80px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Steep ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Newformcap — Iphephandaba lomhleli kwigumbi lokutshintshela
- Claude — Isixhobo esishicilelwe kwi-parchment efudumeleyo—inki ephepheni lethambo, udongwe njengokuphela komoya wombala
- 11x– Digital workers — Indawo engcolileyo yomhleli webhanyabhanya—iifoto ezibanzi zembonakalo yomhlaba ezibekwe kwiintloko zeendaba ezinkulu ze-serif ezifundeka ngathi yimagazini yodidi oluphezulu esasazekileyo
- Revolut — Umsebenzi wokuhlela onombala omnye osekelwe kwifoto yamafu—inki emhlophe, amaqhosha eepilisi, umgca omnye oluhlaza okwesibhakabhaka kwihlabathi elingengombala ungwevu.
- Scheduling — I-inki yomhleli ephepheni lekhrimu
- Titan — ugcino lwe-monochrome olufudumeleyo
- Programa — Isitudiyo soyilo saseSwitzerland emini. Udonga olumhlophe lwegalari lukhanyiswa sisibane setafile esityheli esinye—yonke into inombala ongwevu de iqhosha, uphawu, okanye isivakalisi sibambe amehlo, kwaye emva koko loo sivakalisi sityheli esinye sichaza igumbi lonke.
- Sana Agents — Ilayimu iyakhazimla kwimvelaphi emhlophe kumhleli
- Visual — I-samizdat yomhleli efudumeleyo. Iphepha elikhrimu, iipowusta ze-serif, i-marginalia enombala omnye otyheli, uphawu olunye olutyheli.
- Midday — Incwadana yomhleli malunga nevellum - isihloko se-serif esingu-72px kwimvelaphi yelitye elifudumeleyo, ikopi yomzimba we-sans-serif enesithuba, ulawulo olufana nepilisi, akukho zithunzi
- Chat for impact — Ikliniki eluhlaza ehlathini enamagumbi anombala okhanyayo
- Handhold — Iphepha elifudumeleyo phantsi kwee-serifs ezingavakaliyo—ukusasazwa komhleli, okusekwe ngesandla ngaphandle kwengxolo ye-chromatic, apho ifonti ye-serif ebalaseleyo enamanqaku angama-200 idlulisela ilizwi lonke