Subframe
Grafika desegnaĵo sur varma pergameno. Dezajna papero, kie ĉiu streko estas aŭ grafito aŭ gumo, neniam farbo — profundo atingiĝas per liniodikeco kaj maldensaj serifoj.
Subframe estas monokroma laborejo de dizajnisto: varma, kremkolora kanvaso, grafitnigra inko, kaj kompleta foresto de kromataj akcentoj. La tuta interfaco estas perceptita kiel ununura materialo - papero, krajono kaj ombro - kun unu aŭdaca tipografia tuŝo: rafinita serifo (Instrument Serif) kontraŭ sistema sanserifo (Inter), donante redakcian gravecon al la fraptitoloj. La surfacoj estas ebenaj kaj enkadrigitaj anstataŭ ŝvelintaj; profundo estas atingita per maldikaj dividiloj en #e5e7eb kaj enmetitaj reliefigiloj sur malhelaj kontroloj anstataŭ ombroj. La denseco estas malavara: larĝa vertikala ritmo (48-64 rastrumeroj da interspacoj inter sekcioj), centritaj, plenlarĝaj enpaĝigoj, kaj malavara blanka spaco ĉirkaŭ teksto. La sola koloro estas la kontrasto inter preskaŭ blanka kaj preskaŭ nigra, igante la malhelan butonon la plej frapa elemento sur ĉiu paĝo, kaj la strion de partneraj markaj emblemoj en grizaj tonoj la sola dekoracia vida elemento.
Centritaj, plenlarĝaj aranĝoj (1200 rastrumeroj) kun malavara vertikala ritmo. La ĉefa elemento estas ununura, centrita bloko: malhela, segmentita kontrolo supre, granda "Inter" titolo, unulinia subtitolo, kaj du apudaj butonoj (plenaj + travideblaj) — neniu flanka bildo, neniu aranĝa disigo. Sub la ĉefa elemento estas centrita grizskala logostrio. Ĉiu posta sekcio sekvas la saman ŝablonon: maldekstre vicigita titolo kaj subtitolo-bloko, poste plenlarĝa produkta prezentokadro kun 48–64 rastrumeroj da spaco inter sekcioj. Navigado estas minimuma: supra breto kun centritaj ligiloj kaj dekstre vicigitaj agoj, neniu flanka breto, neniu mega-menuo. La paĝo legiĝas de supre ĝis sube kiel serio de centritaj deklaroj, ĉiu kun sufiĉa spaco — la aranĝo aspektas pli kiel redakcia portfolio ol okupata produkta paĝo.
La vida dezajno estas minimalista kaj funkcia. La sistemo uzas du vidajn reĝimojn: (1) enkadrigitajn produktajn ekranfotojn kaj UI-modelojn enfermitajn en kadroj kun radiuso de 24 rastrumeroj — ili montras realajn interfacajn komponantojn (tabelojn, butonojn, formularojn) bildigitajn en la sama monokroma paletro, igante la ekranfotojn aperi senjunte integritaj en la paĝon; (2) ununura strio de grizskalaj partneraj emblemoj servas kiel socia pruvo, bildigita plata, sen koloro aŭ ujoj. Ne estas vivstilfotoj, abstraktaj gradientoj aŭ 3D-bildigoj. La sola ilustra elemento estas malhela produkta "kahelo", centrita sur varma griza fono kun markikono — ĝi estas perceptita kiel produkta demonstraĵo, ne ornamaĵo. Ĉiuj bildoj okupas tekst-bazitan aranĝon, kie la vidan pezon portas la teksto.
Paletro
Neŭtrala
- Page Canvas
#fafafa— La paĝfono, la poŝtkarto sur kanvaso, la hela teksto sur malhelaj surfacoj - varma blanka koloro kiu subestas la tutan monokroma sistemo. - Hairline Border
#e5e7eb— Dividiloj, kartrandoj, bildkadroj, ikonkonturoj - la plej ofte uzata tipo de konturo en la sistemo, difinas la spacan strukturon. - Card Surface
#ededed— Ŝvelinta fono por kartoj, aldona surfaco - situas unu ŝtupon super la kanvaso, kreante grupiĝon sen ombroj. - Divider Mid
#dadada— Meztonaj dividiloj kaj transiroj inter sekcioj - Graphite
#242424— Alt-kontrasta neŭtrala plenigaĵo por ĉefaj butonoj sur helaj surfacoj. - Ink Black
#171717— Korpoteksto, titoloj, konturoj de ikonoj - iom pli ŝikaj ol Grafito, uzataj por tipografio anstataŭ surfacoj.
Tipografio
de 12 ĝis 128 rastrumeroj · 7 paŝoj
- Inter — anstataŭaĵo: Inter (Google Fonts) · konturoj 500, 600, 700 · Interfaco kun sanserifa sistemo — navigado, teksto, butonoj, subtitoloj kaj sekciaj titoloj. Pezo: 500 por teksto kaj kontroloj, 600 por subtitoloj kaj navigaciaj akcentoj, kaj 700 por sekciaj titoloj. Forta negativa interspaco kunpremas geometriajn formojn je ajna grandeco, donante al la interfaco koncizan, teknikan aspekton.
- Instrument Serif — anstataŭaĵo: Playfair Display · konturoj 400 · Serifa tiparo desegnita ekskluzive por titoloj kaj redakcia enhavo. Ĝia pezo de 400 kaj interspaco de -0.025em kreas elegantan, kursivan aspekton, kiu kontrastas kun la industria geometrio de Inter — signifa tekniko: ununura serifa vorto aŭ frazo ene de sanserifa paĝo, servanta kiel vida interpunkcio anstataŭ titolostilo.
- Fragment Mono — anstataŭaĵo: JetBrains Mono · konturoj 400 · Akĉento mono por enliniaj kod-similaj elementoj, etikedoj kaj teknikaj alvokoj. Uzata ŝpareme, ĝi aperas en funkcilistoj kaj enliniaj komentoj kie la dezajna ilo volas indiki "ĉi tio estas maŝina eligo".
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 8px |
| Butona radiuso | 16px |
| Karto-radiuso | 24px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Subframe kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- monopo saigon — Likva, iriza brilo malantaŭ la redakcia silento — monokroma redakcia galerio ŝvebanta sur fandita lumo
- Hyer Aviation — Krepusko en la pilotejo super pergameno. La pala ĉielo de la tagiĝo renkontas la serifan emblemon de la grandeco de la fuzelaĝo, kaj ununura varma argila akcento rompas la monokromajn bridojn.
- OFF+BRAND. — Iriza sfero sur varma pergameno
- Seed — vivanta organismo sub laboratoriovitro
- Eindhoven Design District — Redakcia brutalismo sur blanka papero estas municipa dezajnmanifesto, efektivigita per grandaj tipoj, kun minimuma fotografio kaj absoluta modereco.
- Miranda — Klasika larĝformata tiparo sur helkremkolora fono — gazeta ĉefartikolo por la cifereca epoko
- Monocle — Altkvalita, larĝformata gazeto sur kremkolora papero. Zorge elektita ĉefartikolo, kie ĉiu kolumno meritas sian lokon, kaj nur unu senchava koloro aperas sur la paĝo.
- Agencja brandingowa — Redakcia galerio en blankaj tonoj kun tipografio farita per nigra inko
- Websmith Studio — Matena lumo sur kremkolora papero
- Aspelin Reitan — Arkitektura Arkivo per Kandellumo - La paĝo aspektas kiel portfolio de konstruitaj spacoj, alpinglita al varma kremkolora muro, kun ununura linio de blanka teksto flosanta super ĉiu bildo trans la plena larĝo de la paĝo.
- Public — Monokromata ĉefartikolo sur malvarma marmoro — preskaŭ monokromata kanvaso, kun 300-punkta serifa tiparo kaj ununura purpura akcento faranta la tutan kolorlaboron.
- Motto — Presarografia monolito sur papero - ununura, memfida voĉo deklaranta sin sur neĝblanka papero