Subframe
Lluniad graffig ar femrwn cynnes. Papur dylunydd, lle mae pob strôc naill ai'n graffit neu'n rhwbiwr, byth yn peintio—cyflawnir dyfnder trwy drwch llinell a serifau prin.
Mae Subframe yn fan gwaith dylunydd monocrom: cynfas cynnes, hufennog, inc graffit-ddu, ac absenoldeb llwyr o acenion cromatig. Mae'r rhyngwyneb cyfan yn cael ei ganfod fel un deunydd—papur, pensil, a chysgod—gydag un cyffyrddiad teipograffig beiddgar: serif mireinio (Instrument Serif) wedi'i osod yn erbyn sans-serif systematig (Inter), gan roi difrifoldeb golygyddol i'r penawdau. Mae'r arwynebau'n wastad ac wedi'u fframio yn hytrach na'u codi; cyflawnir dyfnder trwy ranwyr tenau yn #e5e7eb ac uchafbwyntiau mewnosodedig ar reolaethau tywyll yn hytrach na chysgodion. Mae'r dwysedd yn hael: rhythm fertigol eang (48–64px o fylchau rhwng adrannau), cynlluniau canolog, lled llawn, a gofod gwyn hael o amgylch testun. Yr unig liw yw'r cyferbyniad rhwng bron yn wyn a bron yn ddu, gan wneud y botwm tywyll yr elfen fwyaf trawiadol ar bob tudalen, a'r stribed o logos brand partner mewn arlliwiau llwyd yr unig elfen weledol addurniadol.
Cynlluniau canolog, lled llawn (1200px) gyda rhythm fertigol hael. Y prif elfen yw un bloc canolog: rheolydd tywyll, segmentedig ar y brig, pennawd "Inter" mawr, is-bennawd un llinell, a dau fotwm cyfagos (wedi'u llenwi + tryloyw) - dim delwedd ochr, dim rhannu'r cynllun. O dan y prif elfen mae streipen logo graddlwyd ganolog. Mae pob adran ddilynol yn dilyn yr un patrwm: bloc teitl ac is-bennawd wedi'u halinio i'r chwith, yna ffrâm arddangos cynnyrch lled llawn gyda 48–64px o ofod gwter rhwng adrannau. Mae'r llywio'n finimalaidd: bar uchaf gyda dolenni canolog a gweithredoedd wedi'u halinio i'r dde, dim bar ochr, dim mega-ddewislen. Mae'r dudalen yn darllen o'r brig i'r gwaelod fel cyfres o ddatganiadau canolog, pob un wedi'i rhoi digon o le - mae'r cynllun yn teimlo'n fwy fel portffolio golygyddol na thudalen gynnyrch brysur.
Mae'r dyluniad gweledol yn finimalaidd ac yn ymarferol. Mae'r system yn defnyddio dau ddull gweledol: (1) sgrinluniau cynnyrch wedi'u fframio a modelau UI wedi'u hamgáu mewn fframiau radiws o 24px—maent yn arddangos cydrannau rhyngwyneb gwirioneddol (tablau, botymau, ffurflenni) wedi'u rendro yn yr un palet monocrom, gan wneud i'r sgrinluniau ymddangos wedi'u hintegreiddio'n ddi-dor i'r dudalen; (2) mae un stribed o logos partneriaid graddlwyd yn gwasanaethu fel prawf cymdeithasol, wedi'u rendro'n wastad, heb liw na chynwysyddion. Nid oes unrhyw luniau ffordd o fyw, graddiannau haniaethol, na rendradau 3D. Yr unig elfen ddarluniadol yw "teilsen" cynnyrch tywyll, wedi'i chanoli ar gefndir llwyd cynnes gydag eicon brand—mae'n cael ei ystyried yn arddangosiad cynnyrch, nid addurn. Mae pob delwedd yn meddiannu cynllun sy'n seiliedig ar destun, lle mae'r pwysau gweledol yn cael ei gario gan y testun.
Palet
Niwtral
- Page Canvas
#fafafa— Cefndir y dudalen, y cerdyn post ar gynfas, y testun golau ar arwynebau tywyll – lliw gwyn cynnes sy'n sail i'r system monocrom gyfan. - Hairline Border
#e5e7eb— Rhannwyr, ffiniau cardiau, fframiau delweddau, amlinelliadau eiconau - y math o amlinelliad a ddefnyddir amlaf yn y system, sy'n diffinio'r strwythur gofodol. - Card Surface
#ededed— Cefndir uchel ar gyfer cardiau, arwyneb ychwanegol - wedi'i leoli un cam uwchben y cynfas, gan greu grŵp heb gysgodion. - Divider Mid
#dadada— Rhanwyr tôn ganol a thrawsnewidiadau rhwng adrannau - Graphite
#242424— Llenwad niwtral cyferbyniad uchel ar gyfer botymau cynradd ar arwynebau golau. - Ink Black
#171717— Testun corff, penawdau, amlinelliadau eiconau - ychydig yn oerach na Graffit, a ddefnyddir ar gyfer teipograffeg yn hytrach nag arwynebau.
Teipograffeg
o 12 i 128px · 7 cam
- Inter — amnewid: Inter (Google Fonts) · amlinelliadau 500, 600, 700 · Rhyngwyneb system sans-serif—llywio, testun corff, botymau, is-benawdau, a phenawdau adrannau. Pwysau: 500 ar gyfer testun corff a rheolyddion, 600 ar gyfer is-benawdau ac acenion llywio, a 700 ar gyfer penawdau adrannau. Mae bylchau llythrennau negyddol cryf yn cywasgu siapiau geometrig o unrhyw faint, gan roi golwg dechnegol, gryno i'r rhyngwyneb.
- Instrument Serif — amnewid: Playfair Display · amlinelliadau 400 · Ffon serif wedi'i gynllunio'n benodol ar gyfer penawdau a chynnwys golygyddol. Mae ei bwysau o 400 a'i fylchau o -0.025em rhwng llythrennau yn creu golwg italig cain sy'n cyferbynnu â geometreg ddiwydiannol Inter—techneg llofnod: un gair neu ymadrodd serif o fewn tudalen sans-serif, yn gwasanaethu fel atalnodi gweledol yn hytrach nag arddull pennawd.
- Fragment Mono — amnewid: JetBrains Mono · amlinelliadau 400 · Acen mono ar gyfer elfennau tebyg i god mewnlin, labeli tag, a galwadau technegol. Gan ei ddefnyddio'n gynnil, mae'n ymddangos mewn rhestrau swyddogaethau ac anodiadau mewnlin lle mae'r offeryn dylunio eisiau nodi "dyma allbwn peiriant".
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 8px |
| Radiws botwm | 16px |
| Radiws y cerdyn | 24px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 64px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Subframe ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- monopo saigon — Llewyrch hylifol, iridescent y tu ôl i'r distawrwydd golygyddol—oriel olygyddol monocrom yn arnofio ar olau tawdd
- Hyer Aviation — Cyfnos yn y talwrn dros femrwn. Mae awyr welw'r wawr yn cwrdd â logo serif maint ffiwslawdd, ac mae un acen glai gynnes yn torri'r cyfyngiad monocrom.
- OFF+BRAND. — Sffêr iridescent ar femrwn cynnes
- Seed — organeb fyw o dan wydr labordy
- Eindhoven Design District — Mae creulondeb golygyddol ar bapur gwyn yn faniffesto dylunio bwrdeistrefol, wedi'i weithredu mewn print mawr, gyda lleiafswm o ffotograffiaeth a chyfyngiad llwyr.
- Miranda — Teip fformat llydan clasurol ar gefndir hufen golau—erthygl olygyddol papur newydd ar gyfer yr oes ddigidol
- Monocle — Papur newydd o ansawdd uchel, fformat llydan ar bapur lliw hufen. Erthygl olygyddol wedi'i churadu'n ofalus, lle mae pob colofn yn haeddu ei lle, a dim ond un lliw ystyrlon sy'n ymddangos ar y dudalen.
- Agencja brandingowa — Oriel olygyddol mewn arlliwiau gwyn gyda theipograffeg wedi'i gwneud mewn inc du
- Websmith Studio — Golau bore ar bapur hufen
- Aspelin Reitan — Archif Bensaernïol wrth Olau Cannwyll - Mae'r dudalen yn edrych fel portffolio o ofodau adeiledig, wedi'u pinio i wal hufen gynnes, gydag un llinell o destun gwyn yn arnofio uwchben pob delwedd ar draws lled llawn y dudalen.
- Public — Erthygl olygyddol monocrom ar farmor oer—bron fel cynfas monocrom, gyda ffont serif 300 pwynt ac un acen borffor yn gwneud yr holl waith lliw.
- Motto — Monolith teipograffig ar bapur – llais sengl, hyderus yn datgan ei hun ar bapur gwyn eira