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 monohromatskog dizajnera: toplo, kremasto platno, grafitno crna tinta i potpuno odsustvo hromatskih akcenata. Cijeli interfejs se doživljava kao jedan materijal - papir, olovka i sjena - s jednim smjelim tipografskim dodirom: profinjenim serifom (Instrument Serif) postavljenim nasuprot sistematskom 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 velikodušna: široki vertikalni ritam (48–64px razmaka između odjeljaka), centrirani rasporedi pune širine i velikodušni bijeli prostor oko teksta. Jedina boja je kontrast između gotovo bijele i gotovo crne, što tamno dugme čini najupečatljivijim elementom na svakoj stranici, a traku logotipa partnerskih brendova 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 redu i dva susjedna dugmeta (ispunjena + prozirna) - bez bočne slike, bez podjele rasporeda. Ispod glavnog elementa nalazi se centrirana siva logotipska traka. Svaki sljedeći odjeljak prati isti obrazac: 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 linkovima i akcijama poravnatim desno, bez bočne trake, bez mega-menija. Stranica se čita od vrha do dna kao niz centriranih izjava, od kojih svaka ima dovoljno prostora - raspored više podsjeća na urednički portfolio nego na pretrpanu stranicu proizvoda.
Vizuelni dizajn je minimalistički i funkcionalan. Sistem koristi dva vizuelna načina: (1) uokvirene snimke ekrana proizvoda i UI makete zatvorene u okvire radijusa od 24px - oni prikazuju stvarne komponente interfejsa (tabele, dugmad, obrasce) prikazane u istoj monohromatskoj paleti, čineći da snimci ekrana izgledaju besprijekorno integrirani u stranicu; (2) jedna traka sivih logotipa partnera služi kao društveni dokaz, prikazana ravno, bez boje ili kontejnera. Nema fotografija životnog stila, apstraktnih gradijenata ili 3D rendera. Jedini ilustrativni element je tamna "pločica" proizvoda, centrirana na toplo sivoj pozadini s ikonom brenda - doživljava se kao demonstracija proizvoda, a ne kao dekoracija. 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 osnova cijelog monohromatskog sistema. - Hairline Border
#e5e7eb— Razdjelnici, okviri za kartice, okviri za slike, obrisi ikona - najčešće korišteni tip obrisa u sistemu, definira prostornu strukturu. - Card Surface
#ededed— Podignuta pozadina za kartice, dodatna površina - nalazi se jedan stepenik iznad platna, stvarajući grupiranje bez sjena. - Divider Mid
#dadada— Razdjelnici srednjih tonova i prelazi između dijelova - Graphite
#242424— Neutralno punjenje visokog kontrasta za primarne dugmad na svijetlim površinama. - Ink Black
#171717— Tekst, naslovi, obrisi ikona - malo hladniji od Graphite-a, 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 · Sans-serif sistemski interfejs – navigacija, tekst, dugmad, podnaslovi i naslovi odjeljaka. Težina: 500 za tekst i kontrole, 600 za podnaslove i akcente navigacije i 700 za naslove odjeljaka. Snažan negativni razmak između slova komprimira geometrijske oblike bilo koje veličine, dajući interfejsu 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 listama funkcija i anotacijama u tekstu gdje alat za dizajn želi naznačiti "ovo je mašinski izlaz".
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 8px |
| Radijus dugmeta | 16px |
| Radijus kartice | 24px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Subframe stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- monopo saigon — Tečni, prelijevajući se sjaj iza uredničke tišine - monohromatska urednička galerija koja lebdi na rastopljenom svjetlu
- Hyer Aviation — Sumrak u kokpitu nad pergamentom. Blijedi zoranski look susreće se sa serifnim logoom veličine trupa, a jedan topli glineni akcenat prekida monohromatsku suzdržanost.
- OFF+BRAND. — Prelijevajuća sfera 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 svijetlokrem pozadini - novinski uvodnik za digitalno doba
- Monocle — Visokokvalitetne novine širokog formata na krem papiru. Pažljivo odabran uvodnik, gdje svaka kolumna zaslužuje svoje mjesto, a na stranici se pojavljuje samo jedna značajna boja.
- Agencja brandingowa — Urednička galerija u bijelim tonovima s tipografijom urađenom crnom tintom
- Websmith Studio — Jutarnje svjetlo na krem papiru
- Aspelin Reitan — Arhitektonska arhiva Candlelight-a - Stranica izgleda kao portfolio izgrađenih prostora, pričvršćen na zid tople krem boje, s jednim redom bijelog teksta koji lebdi iznad svake slike preko cijele širine stranice.
- Public — Monohromatski uvodnik na hladnom mramoru - gotovo monohromatski platno, sa serifnim fontom od 300 bodova i jednim ljubičastim akcentom koji obavlja sav posao s bojama.
- Motto — Tipografski monolit na papiru – jedan, samouvjeren glas koji se izjavljuje na snježnobijelom papiru