Subframe
Tpinġija grafika fuq parċmina sħuna. Karta tad-disinjatur, fejn kull daqqa ta' ħarta hija jew grafit jew gomma, qatt ma żebgħa—il-fond jinkiseb permezz tal-ħxuna tal-linja u serifs sparsi.
Subframe huwa spazju tax-xogħol ta' disinjatur monokromu: kanvas sħun u kremuż, linka sewda tal-grafita, u assenza kompleta ta' aċċenti kromatiċi. L-interfaċċja kollha hija pperċepita bħala materjal wieħed—karta, lapes, u dell—b'mess tipografiku qawwi wieħed: serif raffinat (Instrument Serif) kontra sans-serif sistematiku (Inter), li jagħti gravità editorjali lit-titoli. L-uċuħ huma ċatti u inkwadrati aktar milli mgħollija; il-fond jinkiseb permezz ta' diviżuri rqaq f'#e5e7eb u punti ewlenin imdaħħla fuq kontrolli skuri aktar milli dellijiet. Id-densità hija ġeneruża: ritmu vertikali wiesa' (48–64px ta' lakuni bejn is-sezzjonijiet), layouts iċċentrati b'wisa' sħiħ, u spazju abjad ġeneruż madwar it-test. L-uniku kulur huwa l-kuntrast bejn kważi abjad u kważi iswed, li jagħmel il-buttuna skura l-aktar element impressjonanti f'kull paġna, u l-istrixxa tal-logos tal-marki sħab f'toni griżi l-uniku element viżwali dekorattiv.
Layouts iċċentrati b'wisa' sħiħa (1200px) b'ritmu vertikali ġeneruż. L-element prinċipali huwa blokka waħda ċċentrata: kontroll skur u segmentat fil-parti ta' fuq, intestatura "Inter" kbira, sottointestatura b'linja waħda, u żewġ buttuni biswit xulxin (mimlija + trasluċidi)—l-ebda immaġni tal-ġenb, l-ebda tqassim tal-layout. Taħt l-element prinċipali hemm strixxa tal-logo b'skala griża ċċentrata. Kull sezzjoni sussegwenti ssegwi l-istess mudell: blokka ta' titolu u sottointestatura allinjata max-xellug, imbagħad qafas ta' vetrina tal-prodott b'wisa' sħiħa ta' 48–64px ta' spazju bejn is-sezzjonijiet. In-navigazzjoni hija minima: bar ta' fuq b'links iċċentrati u azzjonijiet allinjati mal-lemin, l-ebda sidebar, l-ebda mega-menu. Il-paġna tinqara minn fuq s'isfel bħala serje ta' dikjarazzjonijiet iċċentrati, kull waħda mogħtija spazju biżżejjed—il-layout iħoss aktar bħal portafoll editorjali milli paġna ta' prodott mimlija.
Id-disinn viżwali huwa minimalista u funzjonali. Is-sistema tutilizza żewġ modi viżwali: (1) screenshots tal-prodott inkwadrati u mockups tal-UI magħluqin fi frejms b'raġġ ta' 24px—dawn juru komponenti attwali tal-interfaċċja (tabelli, buttuni, formoli) mogħtija fl-istess paletta monokromatika, u b'hekk l-screenshots jidhru integrati bla xkiel fil-paġna; (2) strixxa waħda ta' logos ta' msieħba fuq skala griża sservi bħala prova soċjali, mogħtija ċatta, mingħajr kulur jew kontenituri. M'hemm l-ebda ritratti tal-istil tal-ħajja, gradjenti astratti, jew renders 3D. L-uniku element illustrattiv huwa "maduma" skura tal-prodott, iċċentrata fuq sfond griż sħun b'ikona tal-marka—hija pperċepita bħala dimostrazzjoni tal-prodott, mhux dekorazzjoni. L-immaġini kollha jokkupaw tqassim ibbażat fuq test, fejn il-piż viżwali jinġarr mit-test.
Paletta
Newtrali
- Page Canvas
#fafafa— L-isfond tal-paġna, il-kartolina fuq it-tila, it-test ċar fuq uċuħ skuri – kulur abjad sħun li huwa l-bażi tas-sistema monokromatika kollha. - Hairline Border
#e5e7eb— Diviżuri, borduri tal-karti, gwarniċi tal-immaġni, kontorni tal-ikoni - l-aktar tip ta' kontorn użat fis-sistema, jiddefinixxi l-istruttura spazjali. - Card Surface
#ededed— Sfond imqajjem għall-karti, wiċċ addizzjonali - jinsab pass 'il fuq mill-kanvas, u joħloq grupp mingħajr dellijiet. - Divider Mid
#dadada— Diviżuri ta' nofs it-ton u tranżizzjonijiet bejn is-sezzjonijiet - Graphite
#242424— Mili newtrali b'kuntrast għoli għal buttuni primarji fuq uċuħ ħfief. - Ink Black
#171717— Test tal-ġisem, intestaturi, kontorni tal-ikoni - ftit iktar friski minn Graphite, użati għat-tipografija aktar milli għall-uċuħ.
Tipografija
minn 12 sa 128px · 7 passi
- Inter — sostituzzjoni: Inter (Google Fonts) · linji gwida 500, 600, 700 · Interfaċċja tas-sistema sans-serif—navigazzjoni, test tal-ġisem, buttuni, sottotitoli, u intestaturi tas-sezzjonijiet. Piż: 500 għat-test tal-ġisem u l-kontrolli, 600 għas-sottotitoli u l-aċċenti tan-navigazzjoni, u 700 għall-intestaturi tas-sezzjonijiet. Spazjar negattiv qawwi tal-ittri jikkompressa forom ġeometriċi ta' kwalunkwe daqs, u jagħti lill-interfaċċja dehra kondensata u teknika.
- Instrument Serif — sostituzzjoni: Playfair Display · linji gwida 400 · Tipa serif iddisinjata esklussivament għal aħbarijiet ewlenin u kontenut editorjali. Il-piż ta' 400 u l-ispazjar tal-ittri ta' -0.025em joħolqu dehra eleganti u korsiva li tikkuntrasta mal-ġeometrija industrijali ta' Inter—teknika distintiva: kelma jew frażi waħda serif f'paġna sans-serif, li sservi bħala punteġġjatura viżwali aktar milli stil ta' aħbarijiet ewlenin.
- Fragment Mono — sostituzzjoni: JetBrains Mono · linji gwida 400 · Aċċent mono għal elementi simili għal kodiċi inline, tikketti tat-tikketti, u sejħiet tekniċi. Użat bil-moderazzjoni, jidher f'listi ta' funzjonijiet u annotazzjonijiet inline fejn l-għodda tad-disinn trid tindika "dan huwa l-output tal-magna."
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 16px |
| Raġġ tal-karta | 24px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Subframe u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- monopo saigon — Tiddix likwidu u irridixxenti wara s-skiet editorjali—gallerija editorjali monokromatika f'wiċċ l-ilma fuq dawl imdewweb
- Hyer Aviation — Dlam fil-kabina tal-pilota fuq parċmina. Is-sema ċar tas-sebħ jiltaqa' mal-logo serif daqs il-fuselage, u aċċent wieħed sħun tat-tafal ikisser ir-rażżan monokromu.
- OFF+BRAND. — Sfera iridixxenti fuq parċmina sħuna
- Seed — organiżmu ħaj taħt ħġieġ tal-laboratorju
- Eindhoven Design District — Il-brutaliżmu editorjali fuq karta bajda huwa manifest ta’ disinn muniċipali, eżegwit b’tipa kbira, b’fotografija minima u trażżin assolut.
- Miranda — Tipa klassika ta’ format wiesa’ fuq sfond krema ċar—editorjal ta’ gazzetta għall-era diġitali
- Monocle — Gazzetta ta’ kwalità għolja u b’format wiesa’ fuq karta ta’ lewn il-krema. Editorjal ikkurat bir-reqqa, fejn kull kolonna jistħoqqilha postha, u kulur wieħed biss sinifikanti jidher fuq il-paġna.
- Agencja brandingowa — Gallerija editorjali f'toni bojod bit-tipografija magħmula b'linka sewda
- Websmith Studio — Dawl ta' filgħodu fuq karta krema
- Aspelin Reitan — Arkivju Arkitettoniku bid-Dawl tax-Xemgħa - Il-paġna tidher qisha portafoll ta’ spazji mibnija, imwaħħla ma’ ħajt krema sħun, b’linja waħda ta’ test abjad f’wiċċ l-ilma ’l fuq minn kull immaġni tul il-wisa’ kollha tal-paġna.
- Public — Editorjal monokromu fuq irħam kiesaħ—kważi tila monokromu, b'font serif ta' 300 punt u aċċent vjola wieħed li jagħmel ix-xogħol kollu tal-kulur.
- Motto — Monolit tipografiku fuq il-karta – vuċi waħda u kunfidenti li tiddikjara lilha nnifisha fuq karta bajda tas-silġ