Subframe
En grafisk tegning på varmt pergament. Designerpapir, hvor hvert strøg enten er grafit eller viskelæder, aldrig malet – dybde opnås gennem stregtykkelse og sparsomme seriffer.
Subframe er en monokrom designers arbejdsplads: et varmt, cremet lærred, grafitsort blæk og en fuldstændig mangel på kromatiske accenter. Hele brugerfladen opfattes som et enkelt materiale – papir, blyant og skygge – med ét dristigt typografisk touch: en raffineret serif (Instrument Serif) sat op mod en systematisk sans-serif (Inter), der giver redaktionel tyngde til overskrifterne. Overfladerne er flade og indrammede snarere end hævede; dybde opnås gennem tynde skillevægge i #e5e7eb og indsatte fremhævninger på mørke kontroller snarere end skygger. Tætheden er generøs: en bred lodret rytme (48-64px mellemrum mellem sektioner), centrerede layouts i fuld bredde og generøst hvidt rum omkring tekst. Den eneste farve er kontrasten mellem næsten hvid og næsten sort, hvilket gør den mørke knap til det mest slående element på hver side, og striben af partnermærkelogoer i gråtoner til det eneste dekorative visuelle element.
Centrerede layouts i fuld bredde (1200px) med en generøs lodret rytme. Hovedelementet er en enkelt, centreret blok: en mørk, segmenteret kontrol øverst, en stor "Inter"-overskrift, en underoverskrift på én linje og to tilstødende knapper (fyldt + gennemskinnelig) – intet sidebillede, ingen layoutopdeling. Under hovedelementet er en centreret gråtone-logostribe. Hver efterfølgende sektion følger det samme mønster: en venstrejusteret titel- og underoverskriftsblok, derefter en produktudstillingsramme i fuld bredde med 48-64px mellemrum mellem sektionerne. Navigationen er minimal: en øverste bjælke med centrerede links og højrejusterede handlinger, ingen sidebjælke, ingen megamenu. Siden læses fra top til bund som en række centrerede udsagn, der hver især har rigelig plads – layoutet føles mere som en redaktionel portefølje end en travl produktside.
Det visuelle design er minimalistisk og funktionelt. Systemet bruger to visuelle tilstande: (1) indrammede produktskærmbilleder og UI-mockups omsluttet af rammer med en radius på 24 px – de viser faktiske grænsefladekomponenter (tabeller, knapper, formularer) gengivet i den samme monokrome palet, hvilket får skærmbillederne til at se problemfrit integreret ud på siden; (2) en enkelt stribe gråtonepartnerlogoer fungerer som socialt bevis, gengivet fladt, uden farve eller beholdere. Der er ingen livsstilsfotos, abstrakte gradienter eller 3D-gengivelser. Det eneste illustrative element er en mørk produkt-"flise" centreret på en varm grå baggrund med et brandikon – det opfattes som en produktdemonstration, ikke dekoration. Alle billeder har et tekstbaseret layout, hvor den visuelle vægt bæres af teksten.
Palet
Neutral
- Page Canvas
#fafafa— Sidens baggrund, postkortet på lærred, den lyse tekst på mørke overflader – en varm hvid farve, der ligger til grund for hele det monokrome system. - Hairline Border
#e5e7eb— Skillelinjer, kortrammer, billedrammer, ikonkonturer - den mest anvendte type kontur i systemet, definerer den rumlige struktur. - Card Surface
#ededed— Hævet baggrund til kort, en ekstra overflade - er placeret et trin over lærredet, hvilket skaber en gruppering uden skygger. - Divider Mid
#dadada— Mellemtoneopdelere og overgange mellem sektioner - Graphite
#242424— Neutral udfyldning med høj kontrast til primære knapper på lyse overflader. - Ink Black
#171717— Brødtekst, overskrifter, ikonomrids - lidt køligere end Graphite, der bruges til typografi snarere end overflader.
Typografi
fra 12 til 128px · 7 trin
- Inter — udskiftning: Inter (Google Fonts) · konturer 500, 600, 700 · En sans-serif systemgrænseflade - navigation, brødtekst, knapper, underoverskrifter og afsnitsoverskrifter. Vægt: 500 for brødtekst og kontrolelementer, 600 for underoverskrifter og navigationsaccenter og 700 for afsnitsoverskrifter. Stærk negativ bogstavafstand komprimerer geometriske former i enhver størrelse, hvilket giver grænsefladen et kondenseret, teknisk udseende.
- Instrument Serif — udskiftning: Playfair Display · konturer 400 · En serif-skrifttype designet eksklusivt til overskrifter og redaktionelt indhold. Dens vægt på 400 og bogstavafstand på -0,025 em skaber et elegant, kursiveret udseende, der står i kontrast til Inters industrielle geometri – en signaturteknik: et enkelt serif-ord eller en -frase på en sans-serif-side, der fungerer som visuel tegnsætning snarere end en overskriftsstil.
- Fragment Mono — udskiftning: JetBrains Mono · konturer 400 · Accent mono til indlejrede kodelignende elementer, tagetiketter og tekniske callouts. Bruges sparsomt og vises i funktionslister og indlejrede annotationer, hvor designværktøjet ønsker at angive "dette er maskinoutput".
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 8px |
| Knapradius | 16px |
| Kortradius | 24px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Subframe -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- monopo saigon — En flydende, iriserende glød bag den redaktionelle stilhed – et monokromt redaktionelt galleri, der flyder på smeltet lys
- Hyer Aviation — Skumring i cockpittet over pergament. Den blege daggryhimmel møder det flykroppe-store serif-logo, og en enkelt varm ler-accent bryder den monokrome tilbageholdenhed.
- OFF+BRAND. — Iriserende kugle på varmt pergament
- Seed — en levende organisme under laboratorieglas
- Eindhoven Design District — Redaktionel brutalisme på hvidt papir er et kommunalt designmanifest, udført i store typer, med minimal fotografering og absolut tilbageholdenhed.
- Miranda — Klassisk storformatskrift på en lys cremefarvet baggrund – en avisleder til den digitale tidsalder
- Monocle — En avis i høj kvalitet i bredformat på cremefarvet papir. En omhyggeligt udvalgt lederartikel, hvor hver spalte fortjener sin plads, og hvor kun én betydningsfuld farve vises på siden.
- Agencja brandingowa — Et redaktionelt galleri i hvide toner med typografi udført i sort blæk
- Websmith Studio — Morgenlys på cremefarvet papir
- Aspelin Reitan — Arkitektonisk arkiv i stearinlysets skær - Siden ligner en portefølje af bebyggede rum, fastgjort til en varm cremefarvet væg, med en enkelt linje hvid tekst, der flyder over hvert billede på tværs af sidens fulde bredde.
- Public — En monokrom redaktionel artikel på kold marmor – næsten et monokromt lærred, med en 300-punkts serif-skrifttype og en enkelt lilla accent, der klarer alt farvearbejdet.
- Motto — En typografisk monolit på papir – en enkelt, selvsikker stemme, der erklærer sig selv på snehvidt papir