Subframe
Një vizatim grafik në pergamenë të ngrohtë. Letër dizajni, ku çdo goditje është ose grafit ose gomë, kurrë bojë - thellësia arrihet përmes trashësisë së vijës dhe serifeve të rralla.
Nënkorniza është një hapësirë pune për një dizajner monokrom: një kanavacë e ngrohtë dhe kremoze, bojë grafiti si e zezë dhe një mungesë e plotë e thekseve kromatike. I gjithë ndërfaqja perceptohet si një material i vetëm - letër, laps dhe hije - me një prekje të guximshme tipografike: një serif i rafinuar (Instrument Serif) i vendosur kundër një sans-serif sistematik (Inter), duke i dhënë rëndësi editoriale titujve. Sipërfaqet janë të sheshta dhe të kornizuara në vend që të jenë të ngritura; thellësia arrihet përmes ndarësve të hollë në #e5e7eb dhe theksimeve të futura në kontrollet e errëta në vend të hijeve. Dendësia është bujare: një ritëm i gjerë vertikal (48–64px boshllëqe midis seksioneve), paraqitje të përqendruara me gjerësi të plotë dhe hapësirë të bardhë bujare rreth tekstit. Ngjyra e vetme është kontrasti midis pothuajse të bardhës dhe pothuajse të zezës, duke e bërë butonin e errët elementin më mbresëlënës në secilën faqe, dhe shiritin e logove të markave partnere në tone gri të vetmin element vizual dekorativ.
Paraqitje të përqendruara, me gjerësi të plotë (1200px) me një ritëm vertikal bujar. Elementi kryesor është një bllok i vetëm i përqendruar: një kontroll i errët, i segmentuar në krye, një titull i madh "Inter", një nëntitull me një rresht të vetëm dhe dy butona ngjitur (të mbushur + të tejdukshëm) - pa imazh anësor, pa ndarje të paraqitjes. Poshtë elementit kryesor është një shirit logoje me shkallë gri në qendër. Çdo seksion pasues ndjek të njëjtin model: një bllok titulli dhe nëntitulli të rreshtuar majtas, pastaj një kornizë prezantimi produkti me gjerësi të plotë me 48–64px hapësirë të brendshme midis seksioneve. Navigimi është minimal: një shirit i sipërm me lidhje të përqendruara dhe veprime të rreshtuara djathtas, pa shirit anësor, pa mega-menu. Faqja lexohet nga lart poshtë si një seri deklaratash të përqendruara, secila me hapësirë të mjaftueshme - paraqitja ndihet më shumë si një portofol editorial sesa një faqe produkti e ngarkuar.
Dizajni vizual është minimalist dhe funksional. Sistemi përdor dy mënyra vizuale: (1) pamje të ekranit të produkteve të kornizuara dhe modele të ndërfaqes së përdoruesit të mbyllura në korniza me rreze 24px - ato shfaqin komponentë realë të ndërfaqes (tabela, butona, formularë) të paraqitur në të njëjtën paletë monokrome, duke bërë që pamjet e ekranit të duken të integruara pa probleme në faqe; (2) një shirit i vetëm logosh partnerësh në shkallë gri shërben si provë sociale, të paraqitura në mënyrë të sheshtë, pa ngjyra ose kontejnerë. Nuk ka foto stili jetese, gradiente abstrakte ose paraqitje 3D. Elementi i vetëm ilustrues është një "pllakë" e errët produkti, e përqendruar në një sfond gri të ngrohtë me një ikonë marke - perceptohet si një demonstrim produkti, jo si dekorim. Të gjitha imazhet zënë një paraqitje të bazuar në tekst, ku pesha vizuale mbahet nga teksti.
Paletë
Neutral
- Page Canvas
#fafafa— Sfondi i faqes, kartolina mbi kanavacë, teksti i çelët në sipërfaqe të errëta - një ngjyrë e bardhë e ngrohtë që qëndron në themel të të gjithë sistemit monokrom. - Hairline Border
#e5e7eb— Ndarësit, kufijtë e kartave, kornizat e imazheve, skicat e ikonave - lloji i skicës që përdoret më shpesh në sistem, përcakton strukturën hapësinore. - Card Surface
#ededed— Sfond i ngritur për kartat, një sipërfaqe shtesë - është e vendosur një hap mbi kanavacë, duke krijuar një grupim pa hije. - Divider Mid
#dadada— Ndarësit e toneve të mesme dhe kalimet midis seksioneve - Graphite
#242424— Mbushje neutrale me kontrast të lartë për butonat kryesorë në sipërfaqe të çelëta. - Ink Black
#171717— Teksti i trupit, titujt, skicat e ikonave - pak më të bukura se Graphite, të përdorura për tipografi në vend të sipërfaqeve.
Tipografi
nga 12 në 128px · 7 hapa
- Inter — zëvendësim: Inter (Google Fonts) · skica 500, 600, 700 · Një ndërfaqe sistemi sans-serif—navigim, teksti i trupit, butonat, nëntitujt dhe titujt e seksioneve. Pesha: 500 për tekstin e trupit dhe kontrollet, 600 për nëntitujt dhe thekset e navigimit, dhe 700 për titujt e seksioneve. Hapësira e fortë negative midis shkronjave kompreson format gjeometrike të çdo madhësie, duke i dhënë ndërfaqes një pamje të kondensuar dhe teknike.
- Instrument Serif — zëvendësim: Playfair Display · skica 400 · Një font serif i projektuar ekskluzivisht për tituj kryesorë dhe përmbajtje editoriale. Pesha e tij prej 400 dhe hapësira midis shkronjave -0.025em krijojnë një pamje elegante, të pjerrët, që bie ndesh me gjeometrinë industriale të Inter - një teknikë dalluese: një fjalë ose frazë e vetme serif brenda një faqeje sans-serif, që shërben si pikësim vizual në vend të një stili titulli.
- Fragment Mono — zëvendësim: JetBrains Mono · skica 400 · Accent mono për elementë të ngjashëm me kodin në linjë, etiketa etiketash dhe thirrje teknike. I përdorur me kursim, shfaqet në listat e funksioneve dhe shënimet në linjë aty ku mjeti i dizajnit dëshiron të tregojë "ky është rezultati i makinës".
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 8px |
| Rrezja e butonit | 16px |
| Rrezja e kartës | 24px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 64px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Subframe dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- monopo saigon — Një shkëlqim i lëngshëm, iridescent pas heshtjes editoriale - një galeri editoriale monokrome që noton mbi dritën e shkrirë.
- Hyer Aviation — Muzg në kabinën e pilotit mbi pergamenë. Qielli i zbehtë i agimit takohet me logon serif me madhësinë e trupit të avionit, dhe një theks i vetëm i ngrohtë prej balte thyen përmbajtjen monokrome.
- OFF+BRAND. — Sferë ylberore në pergamenë të ngrohtë
- Seed — një organizëm i gjallë nën xham laboratori
- Eindhoven Design District — Brutalizmi editorial në letër të bardhë është një manifest i dizajnit komunal, i ekzekutuar me shkronja të mëdha, me fotografi minimale dhe përmbajtje absolute.
- Miranda — Shkronjë klasike me format të gjerë në një sfond krem të çelët - një editorial gazete për epokën dixhitale
- Monocle — Një gazetë me format të gjerë dhe me cilësi të lartë, në letër ngjyrë krem. Një editorial i kuruar me kujdes, ku çdo kolonë meriton vendin e vet dhe vetëm një ngjyrë kuptimplote shfaqet në faqe.
- Agencja brandingowa — Një galeri editoriale në tone të bardha me tipografi të bërë me bojë të zezë
- Websmith Studio — Drita e mëngjesit në letër kremi
- Aspelin Reitan — Arkivi Arkitektonik nga Candlelight - Faqja duket si një portofol hapësirash të ndërtuara, i ngjitur në një mur me ngjyrë krem të ngrohtë, me një rresht të vetëm teksti të bardhë që noton mbi çdo imazh në të gjithë gjerësinë e faqes.
- Public — Një editorial monokrom mbi mermer të ftohtë - pothuajse një kanavacë monokrome, me një font serif me 300 pika dhe një theks të vetëm vjollcë që bën të gjithë punën e ngjyrave.
- Motto — Një monolit tipografik në letër – një zë i vetëm, i sigurt që e shpall veten në letër të bardhë si bora