Steep
Kuongororwa kweSerif Fonts paWarm Paper
Steep inopa ongororo sezviri mukati menyaya dzekunyora—Misoro yeSignifier serif inoyangarara pamusoro pecanvas chena inenge monochrome, uye imwe chete inodziya peach accent (#fbe1d1) inoratidza system isingawanzo shandiswa. Peji iri rinoita semagazini yechigadzirwa: manyorerwo makuru, ane mavara akakombama, nzvimbo yakakwana yekunyora, makadhi makuru ane mipendero yakapfava ye24px-radius, uye magadzirirwo akaita sepiritsi anonamira pamusoro. Zvikamu zvinonzwa zvakadzikama uye zvisina huremu—mimvuri haina kusimba, miganhu yakatetepa, uye ruvara runoshandiswa kusimbisa mashandiro (peach callout, mavara ebrown akasviba pamashure pepeach). Nzvimbo dzechigadzirwa (matafura edunhu, madhayagiramu ekushanda, vagadziri veAI) zvinoratidzwa sezvinhu zvinoyangarara zvakatenderedza musoro pane kugara mukati meganda redashboard.
Magadzirirwo epeji ane upamhi hwepamusoro hwe1200px, pakati, nezvikamu zvikuru zvinotora anenge upamhi hwepeji rese asi zvichiri mukati memudziyo. Magadzirirwo makuru ane musoro uri pakati nepakati une fonti hombe yeserif, subheader, uye mabhatani maviri epiritsi, akakomberedzwa nemakadhi mana etsananguro yechigadzirwa chinoyangarara (tafura yedunhu kumusoro kuruboshwe, kadhi rekunyoresa kurudyi, dhayagiramu yekushanda pasi kuruboshwe, pakati peAI editor pasi) anofukidza canvas chena pamipendero yakasiyana-siyana. Zvikamu zvinochinjana pakati pePepa White neCard Mist backgrounds, zvichigadzira mutinhimira wakadzikama usina musiyano wakasimba. Zvikamu zvemaficha zvinoshandisa magadzirirwo maviri emavara neUI ane magutter makuru e80px akamira. Navigation ibar imwe chete inoonekera (isina kumashure, muganhu, kana mumvuri) ine logo kuruboshwe, malink ekufambisa pakati, uye kudana kuviri kwechiito (link yemashoko + bhatani repiritsi rakazadzwa) kurudyi. Kuwanda kwemagadzirirwo kwakakura—peji "rinofema" pakati pezvikamu, uye zviri mukati hazvimbozadza mipendero.
Dhizaini yekuona yakatarisana nechigadzirwa, kwete mararamiro: zvinhu zveUI zvinoyangarara (matafura edunhu ane data remitsara mishanu, machati emitsara anoratidza kushanda muna Nyamavhuvhu-Mbudzi, mitsetse yekufambira mberi kweradial, minda yeAI input) zvakarongwa semifananidzo yakachekwa yakatenderedza misoro yenhau. Hapana mapikicha, mifananidzo, kana mifananidzo isina kujairika. Zvinhu zvese zvechigadzirwa zvinoonekwa zvakaiswa pamakadhi machena anoyangarara ane miganhu mitete uye mimvuri yakapfava. Madenderedzwa eavatar ane chiratidzo chidiki chekutungamira - chiratidzo chekuona chinoratidza kudyidzana kwenguva chaiyo. Chinyorwa chikuru ikoraji yemavara neUI, pane musoro wepakati une mufananidzo westock.
Palette
Kwakarerekera
- Ink Black
#17191c— Rugwaro rukuru, bhatani rakazara, uye logo yekufamba ndizvo chete zvinhu zvine rima musystem; zvese zvinodaidzwa kuti zviitwe uye misoro yenyaya murugwaro rukuru zvinoonekwa zvichipesana neruvara urwu rwakasviba. - Paper White
#ffffff— Kanivhasi yemapeji, mabhatani, uye makadhi akavezwa ndizvo zvinonyanya kuratidzwa neruzha rwekumashure, zvichitakura mapoinzi angangoita makumi manomwe nematanhatu. - Mist Gray
#f2f2f3— Nzvimbo dzemakadhi, mamwe ma background, nzvimbo yekuisa zvinhu—rukoko rusingaonekwe pasi pepepa rezvinhu zvakaiswa mukati. - Fog White
#fafafb— Mamwe mapeji ekumashure ekuchinjana zvikamu nenzvimbo dziri pamusoro pemapepa - nhanho imwe pamusoro pepepa kuti pave nemitsara midiki. - Slate Gray
#777b86— Ruvara rwekubatanidza, rugwaro rwekubatsira rwakadzimwa, rugwaro rwekumucheto - Ruvara rwegrey runotonhorera, rwakacheneswa rwakaiswa pakati perugwaro rukuru nerugwaro rusingakwanise kuiswa. - Ash Gray
#979799— Mamwe mavara, matagi echikamu (Kushambadzira, Mari, Kutengesa) - nhanho imwe chete yakareruka kupfuura ruvara rwechinongedzo.
Kunyora
kubva pa15 kusvika pa90px · 8 matanho
- Signifier — kutsiva: GT Sectra · marongero 400 · Fonti yeserif yemisoro yenhau nemazita—inoshandiswa chete paH1/H2 muhukuru hutatu; huremu hwefonti hunoramba huri pa400 (yakajairika) pazviyero zvese, sarudzo yakakosha: fonti yeserif inozevezera pane kushevedzera sefonti ine mabhii marefu.
- Sohne — kutsiva: Inter · marongero 400, 430, 450, 480, 500 · Mafonti makuru, mashandisirwo, uye mafonti ekufambisa anoshandiswa zvakasiyana-siyana, achifukidza zvese kubva pametadata kusvika kumisoro midiki; masimbi ane matanho mashoma (430, 450, 480) anogadzira hurongwa husina kusimba pasina kusvetukira kune mabhii matema.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 24px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Steep uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Newformcap — Pepanhau remupepeti muimba yekupfekera
- Claude — Chinhu chakadhindwa paganda rinodziya—ingi papepa remapfupa, ivhu serimwe chete rinopa ruvara
- 11x– Digital workers — Nzvimbo isina vanhu yekunyora mafirimu—mifananidzo yenzvimbo yakatarisana nemisoro mikuru yenyaya dzepamusoro-soro dzaive dzakaita semagazini yeumbozha yakapararira
- Revolut — Basa rekunyora rakagadzirwa nemavara maviri chete rakavakirwa pamufananidzo wemakore—inki chena, mabhatani emapiritsi, mutsetse mumwe chete webhuruu munyika isina ruvara rwakajeka.
- Scheduling — Inki yekunyora papepa rekirimu
- Titan — chinyorwa che monochrome chine toni inodziya
- Programa — Studio yekuSwitzerland yekugadzira magadzirirwo masikati. Madziro egirazi jena anovhenekerwa nerambi retafura rimwe chete reyero—zvese zviri muruvara rwegrey kusvika bhatani, chiratidzo, kana chirevo chabata ziso, uye ipapo chirevo cheyero chimwe chete chinoratidza imba yese.
- Sana Agents — Lime inopenya pamucheto muchena muchinyorwa
- Visual — Samizdat yekunyora inodziya. Bepa rekrimu, maposta eserif, marginalia yemonochrome, chiratidzo chimwe chete cheyero.
- Midday — Bhurocha rekunyora pamusoro pevellum - 72px serif headline iri padombo rinodziya, kopi yemuviri isina serif ine nzvimbo, zvidzoro zvakaita sepiritsi, pasina mimvuri
- Chat for impact — Kiriniki yegirini ine makamuri ane ruvara rwepepuru
- Handhold — Pepa rinodziya riri pasi pema serifs asinganzwike zvakanaka—pepa rekunyora, rakaiswa nemaoko pasina ruzha rwakawanda, uko fonti ye serif ine mapoinzi mazana maviri inoburitsa inzwi rese.