Subframe
Grafikus rajz meleg pergamenen. Dizájnerpapír, ahol minden ecsetvonás grafit vagy radír, soha nem festék – a mélységet a vonalak vastagsága és a ritka betűsorok biztosítják.
A Subframe egy monokróm tervezői munkaterület: meleg, krémszínű vászon, grafitfekete tintával és a kromatikus akcentusok teljes hiányával. A teljes felület egyetlen anyagként érzékelhető – papír, ceruza és árnyék –, egyetlen merész tipográfiai elemmel: egy kifinomult talpú (Instrument Serif) egy szisztematikus talp nélküli (Inter) hátterével, amely szerkesztői súlyt kölcsönöz a címsoroknak. A felületek síkak és keretezettek, nem pedig kiemeltek; a mélységet vékony elválasztók (#e5e7eb) és a sötét vezérlőelemek beillesztett kiemelései, nem pedig árnyékok biztosítják. A sűrűség nagyvonalú: széles függőleges ritmus (48–64 képpontnyi rések a szakaszok között), középre igazított, teljes szélességű elrendezések és a szöveg körüli nagyméretű szóköz. Az egyetlen szín a közel fehér és a közel fekete közötti kontraszt, így a sötét gomb a legfeltűnőbb elem minden oldalon, a partnermárkák szürke árnyalatú logóinak csíkja pedig az egyetlen dekoratív vizuális elem.
Középre igazított, teljes szélességű elrendezések (1200 képpont) nagyvonalú függőleges ritmussal. A fő elem egyetlen, középre igazított blokk: egy sötét, szegmentált vezérlő felül, egy nagy "Inter" címsor, egy egysoros alcím és két szomszédos gomb (kitöltött + áttetsző) – nincs oldalkép, nincs elrendezési felbontás. A fő elem alatt egy középre igazított szürkeárnyalatos logócsík található. Minden további szakasz ugyanazt a mintát követi: balra igazított cím- és alcímblokk, majd egy teljes szélességű termékbemutató keret 48–64 képpontos kötőtűvel a szakaszok között. A navigáció minimális: egy felső sáv középre igazított linkekkel és jobbra igazított műveletekkel, nincs oldalsáv, nincs mega-menü. Az oldal felülről lefelé középre igazított utasítások sorozataként olvasható, mindegyikhez elegendő hely jut – az elrendezés inkább egy szerkesztői portfólióra, mint egy zsúfolt termékoldalra hasonlít.
A vizuális design minimalista és funkcionális. A rendszer két vizuális módot használ: (1) bekeretezett termékképernyőképek és 24 képpontos sugarú keretekbe foglalt felhasználói felület mockupok – ezek a felület tényleges komponenseit (táblázatokat, gombokat, űrlapokat) jelenítik meg, ugyanazon monokróm palettán renderelve, így a képernyőképek zökkenőmentesen integrálódnak az oldalba; (2) egyetlen szürkeárnyalatos partnerlogókból álló csík szolgál társadalmi bizonyítékként, laposan, színek és konténerek nélkül renderelve. Nincsenek életstílus fotók, absztrakt színátmenetek vagy 3D renderelések. Az egyetlen illusztratív elem egy sötét termék"csempe", amelynek középpontjában egy meleg szürke háttér áll, márkaikonnal – ezt termékbemutatóként, nem dekorációként érzékelik a felhasználók. Minden kép szövegalapú elrendezésben jelenik meg, ahol a vizuális súlyt a szöveg hordozza.
Paletta
Semleges
- Page Canvas
#fafafa— Az oldal háttere, a képeslap a vásznon, a világos szöveg a sötét felületeken – egy meleg fehér szín, amely az egész monokróm rendszer alapját képezi. - Hairline Border
#e5e7eb— Elválasztók, kártyaszegélyek, képkeretek, ikonkörvonalak - a rendszerben leggyakrabban használt körvonaltípusok, amelyek meghatározzák a térbeli struktúrát. - Card Surface
#ededed— Emelt háttér kártyákhoz, egy további felület - egy lépéssel a vászon felett helyezkedik el, árnyék nélküli csoportosítást hozva létre. - Divider Mid
#dadada— Középtónusú elválasztók és átmenetek a szakaszok között - Graphite
#242424— Nagy kontrasztú semleges kitöltés az elsődleges gombokhoz világos felületeken. - Ink Black
#171717— Törzsszöveg, címsorok, ikonvázlatok – kicsit menőbb, mint a Graphite, inkább tipográfiához, mint felületekhez használják.
Tipográfia
12-től 128 képpontig · 7 lépésben
- Inter — csere: Inter (Google Fonts) · körvonalak 500, 600, 700 · Sans-serif rendszerfelület – navigáció, szövegtörzs, gombok, alcímek és szakaszcímek. Súly: 500 a szövegtörzsnek és a vezérlőknek, 600 az alcímeknek és a navigációs kiemeléseknek, valamint 700 a szakaszcímeknek. Az erős negatív betűköz bármilyen méretű geometriai alakzatot tömörít, így a felület tömör, technikai megjelenést kölcsönöz.
- Instrument Serif — csere: Playfair Display · körvonalak 400 · Kizárólag címsorokhoz és szerkesztői tartalmakhoz tervezett talpas betűtípus. 400-as betűvastagsága és -0,025em betűköze elegáns, dőlt megjelenést kölcsönöz, amely ellentétben áll az Inter ipari geometriájával – ez egy jellegzetes technika: egyetlen talpas szó vagy kifejezés egy talpatlan oldalon, amely vizuális írásjelként, nem pedig címsorstílusként szolgál.
- Fragment Mono — csere: JetBrains Mono · körvonalak 400 · Mono akcentus beágyazott kódszerű elemekhez, címkecímkékhez és technikai feliratokhoz. Ritkán használva, függvénylistákban és beágyazott annotációkban jelenik meg, ahol a tervezőeszköz jelezni akarja, hogy „ez gépi kimenet”.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 8px |
| Gomb sugara | 16px |
| Kártya sugara | 24px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 64px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Subframe stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- monopo saigon — Folyékony, irizáló fény a szerkesztői csend mögött – egy monokróm szerkesztői galéria olvadt fényben lebeg
- Hyer Aviation — Alkonyat a pilótafülkében pergamen felett. A sápadt hajnali ég találkozik a törzs méretű, talpas logóval, és egyetlen meleg agyagdísz töri meg a monokróm visszafogottságot.
- OFF+BRAND. — Irizáló gömb meleg pergamenen
- Seed — élőlény laboratóriumi üveg alatt
- Eindhoven Design District — A fehér papíron megjelenő szerkesztői brutalizmus egy önkormányzati formatervezési manifesztó, nagyméretű betűtípussal, minimális fotóval és abszolút visszafogottsággal kivitelezve.
- Miranda — Klasszikus széles formátumú betűtípus világos krémszínű háttéren – egy újság vezércikke a digitális korban
- Monocle — Kiváló minőségű, széles formátumú újság krémszínű papíron. Gondosan válogatott vezércikk, ahol minden hasáb megérdemli a helyét, és csak egyetlen jelentőségteljes szín jelenik meg az oldalon.
- Agencja brandingowa — Fehér tónusú szerkesztői galéria, fekete tintával készült tipográfiával
- Websmith Studio — Reggeli fény krémszínű papíron
- Aspelin Reitan — Építészeti Archívum Gyertyafénynél - Az oldal úgy néz ki, mint egy meleg krémszínű falra tűzött, épített terek portfóliója, minden kép felett egyetlen sor fehér szöveg lebeg az oldal teljes szélességében.
- Public — Egyszínű vezércikk hideg márványon – szinte monokróm vászon, 300 pontos talpas betűtípussal és egyetlen lila díszítéssel, amely a színeket is kiemeli.
- Motto — Egy tipográfiai monolit papíron – egyetlen, magabiztos hang nyilatkozik meg hófehér papíron