Subframe
Un disegnu graficu nant'à una pergamena calda. Carta di design, induve ogni trattu hè o grafite o gomma, ùn pittura mai - a prufundità hè ottenuta per via di u spessore di a linea è di e serif sparse.
Subframe hè u spaziu di travagliu di un designer monocromu: una tela calda è cremosa, inchiostru neru grafite è una assenza cumpleta d'accenti cromatichi. L'intera interfaccia hè percepita cum'è un unicu materiale - carta, matita è ombra - cù un toccu tipograficu audace: un serif raffinatu (Instrument Serif) contr'à un sans-serif sistematicu (Inter), chì dà gravità editoriale à i tituli. E superfici sò piatte è incorniciate piuttostu chè rialzate; a prufundità hè ottenuta attraversu divisori sottili in #e5e7eb è punti culminanti inseriti nantu à i cuntrolli scuri piuttostu chè l'ombre. A densità hè generosa: un largu ritmu verticale (48-64px di spazii trà e sezioni), layout centrati à larghezza piena è spazii bianchi generosi intornu à u testu. L'unicu culore hè u cuntrastu trà quasi biancu è quasi neru, chì face di u buttone scuru l'elementu u più impressiunante di ogni pagina, è a striscia di loghi di marche partner in toni grigi l'unicu elementu visuale decorativu.
Layout centrati, à larghezza piena (1200px) cù un ritmu verticale generosu. L'elementu principale hè un unicu bloccu centratu: un cuntrollu scuru è segmentatu in cima, un grande titulu "Inter", un sottutìtulu à una sola linea è dui buttoni adiacenti (pieni + traslucidi) - nisuna maghjina laterale, nisuna separazione di u layout. Sottu à l'elementu principale ci hè una striscia di logu in scala di grigi centrata. Ogni sezione successiva seguita u listessu mudellu: un bloccu di titulu è sottutìtulu allineatu à manca, poi una cornice di vetrina di u pruduttu à larghezza piena cù 48-64px di spaziu di margine trà e sezioni. A navigazione hè minima: una barra superiore cù ligami centrati è azzioni allineate à diritta, nisuna barra laterale, nisun mega-menu. A pagina si legge da cima à fondu cum'è una seria di dichjarazioni centrate, ognuna cù un spaziu sufficiente - u layout pare più un portfolio editoriale chè una pagina di pruduttu occupata.
U disignu visuale hè minimalista è funziunale. U sistema utilizza dui modi visuali: (1) screenshots di prudutti incorniciati è mockup di l'interfaccia utente racchiusi in cornici di raghju di 24px - mostranu cumpunenti di l'interfaccia attuale (tabelle, buttoni, moduli) resi in a stessa paleta monocromatica, facendu chì i screenshots appariscenu perfettamente integrati in a pagina; (2) una sola striscia di loghi di partenarii in scala di grigi serve cum'è prova suciale, resa piatta, senza culore o cuntenitori. Ùn ci sò foto di stile di vita, gradienti astratti o rendering 3D. L'unicu elementu illustrativu hè una "piastrella" scura di pruduttu, centrata nantu à un sfondate grisgiu caldu cù una icona di marca - hè percepita cum'è una dimostrazione di pruduttu, micca una decorazione. Tutte l'imagine occupanu un layout basatu annantu à u testu, induve u pesu visuale hè purtatu da u testu.
Paletta
Neutru
- Page Canvas
#fafafa— U fondu di a pagina, a cartolina pustale nantu à a tela, u testu chjaru nantu à e superfici scure - un culore biancu caldu chì hè à a basa di tuttu u sistema monocromu. - Hairline Border
#e5e7eb— Divisori, bordi di carte, cornici d'imagine, contorni d'icone - u tipu di contornu u più adupratu in u sistema, definisce a struttura spaziale. - Card Surface
#ededed— Sfondu rialzatu per e carte, una superficia supplementaria - si trova un passu sopra a tela, creendu un gruppu senza ombre. - Divider Mid
#dadada— Divisori di mezi toni è transizioni trà e sezioni - Graphite
#242424— Riempimentu neutru à altu cuntrastu per i buttoni primari nantu à e superfici chjare. - Ink Black
#171717— Testu di u corpu, tituli, contorni di l'icone - un pocu più frescu chè Graphite, adupratu per a tipografia piuttostu chè per e superfici.
Tipografia
da 12 à 128px · 7 passi
- Inter — rimpiazzamentu: Inter (Google Fonts) · contorni 500, 600, 700 · Un'interfaccia di sistema sans-serif - navigazione, testu di u corpu, buttoni, sottotitoli è intestazioni di sezione. Pesu: 500 per u testu di u corpu è i cuntrolli, 600 per i sottotitoli è l'accenti di navigazione, è 700 per l'intestazioni di sezione. Una forte spaziatura negativa di e lettere comprime e forme geometriche di qualsiasi dimensione, dendu à l'interfaccia un aspettu condensatu è tecnicu.
- Instrument Serif — rimpiazzamentu: Playfair Display · contorni 400 · Un caratteru serif cuncipitu esclusivamente per i tituli è u cuntenutu editoriale. U so pesu di 400 è a spaziatura di e lettere di -0,025 em creanu un aspettu elegante è in corsivu chì cuntrasta cù a geometria industriale di Inter - una tecnica di firma: una sola parola o frase serif in una pagina sans-serif, chì serve cum'è puntuazione visuale piuttostu chè cum'è stile di titulu.
- Fragment Mono — rimpiazzamentu: JetBrains Mono · contorni 400 · Accentu mono per elementi di tipu codice in linea, etichette di tag è chjame tecniche. Adupratu cù parsimonia, appare in liste di funzioni è annotazioni in linea induve u strumentu di cuncepimentu vole indicà "questu hè l'output di a macchina".
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 8px |
| Raggiu di u buttone | 16px |
| Raggiu di a carta | 24px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 64px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Subframe è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- monopo saigon — Un bagliore liquidu è iridescente daretu à u silenziu editoriale - una galeria editoriale monocromatica chì fluttua nantu à a luce fusa
- Hyer Aviation — Crepusculu in a cabina di pilotaggio sopra à a pergamena. U celu pallidu di l'alba incontra u logu serif di a dimensione di a fusoliera, è un unicu accentu d'argilla calda rompe a moderazione monocromatica.
- OFF+BRAND. — Sfera iridescente nantu à pergamena calda
- Seed — un urganisimu vivu sottu à u vetru di laburatoriu
- Eindhoven Design District — U brutalisimu editoriale nantu à carta bianca hè un manifestu di cuncepimentu municipale, eseguitu in caratteri grandi, cù una fotografia minima è una moderazione assoluta.
- Miranda — Tipu classicu di grande furmatu nantu à un fondu crema chjaru - un editoriale di ghjurnale per l'era digitale
- Monocle — Un ghjurnale di alta qualità, di grande furmatu, nantu à carta di culore crema. Un editoriale curatu cù cura, induve ogni colonna merita u so postu, è solu un culore significativu appare nantu à a pagina.
- Agencja brandingowa — Una galeria editoriale in toni bianchi cù tipografia fatta in inchiostru neru
- Websmith Studio — Luce di a mattina nantu à carta crema
- Aspelin Reitan — Archiviu Architettonicu à a Luce di e Candele - A pagina s'assumiglia à un portafogliu di spazii custruiti, attaccatu à un muru crema caldu, cù una sola linea di testu biancu chì flotta sopra ogni imagine in tutta a larghezza di a pagina.
- Public — Un editoriale monocromu nantu à u marmaru fretu - guasi una tela monocroma, cù un carattere serif di 300 punti è un unicu accentu viulettu chì face tuttu u travagliu di culore.
- Motto — Un monolitu tipograficu nant'à a carta - una sola voce sicura chì si dichjara nant'à a carta bianca cum'è a neve