Subframe
Usa ka grapikong drowing sa init nga pergamino. Ang papel nga pangdisenyo, diin ang matag hampak kay graphite o eraser, dili gyud pintalan—ang giladmon makab-ot pinaagi sa gibag-on sa linya ug nipis nga mga serif.
Ang subframe usa ka monochrome designer workspace: usa ka mainiton, creamy nga canvas, graphite-black nga tinta, ug hingpit nga pagkawala sa chromatic accents. Ang tibuok interface giisip nga usa ka materyal—papel, lapis, ug anino—nga adunay usa ka maisugon nga typographic touch: usa ka refined serif (Instrument Serif) nga gibutang batok sa usa ka sistematikong sans-serif (Inter), nga naghatag og editorial gravity sa mga headline. Ang mga nawong patag ug naka-frame imbes nga gipataas; ang giladmon makab-ot pinaagi sa nipis nga mga divider sa #e5e7eb ug inset highlights sa dark controls imbes nga mga anino. Ang densidad kay lapad: usa ka lapad nga bertikal nga ritmo (48–64px nga mga kal-ang tali sa mga seksyon), nakasentro, full-width nga mga layout, ug lapad nga whitespace sa palibot sa teksto. Ang bugtong kolor mao ang contrast tali sa hapit puti ug hapit itom, nga naghimo sa dark button nga labing talagsaon nga elemento sa matag panid, ug ang strip sa partner brand logos sa gray tones ang bugtong pangdekorasyon nga visual element.
Mga layout nga nakasentro, bug-os ang gilapdon (1200px) nga adunay lapad nga bertikal nga ritmo. Ang pangunang elemento usa ka single, nakasentro nga bloke: usa ka ngitngit, segmented nga kontrol sa ibabaw, usa ka dako nga "Inter" heading, usa ka single-line nga subheading, ug duha ka kasikbit nga mga butones (puno + translucent)—walay side image, walay layout breakup. Sa ubos sa pangunang elemento adunay nakasentro nga grayscale logo stripe. Ang matag sunod nga seksyon nagsunod sa parehas nga sumbanan: usa ka wala nga gi-align nga titulo ug subheading block, dayon usa ka full-width nga product showcase frame nga adunay 48–64px nga gutter space taliwala sa mga seksyon. Minimal ra ang nabigasyon: usa ka top bar nga adunay nakasentro nga mga link ug mga aksyon nga gi-align sa tuo, walay sidebar, walay mega-menu. Ang panid mabasa gikan sa taas hangtod sa ubos isip usa ka serye sa mga nakasentro nga pahayag, ang matag usa gihatagan og igong espasyo—ang layout daw mas sama sa usa ka editorial portfolio kaysa usa ka busy nga panid sa produkto.
Minimalist ug magamit ang biswal nga disenyo. Ang sistema naggamit ug duha ka biswal nga mga paagi: (1) mga naka-frame nga screenshot sa produkto ug mga UI mockup nga gisulod sa 24px-radius nga mga frame—kini nagpakita sa aktuwal nga mga sangkap sa interface (mga lamesa, mga butones, mga porma) nga gi-render sa parehas nga monochrome palette, nga naghimo sa mga screenshot nga daw hapsay nga gihiusa sa panid; (2) usa ka strip sa grayscale nga mga logo sa kauban nagsilbing social proof, gi-render nga patag, walay kolor o mga sudlanan. Walay mga litrato sa estilo sa kinabuhi, abstract gradients, o 3D renders. Ang bugtong elemento sa ilustrasyon mao ang usa ka itom nga "tile" sa produkto, nga nakasentro sa usa ka mainit nga gray nga background nga adunay brand icon—kini giisip nga usa ka demonstrasyon sa produkto, dili dekorasyon. Ang tanan nga mga imahe nag-okupar sa usa ka layout nga nakabase sa teksto, diin ang biswal nga gibug-aton gidala sa teksto.
Paleta
Neutral
- Page Canvas
#fafafa— Ang background sa panid, ang postcard sa canvas, ang luspad nga teksto sa ngitngit nga mga nawong – usa ka mainit nga puti nga kolor nga nagpaluyo sa tibuok monochrome system. - Hairline Border
#e5e7eb— Ang mga divider, mga border sa kard, mga frame sa imahe, mga outline sa icon - ang labing kanunay nga gigamit nga klase sa outline sa sistema, mao ang nagtino sa istruktura sa espasyo. - Card Surface
#ededed— Gipataas nga background para sa mga kard, usa ka dugang nga nawong - nahimutang usa ka lakang sa ibabaw sa canvas, nga nagmugna og usa ka grupo nga walay mga anino. - Divider Mid
#dadada— Mga tigbahin sa midtone ug mga transisyon tali sa mga seksyon - Graphite
#242424— High-contrast neutral fill para sa mga primary button sa mga hayag nga nawong. - Ink Black
#171717— Body text, mga heading, mga outline sa icon - mas nindot gamay kay sa Graphite, gigamit para sa typography imbes sa mga surface.
Tipograpiya
gikan sa 12 ngadto sa 128px · 7 ka lakang
- Inter — kapuli: Inter (Google Fonts) · mga balangkas 500, 600, 700 · Usa ka sans-serif nga interface sa sistema—nabigasyon, body text, mga butones, mga subheading, ug mga heading sa seksyon. Timbang: 500 para sa body text ug mga kontrol, 600 para sa mga subheading ug mga accent sa nabigasyon, ug 700 para sa mga heading sa seksyon. Ang kusog nga gilay-on sa negatibo nga mga letra nag-compress sa mga geometric nga porma sa bisan unsang gidak-on, nga naghatag sa interface og usa ka mubo ug teknikal nga hitsura.
- Instrument Serif — kapuli: Playfair Display · mga balangkas 400 · Usa ka serif nga tipo sa letra nga gidisenyo lamang alang sa mga ulohan sa balita ug sulud sa editoryal. Ang gibug-aton niini nga 400 ug ang gilay-on sa mga letra nga -0.025em nagmugna og elegante, italicized nga hitsura nga sukwahi sa industrial geometry sa Inter—usa ka signature technique: usa ka serif nga pulong o hugpong sa mga pulong sulod sa usa ka sans-serif nga panid, nga nagsilbing biswal nga bantas imbes nga estilo sa ulohan sa balita.
- Fragment Mono — kapuli: JetBrains Mono · mga balangkas 400 · Mono nga accent para sa inline nga mga elemento nga sama sa code, mga label sa tag, ug mga teknikal nga callout. Kon gamiton nga panagsa ra, kini makita sa mga lista sa function ug inline nga mga annotasyon diin ang himan sa disenyo gusto nga magpakita nga "kini ang output sa makina."
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 8px |
| Radius sa butones | 16px |
| Radius sa kard | 24px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Subframe ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- monopo saigon — Usa ka likido, naggilakgilak nga kahayag luyo sa kahilom sa editoryal—usa ka monochrome editorial gallery nga naglutaw sa tinunaw nga kahayag
- Hyer Aviation — Kilumkilom sa cockpit ibabaw sa pergamino. Ang luspad nga langit sa kaadlawon misugat sa serif logo nga sama kadako sa fuselage, ug usa ka mainit nga accent nga lapok ang nakabungkag sa monochrome nga pagpugong.
- OFF+BRAND. — Iridescent sphere sa init nga pergamino
- Seed — usa ka buhing organismo ubos sa bildo sa laboratoryo
- Eindhoven Design District — Ang brutalismo sa editoryal sa puting papel usa ka manifesto sa disenyo sa munisipyo, nga gisulat sa dagkong letra, nga gamay ra ang potograpiya ug hingpit nga pagpugong.
- Miranda — Klasikong lapad nga tipo sa kolor nga adunay light cream nga background—usa ka editoryal sa mantalaan para sa digital nga panahon
- Monocle — Usa ka taas og kalidad, lapad nga pormat nga mantalaan sa krema nga kolor nga papel. Usa ka maampingong gipili nga editoryal, diin ang matag kolum angay sa iyang dapit, ug usa ra ka makahuluganon nga kolor ang makita sa panid.
- Agencja brandingowa — Usa ka galeriya sa editoryal nga puti ang kolor ug adunay tipograpiya nga gihimo gamit ang itom nga tinta
- Websmith Studio — Kahayag sa buntag sa krema nga papel
- Aspelin Reitan — Architectural Archive sa Candlelight - Ang panid morag usa ka portfolio sa mga gitukod nga luna, nga gi-pin sa usa ka mainit nga krema nga bungbong, nga adunay usa ka linya sa puti nga teksto nga naglutaw sa ibabaw sa matag imahe tabok sa tibuok gilapdon sa panid.
- Public — Usa ka monochrome editorial sa bugnaw nga marmol—halos monochrome canvas, nga adunay 300-point serif font ug usa ka purpura nga accent nga mao ang nag-imprenta sa tanang kolor.
- Motto — Usa ka tipograpikong monolito sa papel – usa ka nag-inusarang masaligon nga tingog nga nagpahayag sa iyang kaugalingon sa puti nga papel