Steep
Uchambuzi wa Fonti za Serif kwenye Karatasi Joto
Steep inawasilisha uchanganuzi kama maudhui ya uhariri—Vichwa vya habari vya serif vya Signifier vinaelea juu ya turubai nyeupe karibu monochrome, na lafudhi moja ya joto ya peach (#fbe1d1) inasisitiza mfumo ambao vinginevyo hauonekani kwa mtindo wa chromatic. Ukurasa unasomeka kama jarida la bidhaa lililoenea: herufi kubwa, za mkunjo, nafasi kubwa ya maandishi, kadi kubwa zenye kingo laini za kipenyo cha pikseli 24, na vidhibiti vyenye umbo la kidonge vinavyoelea kwenye uso. Vipengele huhisi utulivu na visivyo na uzito—vivuli ni hafifu, mipaka ni nyembamba, na rangi hutumika kwa msisitizo wa utendaji (mchanganyiko wa peach, herufi za kahawia nyeusi kwenye mandharinyuma ya peach). Nyuso za bidhaa (meza za eneo, michoro ya uanzishaji, wajenzi wa AI) zinawasilishwa kama vipengele vinavyoelea kuzunguka kichwa badala ya kuwekwa ndani ya ganda la dashibodi.
Mpangilio wa ukurasa una upana wa juu wa pikseli 1200, katikati, huku sehemu kuu zikichukua karibu upana mzima wa ukurasa lakini zikibaki ndani ya chombo. Mpangilio mkuu una kichwa cha katikati chenye fonti kubwa ya serif, kichwa kidogo, na vifungo viwili vya kidonge, vilivyozungukwa na kadi nne za maelezo ya bidhaa zinazoelea (meza ya eneo juu kushoto, kadi ya usajili kulia, mchoro wa uanzishaji chini kushoto, kihariri cha akili bandia katikati) ambacho hufunika turubai nyeupe katika sehemu tofauti za kukabiliana. Sehemu hubadilishana kati ya mandharinyuma ya Karatasi Nyeupe na Kadi ya Mist, na kuunda mdundo mtulivu bila utofautishaji mkubwa. Sehemu za vipengele hutumia mpangilio wa maandishi na kiolesura cha mtumiaji wa safu mbili wenye mifereji mikubwa ya wima ya pikseli 80. Urambazaji ni upau mmoja wa juu unaoonekana wazi (hakuna mandharinyuma, mpaka, au kivuli) wenye nembo kushoto, viungo vya urambazaji katikati, na miito miwili ya kuchukua hatua (kiungo cha maandishi + kitufe cha kidonge kilichojazwa) kulia. Msongamano wa jumla wa mpangilio ni mkubwa—ukurasa "hupumua" kati ya sehemu, na maudhui hayajajaza kingo kamwe.
Muundo wa kuona unazingatia bidhaa, sio mtindo wa maisha: vipengele vya UI vinavyoelea (jedwali za kikanda zenye data ya safu mlalo tano, chati za mistari zinazoonyesha uanzishaji mnamo Agosti-Novemba, pete za maendeleo ya radial, sehemu za kuingiza AI) zimepangwa kama picha za skrini zilizokatwa kuzunguka vichwa vya habari vya uhariri. Hakuna picha, vielelezo, au michoro dhahania. Vipengele vyote vya bidhaa vinavyoonekana vimewekwa kwenye kadi nyeupe zinazoelea zenye mipaka nyembamba na vivuli laini. Miduara ya avatar ina kiashiria kidogo cha mwelekeo wa mshale—motifu inayoonekana inayoashiria mwingiliano wa wakati halisi. Muundo mkuu ni kolagi ya maandishi na UI, badala ya kichwa cha habari kilicho katikati chenye picha ya hisa.
Paleti
Isiyoegemea upande wowote
- Ink Black
#17191c— Maandishi kuu, mandharinyuma ya vitufe vilivyojazwa, na nembo ya urambazaji ndio nyuso pekee nyeusi kwenye mfumo; wito wote wa kuchukua hatua na vichwa vya habari katika maandishi kuu huonekana dhidi ya mandharinyuma haya karibu meusi. - Paper White
#ffffff— Turubai ya ukurasa, maandishi ya kitufe, na nyuso za kadi zilizochongwa ni toni kuu ya usuli, yenye takriban pointi 76 za masafa. - Mist Gray
#f2f2f3— Nyuso za kadi, mandhari ya ziada, sehemu ya kuingiza data—safu isiyoonekana chini ya karatasi kwa ajili ya maudhui yaliyopachikwa. - Fog White
#fafafb— Mandhari ya ziada ya ukurasa kwa ajili ya kubadilisha sehemu na nyuso kwenye kielea - hatua moja juu ya karatasi ili kuunda tofauti ndogo za mistari. - Slate Gray
#777b86— Rangi ya kiungo, maandishi saidizi yaliyonyamazishwa, maandishi ya chini - Kijivu baridi na kilichokauka kilichowekwa kati ya maandishi kuu na maandishi ambayo hayawezi kujumuishwa. - Ash Gray
#979799— Lebo za ziada, lebo za kategoria (Uuzaji, Fedha, Mauzo) - hatua moja nyepesi kuliko rangi ya kiungo.
Uchapaji
kuanzia pikseli 15 hadi 90 · hatua 8
- Signifier — mbadala: GT Sectra · mihtasari 400 · Fonti ya serif kwa vichwa vya habari na vichwa—inayotumika pekee kwa H1/H2 katika ukubwa tatu; uzito wa fonti unabaki kuwa 400 (kawaida) katika mizani yote, chaguo la kipekee: fonti ya serif hunong'ona badala ya kupiga kelele kama fonti nzito.
- Sohne — mbadala: Inter · mihtasari 400, 430, 450, 480, 500 · Fonti kuu, kiolesura, na urambazaji zina matumizi mengi, zikifunika kila kitu kuanzia metadata hadi vichwa vidogo; uzito wa nusu-step (430, 450, 480) huunda mpangilio wa hila bila kuruka hadi herufi nzito.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 9999px |
| Redi ya kadi | 24px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 80px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Steep na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Newformcap — Gazeti la uhariri katika chumba cha kubadilishia nguo
- Claude — Kifaa cha kale kilichochapishwa kwenye ngozi ya joto—wino kwenye karatasi ya mfupa, udongo kama pumzi pekee ya rangi
- 11x– Digital workers — Uhariri wa sinema—picha za mandhari zenye mandhari zilizowekwa dhidi ya vichwa vya habari vya serif vya habari vinavyosomeka kama gazeti la kifahari lililosambazwa
- Revolut — Kazi ya uhariri yenye rangi moja inayotokana na picha ya mawingu—wino mweupe, vifungo vya kisanduku cha vidonge, mstari mmoja wa bluu wa rangi katika ulimwengu ambao vinginevyo ulikuwa na rangi ya kijivu.
- Scheduling — Wino wa uhariri kwenye karatasi ya krimu
- Titan — kumbukumbu ya monochrome yenye rangi ya joto
- Programa — Studio ya usanifu ya Uswisi saa sita mchana. Ukuta mweupe wa ghala unaangazwa na taa moja ya meza ya manjano—kila kitu kiko katika vivuli vya kijivu hadi kitufe, aikoni, au lafudhi itakapovutia jicho, na kisha lafudhi hiyo moja ya njano inafafanua chumba kizima.
- Sana Agents — Chokaa hung'aa kwenye mandhari nyeupe katika tahariri
- Visual — Samizdat ya uhariri ya joto. Karatasi ya krimu, mabango ya serif, pembezoni mwa monochrome, alama moja ya njano.
- Midday — Brosha ya uhariri kuhusu vellum - kichwa cha habari cha serif cha pikseli 72 kwenye mandharinyuma ya jiwe lenye joto, nakala ya mwili isiyo na serif yenye nafasi, vidhibiti vyenye umbo la kidonge, bila vivuli
- Chat for impact — Kliniki ya kijani kibichi yenye vyumba vya rangi ya pastel
- Handhold — Karatasi ya ngozi yenye joto chini ya serif zisizosikika vizuri—seti ya uhariri, iliyowekwa kwa mkono bila kelele ya kromatic, ambapo fonti bora zaidi ya serif yenye alama 200 huwasilisha sauti nzima