Subframe
Grafična risba na toplem pergamentu. Dizajnerski papir, kjer je vsaka poteza bodisi grafit bodisi radirka, nikoli barva – globina je dosežena z debelino črte in redkimi serifi.
Subframe je delovni prostor za monokromatskega oblikovalca: toplo, kremasto platno, grafitno črno črnilo in popolna odsotnost kromatskih poudarkov. Celoten vmesnik je zaznan kot en sam material – papir, svinčnik in senca – z enim drznim tipografskim dotikom: prefinjeno serifno pisavo (Instrument Serif), postavljeno ob sistematični brezserifni pisavi (Inter), ki naslovom daje uredniško resnost. Površine so ravne in uokvirjene, ne pa dvignjene; globina je dosežena s tankimi razdelilniki v #e5e7eb in vstavljenimi poudarki na temnih kontrolnikih namesto s sencami. Gostota je radodarna: širok navpični ritem (48–64 slikovnih pik vrzeli med razdelki), centrirane postavitve v polni širini in velikodušen bel prostor okoli besedila. Edina barva je kontrast med skoraj belo in skoraj črno barvo, zaradi česar je temen gumb najbolj presenetljiv element na vsaki strani, trak logotipov partnerskih blagovnih znamk v sivih tonih pa edini dekorativni vizualni element.
Sredinsko razporejene postavitve polne širine (1200 slikovnih pik) z velikodušnim navpičnim ritmom. Glavni element je en sam, centriran blok: temen, segmentiran kontrolnik na vrhu, velik naslov»Inter«, enovrstični podnaslov in dva sosednja gumba (zapolnjena + prosojna) – brez stranske slike, brez razčlenitve postavitve. Pod glavnim elementom je centriran črtni logotip v sivih odtenkih. Vsak naslednji del sledi istemu vzorcu: levo poravnan blok naslova in podnaslova, nato okvir za predstavitev izdelka polne širine s 48–64 slikovnimi pikami prostora med razdelki. Navigacija je minimalna: zgornja vrstica s centriranimi povezavami in desno poravnanimi dejanji, brez stranske vrstice, brez mega menija. Stran se od zgoraj navzdol bere kot niz centriranih izjav, od katerih ima vsaka dovolj prostora – postavitev je bolj podobna uredniškemu portfelju kot natrpani strani izdelka.
Vizualna zasnova je minimalistična in funkcionalna. Sistem uporablja dva vizualna načina: (1) uokvirjene posnetke zaslona izdelkov in makete uporabniškega vmesnika, zaprte v okvirje s polmerom 24 slikovnih pik – prikazujejo dejanske komponente vmesnika (tabele, gumbe, obrazce), upodobljene v isti enobarvni paleti, zaradi česar so posnetki zaslona videti brezhibno integrirani v stran; (2) en sam trak sivinskih logotipov partnerjev služi kot družbeni dokaz, upodobljen ravno, brez barve ali vsebnikov. Ni fotografij življenjskega sloga, abstraktnih prelivov ali 3D-upodobitev. Edini ilustrativni element je temna»ploščica« izdelka, osredotočena na toplo sivo ozadje z ikono blagovne znamke – dojema se kot predstavitev izdelka, ne kot dekoracija. Vse slike zavzemajo besedilno postavitev, kjer vizualno težo nosi besedilo.
Paleta
Nevtralno
- Page Canvas
#fafafa— Ozadje strani, razglednica na platnu, svetlo besedilo na temnih površinah – topla bela barva, ki je osnova celotnega monokromatskega sistema. - Hairline Border
#e5e7eb— Razdelilniki, obrobe kartic, okvirji slik, obrisi ikon – najpogosteje uporabljena vrsta orisa v sistemu, ki določa prostorsko strukturo. - Card Surface
#ededed— Dvignjeno ozadje za kartice, dodatna površina - se nahaja en korak nad platnom in ustvarja skupino brez senc. - Divider Mid
#dadada— Razdelilniki srednjih tonov in prehodi med odseki - Graphite
#242424— Visokokontrastno nevtralno polnilo za glavne gumbe na svetlih površinah. - Ink Black
#171717— Telo besedila, naslovi, obrisi ikon - nekoliko hladnejše od Graphite, uporabljeno za tipografijo in ne za površine.
Tipografija
od 12 do 128 slikovnih pik · 7 korakov
- Inter — zamenjava: Inter (Google Fonts) · obrisi 500, 600, 700 · Vmesnik sistema sans-serif – navigacija, besedilo telesa, gumbi, podnaslovi in naslovi razdelkov. Teža: 500 za besedilo telesa in kontrolnike, 600 za podnaslove in navigacijske poudarke ter 700 za naslove razdelkov. Močan negativni razmik med črkami stisne geometrijske oblike pri kateri koli velikosti, kar vmesniku daje zgoščen, tehnični videz.
- Instrument Serif — zamenjava: Playfair Display · obrisi 400 · Serifna pisava, zasnovana izključno za naslove in uredniške vsebine. Njena debelina 400 in razmik med črkami -0,025em ustvarjata eleganten, poševni videz, ki je v nasprotju z industrijsko geometrijo pisave Inter – značilne tehnike: ena sama serifna beseda ali besedna zveza znotraj strani brez serifov, ki služi kot vizualno ločilo in ne kot slog naslova.
- Fragment Mono — zamenjava: JetBrains Mono · obrisi 400 · Poudari mono za elemente, podobne vrstični kodi, oznake oznak in tehnične oblačke. Uporablja se redko, pojavlja se v seznamih funkcij in vrstičnih opombah, kjer orodje za oblikovanje želi nakazati»to je strojni izhod«.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 8px |
| Polmer gumba | 16px |
| Polmer kartice | 24px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Subframe in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- monopo saigon — Tekoči, mavrični sij za uredniško tišino – enobarvna uredniška galerija, ki lebdi na staljeni svetlobi
- Hyer Aviation — Mrak v pilotski kabini nad pergamentom. Bledo nebo ob zori se sreča z logotipom serif v velikosti trupa, en sam topel glinasti poudarek pa prekine enobarvno zadržanost.
- OFF+BRAND. — Mavrična krogla na toplem pergamentu
- Seed — živ organizem pod laboratorijskim steklom
- Eindhoven Design District — Uredniški brutalizem na belem papirju je manifest občinskega oblikovanja, izdelan v velikih črkah, z minimalno fotografijo in absolutno zadržanostjo.
- Miranda — Klasična pisava širokega formata na svetlo krem ozadju – časopisni uvodnik za digitalno dobo
- Monocle — Visokokakovosten časopis širokega formata na kremnem papirju. Skrbno izbran uvodnik, kjer si vsak stolpec zasluži svoje mesto in kjer se na strani pojavi le ena pomembna barva.
- Agencja brandingowa — Uredniška galerija v belih tonih s tipografijo, narejeno s črnim črnilom
- Websmith Studio — Jutranja svetloba na kremnem papirju
- Aspelin Reitan — Arhitekturni arhiv Candlelight - Stran je videti kot portfelj zgrajenih prostorov, pripet na toplo kremno steno, z eno samo vrstico belega besedila, ki lebdi nad vsako sliko čez celotno širino strani.
- Public — Enobarvni uvodnik na hladnem marmorju – skoraj enobarvno platno, s 300-točkovno serifno pisavo in enim samim vijoličnim poudarkom, ki opravlja vse barvno delo.
- Motto — Tipografski monolit na papirju – en sam, samozavesten glas, ki se razglaša na snežno belem papirju