Subframe
En grafisk tegning på varmt pergament. Designerpapir, hvor hvert strøk enten er grafitt eller viskelær, aldri maling – dybde oppnås gjennom linjetykkelse og sparsomme seriffer.
Subframe er en monokrom designers arbeidsplass: et varmt, kremet lerret, grafittsvart blekk og et fullstendig fravær av kromatiske aksenter. Hele grensesnittet oppfattes som ett enkelt materiale – papir, blyant og skygge – med ett dristig typografisk preg: en raffinert serif (Instrument Serif) satt opp mot en systematisk sans-serif (Inter), som gir redaksjonell tyngde til overskriftene. Overflatene er flate og innrammet snarere enn hevet; dybde oppnås gjennom tynne skillevegger i #e5e7eb og innfelte høydepunkter på mørke kontroller snarere enn skygger. Tettheten er generøs: en bred vertikal rytme (48–64 piksler med mellomrom mellom seksjoner), sentrerte layouter i full bredde og sjenerøs hvitplass rundt tekst. Den eneste fargen er kontrasten mellom nesten hvitt og nesten svart, noe som gjør den mørke knappen til det mest slående elementet på hver side, og stripen med partnerlogoer i gråtoner til det eneste dekorative visuelle elementet.
Sentrerte oppsett i full bredde (1200 piksler) med en generøs vertikal rytme. Hovedelementet er en enkelt, sentrert blokk: en mørk, segmentert kontroll øverst, en stor "Inter"-overskrift, en underoverskrift på én linje og to tilstøtende knapper (fylt + gjennomskinnelig) – intet sidebilde, ingen oppdeling av oppsettet. Under hovedelementet er det en sentrert gråtone-logostripe. Hver påfølgende seksjon følger samme mønster: en venstrejustert tittel- og underoverskriftsblokk, deretter en produktpresentasjonsramme i full bredde med 48–64 piksler mellomrom mellom seksjonene. Navigasjonen er minimal: en topplinje med sentrerte lenker og høyrejusterte handlinger, ingen sidefelt, ingen megameny. Siden leses ovenfra og ned som en serie sentrerte utsagn, hver med god plass – oppsettet føles mer som en redaksjonell portefølje enn en travel produktside.
Det visuelle designet er minimalistisk og funksjonelt. Systemet bruker to visuelle moduser: (1) innrammede produktskjermbilder og UI-mockups omsluttet av rammer med 24 pikslers radius – de viser faktiske grensesnittkomponenter (tabeller, knapper, skjemaer) gjengitt i samme monokrome palett, noe som gjør at skjermbildene ser sømløst integrert ut på siden; (2) en enkelt stripe med partnerlogoer i gråtoner fungerer som sosialt bevis, gjengitt flatt, uten farge eller beholdere. Det er ingen livsstilsbilder, abstrakte gradienter eller 3D-gjengivelser. Det eneste illustrerende elementet er en mørk produkt"flis", sentrert på en varm grå bakgrunn med et merkeikon – det oppfattes som en produktdemonstrasjon, ikke dekorasjon. Alle bilder har et tekstbasert layout, der den visuelle tyngden bæres av teksten.
Palett
Nøytral
- Page Canvas
#fafafa— Sidens bakgrunn, postkortet på lerret, den lyse teksten på mørke overflater – en varm hvit farge som ligger til grunn for hele det monokrome systemet. - Hairline Border
#e5e7eb— Skillere, kortkanter, bilderammer, ikonomriss – den mest brukte typen omriss i systemet, definerer den romlige strukturen. - Card Surface
#ededed— Hevet bakgrunn for kort, en ekstra overflate - ligger ett trinn over lerretet, og skaper en gruppering uten skygger. - Divider Mid
#dadada— Mellomtoneskillere og overganger mellom seksjoner - Graphite
#242424— Nøytral fylling med høy kontrast for primære knapper på lyse overflater. - Ink Black
#171717— Brødtekst, overskrifter, ikonomriss – litt kulere enn grafitt, brukt til typografi snarere enn overflater.
Typografi
fra 12 til 128 piksler · 7 trinn
- Inter — erstatning: Inter (Google Fonts) · omriss 500, 600, 700 · Et sans-serif-systemgrensesnitt – navigasjon, brødtekst, knapper, underoverskrifter og seksjonsoverskrifter. Vekt: 500 for brødtekst og kontroller, 600 for underoverskrifter og navigasjonsaksenter, og 700 for seksjonsoverskrifter. Sterk negativ bokstavavstand komprimerer geometriske former i alle størrelser, noe som gir grensesnittet et kondensert, teknisk utseende.
- Instrument Serif — erstatning: Playfair Display · omriss 400 · En serif-skrifttype designet eksklusivt for overskrifter og redaksjonelt innhold. Dens vekt på 400 og -0,025 em bokstavavstand skaper et elegant, kursivert utseende som står i kontrast til den industrielle geometrien til Inter – en signaturteknikk: et enkelt serif-ord eller en frase på en sans-serif-side, som fungerer som visuell tegnsetting snarere enn en overskriftsstil.
- Fragment Mono — erstatning: JetBrains Mono · omriss 400 · Aksentmono for innebygde kodelignende elementer, tagetiketter og tekniske utrop. Brukes sparsomt, vises det i funksjonslister og innebygde annoteringer der designverktøyet ønsker å indikere "dette er maskinutdata".
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 8px |
| Knapperadius | 16px |
| Kortradius | 24px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Subframe -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- monopo saigon — En flytende, iriserende glød bak den redaksjonelle stillheten – et monokromt redaksjonelt galleri som flyter på smeltet lys
- Hyer Aviation — Skumring i cockpiten over pergament. Den bleke daggryhimmelen møter den flykroppsstore serif-logoen, og en enkel varm leireaksent bryter den monokrome tilbakeholdenheten.
- OFF+BRAND. — Iriserende kule på varmt pergament
- Seed — en levende organisme under laboratorieglass
- Eindhoven Design District — Redaksjonell brutalisme på hvitt papir er et kommunalt designmanifest, utført i stor skrift, med minimal fotografering og absolutt tilbakeholdenhet.
- Miranda — Klassisk storformatskrift på lys kremfarget bakgrunn – en avislederartikkel for den digitale tidsalderen
- Monocle — En avis av høy kvalitet i bredt format på kremfarget papir. En nøye utvalgt lederartikkel, hvor hver spalte fortjener sin plass, og bare én meningsfull farge vises på siden.
- Agencja brandingowa — Et redaksjonelt galleri i hvite toner med typografi utført i svart blekk
- Websmith Studio — Morgenlys på kremfarget papir
- Aspelin Reitan — Arkitektonisk arkiv i stearinlysets lys – Siden ser ut som en portefølje av bygde rom, festet til en varm kremfarget vegg, med en enkelt linje med hvit tekst som flyter over hvert bilde over hele sidens bredde.
- Public — En monokrom lederartikkel på kald marmor – nesten et monokrom lerret, med en 300-punkts serif-skrifttype og en enkelt lilla aksent som gjør alt fargearbeidet.
- Motto — En typografisk monolitt på papir – en enkelt, selvsikker stemme som erklærer seg selv på snøhvitt papir