Subframe
Grafički crtež na toplom pergamentu. Dizajnerski papir, gdje je svaki potez ili grafit ili gumica, nikada boja - dubina se postiže debljinom linije i rijetkim serifima.
Subframe je radni prostor monokromatskog dizajnera: toplo, kremasto platno, grafitno crna tinta i potpuni nedostatak kromatskih naglasaka. Cijelo sučelje se doživljava kao jedan materijal - papir, olovka i sjena - s jednim smjelim tipografskim dodirom: profinjenim serifom (Instrument Serif) postavljenim nasuprot sustavnom sans-serifu (Inter), dajući naslovima uredničku ozbiljnost. Površine su ravne i uokvirene, a ne izdignute; dubina se postiže tankim razdjelnicima u #e5e7eb i umetnutim istaknutim dijelovima na tamnim kontrolama, a ne sjenama. Gustoća je izdašna: široki vertikalni ritam (48–64px razmaka između odjeljaka), centrirani rasporedi pune širine i izdašni bijeli prostor oko teksta. Jedina boja je kontrast između gotovo bijele i gotovo crne, što tamni gumb čini najupečatljivijim elementom na svakoj stranici, a traku logotipa partnerskih marki u sivim tonovima jedinim dekorativnim vizualnim elementom.
Centrirani rasporedi pune širine (1200px) s velikodušnim vertikalnim ritmom. Glavni element je jedan, centriran blok: tamna, segmentirana kontrola na vrhu, veliki naslov "Inter", podnaslov u jednom retku i dva susjedna gumba (ispunjena + prozirna) - bez bočne slike, bez podjele rasporeda. Ispod glavnog elementa nalazi se centrirana siva logotipska pruga. Svaki sljedeći odjeljak slijedi isti uzorak: blok naslova i podnaslova poravnat lijevo, zatim okvir za predstavljanje proizvoda pune širine s 48–64px prostora između odjeljaka. Navigacija je minimalna: gornja traka s centriranim poveznicama i akcijama poravnatim desno, bez bočne trake, bez mega-izbornika. Stranica se čita od vrha do dna kao niz centriranih izjava, a svaka ima dovoljno prostora - raspored se više doima kao urednički portfolio nego pretrpana stranica proizvoda.
Vizualni dizajn je minimalistički i funkcionalan. Sustav koristi dva vizualna načina: (1) uokvirene snimke zaslona proizvoda i makete korisničkog sučelja zatvorene u okvire radijusa od 24px - prikazuju stvarne komponente sučelja (tablice, gumbe, obrasce) prikazane u istoj monokromatskoj paleti, čineći da snimke zaslona izgledaju besprijekorno integrirane u stranicu; (2) jedna traka logotipa partnera u sivim tonovima služi kao društveni dokaz, prikazana ravno, bez boje ili spremnika. Nema fotografija životnog stila, apstraktnih gradijenata ili 3D rendera. Jedini ilustrativni element je tamna "pločica" proizvoda, centrirana na toploj sivoj pozadini s ikonom robne marke - doživljava se kao demonstracija proizvoda, a ne kao ukras. Sve slike zauzimaju tekstualni raspored, gdje vizualnu težinu nosi tekst.
Paleta
Neutralno
- Page Canvas
#fafafa— Pozadina stranice, razglednica na platnu, svijetli tekst na tamnim površinama – topla bijela boja koja je temelj cijelog monokromatskog sustava. - Hairline Border
#e5e7eb— Razdjelnici, obrubi kartica, okviri za slike, obrisi ikona - najčešće korištena vrsta obrisa u sustavu, definira prostornu strukturu. - Card Surface
#ededed— Podignuta pozadina za kartice, dodatna površina - nalazi se jedan korak iznad platna, stvarajući grupiranje bez sjena. - Divider Mid
#dadada— Razdjelnici srednjih tonova i prijelazi između dijelova - Graphite
#242424— Neutralno ispunjavanje visokog kontrasta za primarne gumbe na svijetlim površinama. - Ink Black
#171717— Tekst tijela, naslovi, obrisi ikona - malo hladniji od Graphitea, koristi se za tipografiju, a ne za površine.
Tipografija
od 12 do 128px · 7 koraka
- Inter — zamjena: Inter (Google Fonts) · obrisi 500, 600, 700 · Sučelje sans-serif sustava - navigacija, tekst tijela, gumbi, podnaslovi i naslovi odjeljaka. Težina: 500 za tekst tijela i kontrole, 600 za podnaslove i naglaske navigacije te 700 za naslove odjeljaka. Snažan negativni razmak između slova komprimira geometrijske oblike bilo koje veličine, dajući sučelju sažet, tehnički izgled.
- Instrument Serif — zamjena: Playfair Display · obrisi 400 · Serifni font dizajniran isključivo za naslove i urednički sadržaj. Njegova težina 400 i razmak između slova -0,025em stvaraju elegantan, kurzivni izgled koji je u kontrastu s industrijskom geometrijom Intera - prepoznatljivom tehnikom: jedna serifna riječ ili fraza unutar sans-serif stranice, koja služi kao vizualna interpunkcija, a ne kao stil naslova.
- Fragment Mono — zamjena: JetBrains Mono · obrisi 400 · Naglasak na mono za elemente slične kodu u tekstu, oznake oznaka i tehničke pozive. Koristi se rijetko, pojavljuje se u popisima funkcija i napomenama u tekstu gdje alat za dizajn želi naznačiti "ovo je strojni izlaz".
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 8px |
| Radijus gumba | 16px |
| Radijus kartice | 24px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 64px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Subframe stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- monopo saigon — Tekući, prelijevajući se sjaj iza uredničke tišine - monokromatska urednička galerija koja lebdi na rastopljenom svjetlu
- Hyer Aviation — Sumrak u kokpitu nad pergamentom. Blijedo nebo zore susreće se sa serifnim logotipom veličine trupa, a jedan topli glineni naglasak prekida monokromatsku suzdržanost.
- OFF+BRAND. — Iridescentna kugla na toplom pergamentu
- Seed — živi organizam pod laboratorijskim staklom
- Eindhoven Design District — Urednički brutalizam na bijelom papiru je manifest gradskog dizajna, izveden velikim slovima, s minimalnom fotografijom i apsolutnom suzdržanošću.
- Miranda — Klasični font širokog formata na svijetloj krem pozadini - novinski uvodnik za digitalno doba
- Monocle — Visokokvalitetne novine širokog formata na krem papiru. Pažljivo odabran uvodnik, gdje svaki stupac zaslužuje svoje mjesto, a na stranici se pojavljuje samo jedna značajna boja.
- Agencja brandingowa — Urednička galerija u bijelim tonovima s tipografijom crne tinte
- Websmith Studio — Jutarnje svjetlo na krem papiru
- Aspelin Reitan — Arhitektonska arhiva Candlelighta - Stranica izgleda kao portfolio izgrađenih prostora, pričvršćen na zid tople krem boje, s jednim retkom bijelog teksta koji lebdi iznad svake slike preko cijele širine stranice.
- Public — Monokromatski uvodnik na hladnom mramoru - gotovo monokromatski platno, s fontom od 300 točaka i jednim ljubičastim naglaskom koji obavlja sav posao s bojama.
- Motto — Tipografski monolit na papiru – jedan, samouvjeren glas koji se izjavljuje na snježnobijelom papiru