Subframe
In grafyske tekening op waarm perkament. Untwerperpapier, dêr't elke streek of grafyt of gum is, nea skildere - djipte wurdt berikt troch linedikte en tinere serifs.
Subframe is de wurkromte fan in monochrome ûntwerper: in waarm, romich doek, grafyt-swarte inket, en in folsleine ôfwêzigens fan chromatyske aksinten. De hiele ynterface wurdt waarnommen as ien materiaal - papier, potlead en skaad - mei ien fet typografyske touch: in ferfine serif (Instrument Serif) tsjin in systematyske sans-serif (Inter), dy't redaksjonele swiertekrêft jout oan 'e krantekoppen. Oerflakken binne flak en ynraamd ynstee fan ferhege; djipte wurdt berikt troch tinne skiedingswanden yn #e5e7eb en ynfoege markearrings op donkere kontrôles ynstee fan skaden. De tichtens is royaal: in breed fertikaal ritme (48-64px fan gatten tusken seksjes), sintraal yndielingen oer folsleine breedte, en royale wytromte om tekst hinne. De ienige kleur is it kontrast tusken hast wyt en hast swart, wêrtroch't de donkere knop it meast opfallende elemint op elke pagina is, en de stripe fan partnermerklogo's yn grize toanen it ienige dekorative fisuele elemint.
Sintrearre, folsleine breedte-layouts (1200px) mei in royaal fertikaal ritme. It haadelemint is in inkele, sintrearre blok: in donkere, segmintearre kontrôle oan 'e boppekant, in grutte "Inter"-koptekst, in ien-rigel subkoptekst, en twa neistlizzende knoppen (fol + trochsichtich) - gjin sydôfbylding, gjin layout-ûnderbrekking. Under it haadelemint is in sintrearre griisskaal logo-streep. Elke folgjende seksje folget itselde patroan: in links-ôfstimde titel- en subkopblok, dan in produkt-showcaseframe oer folsleine breedte mei 48-64px romte tusken de seksjes. Navigaasje is minimaal: in boppeste balke mei sintrearre keppelings en rjochts-ôfstimde aksjes, gjin sydbalke, gjin mega-menu. De side lêst fan boppe nei ûnderen as in searje sintrearre útspraken, elk mei genôch romte - de layout fielt mear as in redaksjonele portfolio dan in drokke produktside.
It fisuele ûntwerp is minimalistysk en funksjoneel. It systeem brûkt twa fisuele modi: (1) ynramde produkt-screenshots en UI-mockups ynsletten yn frames mei in radius fan 24px - se litte werklike interface-komponinten (tabellen, knoppen, formulieren) sjen dy't werjûn wurde yn itselde monochrome palet, wêrtroch't de screenshots naadloos yntegrearre lykje yn 'e pagina; (2) in inkele stripe fan griisskaal-partnerlogo's tsjinnet as sosjaal bewiis, flak werjûn, sûnder kleur of konteners. D'r binne gjin libbensstylfoto's, abstrakte gradiënten of 3D-renderings. It ienige yllustrative elemint is in donkere produkt "tegel", sintraal op in waarm grize eftergrûn mei in merkikoan - it wurdt waarnommen as in produktdemonstraasje, net as dekoraasje. Alle ôfbyldings nimme in tekst-basearre yndieling yn, wêrby't it fisuele gewicht troch de tekst droegen wurdt.
Palet
Neutraal
- Page Canvas
#fafafa— De eftergrûn fan 'e pagina, de ansichtkaart op doek, de ljochte tekst op donkere oerflakken - in waarm wite kleur dy't ûnder it hiele monochrome systeem leit. - Hairline Border
#e5e7eb— Skieders, kaartrânen, ôfbyldingsframes, ikoankonturen - it meast brûkte type omtrek yn it systeem, definiearret de romtlike struktuer. - Card Surface
#ededed— In ferhege eftergrûn foar kaarten, in ekstra oerflak - leit ien stap boppe it doek, wêrtroch in groep sûnder skaden ûntstiet. - Divider Mid
#dadada— Middentoanskieders en oergongen tusken seksjes - Graphite
#242424— Heechkontrast neutrale opfoling foar primêre knoppen op ljochte oerflakken. - Ink Black
#171717— Lichaamstekst, kopteksten, ikoansketsen - in bytsje koeler as Graphite, brûkt foar typografy ynstee fan oerflakken.
Typografy
fan 12 oant 128px · 7 stappen
- Inter — ferfanging: Inter (Google Fonts) · sketsen 500, 600, 700 · In sans-serif systeemynterface - navigaasje, lichemstekst, knoppen, subkopteksten en seksjekopteksten. Gewicht: 500 foar lichemstekst en kontrôles, 600 foar subkopteksten en navigaasjeaksinten, en 700 foar seksjekopteksten. Sterke negative letterôfstân komprimearret geometryske foarmen fan elke grutte, wêrtroch't de ynterface in komprimearre, technyske útstrieling krijt.
- Instrument Serif — ferfanging: Playfair Display · sketsen 400 · In serif-lettertype dat eksklusyf ûntworpen is foar koppen en redaksjonele ynhâld. It gewicht fan 400 en de letterôfstân fan -0.025em meitsje in elegante, kursive útstrieling dy't kontrastearret mei de yndustriële geometry fan Inter - in hantekeningtechnyk: in inkele serif-wurd of sin binnen in sans-serif-pagina, dy't tsjinnet as fisuele ynterpunksje ynstee fan in koptekststyl.
- Fragment Mono — ferfanging: JetBrains Mono · sketsen 400 · Aksint mono foar inline koade-eftige eleminten, taglabels en technyske útroptekens. Sparsum brûkt, it ferskynt yn funksjelisten en inline-annotaasjes wêr't it ûntwerpark oanjaan wol "dit is masine-útfier".
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 8px |
| Knopradius | 16px |
| Kaartradius | 24px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 64px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Subframe -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- monopo saigon — In floeibere, iriserende gloed efter de redaksjonele stilte - in monochrome redaksjonele galery dy't driuwt op smeltend ljocht
- Hyer Aviation — Skimer yn 'e cockpit oer perkament. De bleke moarnsloft treft it rompgrutte serif-logo, en in inkele waarme klaai-aksint ûnderbrekt de monochrome beheining.
- OFF+BRAND. — Iriserende bol op waarm perkament
- Seed — in libben organisme ûnder laboratoariumglês
- Eindhoven Design District — Redaksjoneel brutalisme op wyt papier is in gemeentlik ûntwerpmanifest, útfierd yn grutte letters, mei minimale fotografy en absolute beheining.
- Miranda — Klassike breedformaat letters op in ljochte crèmekleurige eftergrûn - in krante-redaksje foar it digitale tiidrek
- Monocle — In krante fan hege kwaliteit, yn breed formaat, op crèmekleurich papier. In soarchfâldich gearstald redaksjewurk, dêr't elke kolom syn plak fertsjinnet, en mar ien betsjuttingsfolle kleur op 'e pagina ferskynt.
- Agencja brandingowa — In redaksjonele galery yn wite toanen mei typografy dien yn swarte inket
- Websmith Studio — Moarnsljocht op crèmekleurich papier
- Aspelin Reitan — Arsjitektoanysk argyf by kearsljocht - De side liket op in portfolio fan boude romten, fêstmakke oan in waarme crèmekleurige muorre, mei in inkele rigel wite tekst dy't boppe elke ôfbylding oer de folsleine breedte fan 'e side sweeft.
- Public — In monochroom redaksje op kâld moarmer - hast in monochroom doek, mei in 300-punts serif-lettertype en in inkele pearse aksint dy't al it kleurwurk docht.
- Motto — In typografyske monolyt op papier - in inkele, selsbewuste stim dy't himsels ferkundiget op sniewyt papier