Subframe

Mchoro wa picha kwenye ngozi ya joto. Karatasi ya mbunifu, ambapo kila kipigo ni grafiti au kifutio, haichoki kamwe—kina hupatikana kupitia unene wa mstari na serif chache.

Fremu ndogo ni sehemu ya kazi ya mbunifu wa monochrome: turubai yenye joto, krimu, wino mweusi wa grafiti, na kutokuwepo kabisa kwa lafudhi za kromatic. Kiolesura kizima kinaonekana kama nyenzo moja—karatasi, penseli, na kivuli—kwa mguso mmoja wa herufi nzito: serif iliyosafishwa (Instrument Serif) iliyowekwa dhidi ya sans-serif ya kimfumo (Inter), ikitoa mvuto wa uhariri kwa vichwa vya habari. Nyuso ni tambarare na zimetengenezwa kwa fremu badala ya kuinuliwa; kina kinapatikana kupitia vigawanyiko vyembamba katika #e5e7eb na vivutio vya ndani kwenye vidhibiti vyeusi badala ya vivuli. Uzito ni mwingi: mdundo mpana wa wima (pikseli 48–64 za mapengo kati ya sehemu), mpangilio wa katikati, upana kamili, na nafasi nyeupe kubwa kuzunguka maandishi. Rangi pekee ni tofauti kati ya karibu-nyeupe na karibu-nyeusi, na kufanya kitufe cheusi kuwa kipengele cha kuvutia zaidi kwenye kila ukurasa, na utepe wa nembo za chapa mshirika katika tani za kijivu kuwa kipengele pekee cha mapambo kinachoonekana.

Mipangilio yenye upana kamili katikati (pikseli 1200) yenye mdundo mkubwa wa wima. Kipengele kikuu ni kizuizi kimoja, katikati: udhibiti mweusi, uliogawanywa sehemu ya juu, kichwa kikubwa cha "Inter", kichwa kidogo cha mstari mmoja, na vitufe viwili vilivyo karibu (vilivyojazwa + vinavyong'aa)—hakuna picha ya pembeni, hakuna mgawanyiko wa mpangilio. Chini ya kipengele kikuu kuna mstari wa nembo ya kijivu katikati. Kila sehemu inayofuata inafuata muundo ule ule: kichwa kilichopangwa kushoto na kizuizi cha kichwa kidogo, kisha fremu ya kuonyesha bidhaa yenye upana kamili yenye nafasi ya mfereji wa pikseli 48–64 kati ya sehemu. Usogezaji ni mdogo: upau wa juu wenye viungo vilivyopangwa katikati na vitendo vilivyopangwa kulia, hakuna upau pembeni, hakuna menyu kubwa. Ukurasa unasoma kutoka juu hadi chini kama mfululizo wa kauli zilizopangwa katikati, kila moja ikiwa na nafasi ya kutosha—mpangilio unahisi zaidi kama kwingineko ya uhariri kuliko ukurasa wa bidhaa wenye shughuli nyingi.

Muundo wa kuona ni mdogo na unafanya kazi. Mfumo hutumia njia mbili za kuona: (1) picha za skrini za bidhaa zilizowekwa fremu na mockups za UI zilizofungwa katika fremu za kipenyo cha pikseli 24—zinaonyesha vipengele halisi vya kiolesura (meza, vitufe, maumbo) vilivyoonyeshwa katika rangi moja ya monochrome, na kufanya picha za skrini zionekane zimeunganishwa vizuri kwenye ukurasa; (2) kipande kimoja cha nembo za washirika wa kijivu hutumika kama uthibitisho wa kijamii, zilizoonyeshwa tambarare, bila rangi au vyombo. Hakuna picha za mtindo wa maisha, gradients dhahania, au michoro ya 3D. Kipengele pekee cha kuonyesha ni "vigae" vya bidhaa nyeusi, vilivyowekwa kwenye mandharinyuma ya kijivu yenye joto na aikoni ya chapa—inaonekana kama onyesho la bidhaa, si mapambo. Picha zote zina muundo unaotegemea maandishi, ambapo uzito wa kuona hubebwa na maandishi.

Monokromu Unyenyekevu Tahariri

https://www.subframe.com

Paleti

Isiyoegemea upande wowote

Page Canvas #fafafa — Mandharinyuma ya ukurasa, kadi ya posta kwenye turubai, maandishi mepesi kwenye nyuso nyeusi - rangi nyeupe ya joto ambayo ndiyo msingi wa mfumo mzima wa monochrome.
Hairline Border #e5e7eb — Vigawanyi, mipaka ya kadi, fremu za picha, mihtasari ya aikoni - aina ya muhtasari inayotumika sana katika mfumo, hufafanua muundo wa anga.
Card Surface #ededed — Mandharinyuma iliyoinuliwa kwa kadi, uso wa ziada - iko hatua moja juu ya turubai, na kuunda kikundi bila vivuli.
Divider Mid #dadada — Vigawanyiko vya sauti ya kati na mabadiliko kati ya sehemu
Graphite #242424 — Ujazaji usio na upendeleo wa hali ya juu kwa vifungo vya msingi kwenye nyuso nyepesi.
Ink Black #171717 — Maandishi ya mwili, vichwa vya habari, mihtasari ya aikoni - ni baridi kidogo kuliko Grafiti, inayotumika kwa uchapaji badala ya nyuso.

Uchapaji

kutoka pikseli 12 hadi 128 · hatua 7

Inter — mbadala: Inter (Google Fonts) · mihtasari 500, 600, 700 · Kiolesura cha mfumo wa sans-serif—usogezaji, maandishi ya mwili, vitufe, vichwa vidogo, na vichwa vya sehemu. Uzito: 500 kwa maandishi ya mwili na vidhibiti, 600 kwa vichwa vidogo na lafudhi za usogezaji, na 700 kwa vichwa vya sehemu. Nafasi kali ya herufi hasi hubana maumbo ya kijiometri kwa ukubwa wowote, na kuipa kiolesura mwonekano mfupi na wa kiufundi.
Instrument Serif — mbadala: Playfair Display · mihtasari 400 · Uandishi wa serif ulioundwa mahususi kwa ajili ya vichwa vya habari na maudhui ya uhariri. Uzito wake wa 400 na nafasi kati ya herufi na -0.025em huunda mwonekano wa kifahari na wa italiki unaotofautiana na jiometri ya viwanda ya Inter—mbinu ya sahihi: neno moja la serif au kifungu cha maneno ndani ya ukurasa wa sans-serif, unaotumika kama uakifishaji wa kuona badala ya mtindo wa kichwa cha habari.
Fragment Mono — mbadala: JetBrains Mono · mihtasari 400 · Mono ya lafudhi kwa vipengele vinavyofanana na msimbo wa ndani, lebo za lebo, na miito ya kiufundi. Ikitumika kwa nadra, inaonekana katika orodha za vitendakazi na maelezo ya ndani ambapo kifaa cha usanifu kinataka kuonyesha "hii ni matokeo ya mashine."

Vipindi na umbo

Kusudi	Maana
Uzito	wastani
Hatua ya msingi	8px
Kipenyo cha kitufe	16px
Redi ya kadi	24px
Vivuli	hapana - mipaka badala ya vivuli
Kati ya sehemu	64px
Upana wa ukurasa	1200px

AI itaunda tovuti yako kwa mtindo wa Subframe 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.

Unda tovuti katika mtindo huu

Mitindo inayofanana

monopo saigon — Mwangaza wa kimiminika, unaong'aa nyuma ya ukimya wa uhariri—ghala la uhariri la monochrome linaloelea kwenye mwanga ulioyeyuka
Hyer Aviation — Jioni kwenye chumba cha rubani juu ya ngozi. Anga hafifu ya alfajiri inakutana na nembo ya serif yenye ukubwa wa fuselage, na lafudhi moja ya udongo wa joto huvunja kizuizi cha monochrome.
OFF+BRAND. — Duara linalong'aa kwenye ngozi yenye joto
Seed — kiumbe hai chini ya kioo cha maabara
Eindhoven Design District — Ukatili wa uhariri kwenye karatasi nyeupe ni ilani ya usanifu wa manispaa, inayotekelezwa kwa herufi kubwa, yenye upigaji picha mdogo na kizuizi kamili.
Miranda — Aina ya kawaida yenye umbizo pana kwenye mandharinyuma ya krimu nyepesi—tahariri ya gazeti kwa ajili ya enzi ya kidijitali
Monocle — Gazeti la ubora wa juu na lenye umbo pana kwenye karatasi yenye rangi ya krimu. Tahariri iliyopangwa kwa uangalifu, ambapo kila safu inastahili nafasi yake, na rangi moja tu yenye maana inaonekana kwenye ukurasa.
Agencja brandingowa — Nyumba ya sanaa ya uhariri yenye rangi nyeupe yenye uchapaji uliochorwa kwa wino mweusi
Websmith Studio — Mwangaza wa asubuhi kwenye karatasi ya krimu
Aspelin Reitan — Kumbukumbu ya Usanifu kwa kutumia Mwanga wa Mishumaa - Ukurasa unaonekana kama jalada la nafasi zilizojengwa, zilizobandikwa kwenye ukuta wa krimu yenye joto, na mstari mmoja wa maandishi meupe ukielea juu ya kila picha katika upana mzima wa ukurasa.
Public — Tahariri ya monochrome kuhusu marumaru baridi—karibu turubai moja monochrome, yenye fonti ya serif yenye pointi 300 na lafudhi moja ya zambarau inayofanya kazi yote ya rangi.
Motto — Monolithi ya uchapaji kwenye karatasi - sauti moja, yenye ujasiri ikijitangaza kwenye karatasi nyeupe kama theluji