Subframe
Grafísk teikning á hlýjum pergament. Hönnunarpappír, þar sem hver strokur er annað hvort grafít eða strokleður, aldrei málað - dýpt næst með línuþykkt og dreifðum serifum.
Subframe er vinnurými einlita hönnuðar: hlýr, rjómalöguð strigi, grafítsvart blek og algjört fjarvera litbrigða. Allt viðmótið er skynjað sem eitt efni - pappír, blýantur og skuggi - með einni djörfri leturfræðilegri snertingu: fágaðri serif-litun (Instrument Serif) á móti kerfisbundinni sans-serif-litun (Inter), sem gefur fyrirsögnum ritstjórnarlegt þunga. Yfirborðin eru flöt og innrammuð frekar en upphækkuð; dýpt næst með þunnum skilrúmum í #e5e7eb og innfelldum áherslum á dökkum stjórntækjum frekar en skuggum. Þéttleikinn er rausnarlegur: breiður lóðréttur taktur (48–64px af bilum milli hluta), miðjaðar, fullbreiddar uppsetningar og rausnarlegt hvítt bil í kringum texta. Eini liturinn er andstæðan milli næstum hvíts og næstum svarts, sem gerir dökka hnappinn að áberandi þáttinum á hverri síðu og röndin af lógóum samstarfsaðila í gráum tónum að eina sjónræna skreytingarþættinum.
Miðjuð útlit í fullri breidd (1200px) með rausnarlegum lóðréttum takti. Aðalþátturinn er einn, miðjaður blokkur: dökkur, skiptur stjórnbúnaður efst, stór „Inter“ fyrirsögn, einnar línu undirfyrirsögn og tveir samliggjandi hnappar (fylltir + gegnsæir) - engin hliðarmynd, engin uppskipting útlits. Fyrir neðan aðalþáttinn er miðjuð grátóna merkisrönd. Hver kafli fylgir sama mynstri: vinstrijafnaður titill og undirfyrirsögnarblokkur, síðan vörusýningarrammi í fullri breidd með 48–64px af bili á milli kafla. Leiðsögn er í lágmarki: efri stika með miðjuðum tenglum og hægrijafnuðum aðgerðum, engin hliðarstika, engin risavalmynd. Síðan lesst frá toppi til botns sem röð af miðjuðum fullyrðingum, hver með nægu plássi - útlitið líður meira eins og ritstjórnarsafn en þétt vörusíða.
Sjónræn hönnun er lágmarks og hagnýt. Kerfið notar tvær sjónrænar stillingar: (1) innrammaðar skjámyndir af vörum og notendaviðmótslíkön innan ramma með 24px radíus — þau sýna raunverulega viðmótsþætti (töflur, hnappa, eyðublöð) birta í sama einlita litatöflu, sem gerir það að verkum að skjámyndirnar virðast samþættar síðunni; (2) ein rönd af gráum samstarfsmerkjum þjónar sem félagsleg sönnun, birt flatt, án lita eða íláta. Það eru engar lífsstílsmyndir, abstrakt litbrigði eða þrívíddarmyndir. Eina myndræna þátturinn er dökk vöruflís, miðjað á hlýjum gráum bakgrunni með vörumerkistákni — það er skynjað sem vörukynning, ekki skraut. Allar myndir eru með textabundnu útliti, þar sem sjónræna þyngdin er borin af textanum.
Litatöflu
Hlutlaus
- Page Canvas
#fafafa— Bakgrunnur síðunnar, póstkortið á striga, ljós texti á dökkum flötum – hlýr hvítur litur sem liggur að baki öllu einlita kerfinu. - Hairline Border
#e5e7eb— Skipting, kortamörk, myndarammar, útlínur tákna - algengasta gerð útlína í kerfinu, skilgreinir rúmfræðilega uppbyggingu. - Card Surface
#ededed— Upphækkaður bakgrunnur fyrir kort, viðbótarflötur - er staðsettur einu þrepi fyrir ofan strigann og býr til hóp án skugga. - Divider Mid
#dadada— Millitónaskiptingar og skiptingar milli hluta - Graphite
#242424— Hlutlaus fylling með miklu andstæðum fyrir aðalhnappa á ljósum fleti. - Ink Black
#171717— Megintexti, fyrirsagnir, útlínur tákna - aðeins svalara en Graphite, notað fyrir leturfræði frekar en yfirborð.
Leturfræði
frá 12 til 128px · 7 skref
- Inter — skipti: Inter (Google Fonts) · útlínur 500, 600, 700 · Sans-serif kerfisviðmót - leiðsögn, megintexti, hnappar, undirfyrirsagnir og kaflafyrirsagnir. Þyngd: 500 fyrir megintexta og stýringar, 600 fyrir undirfyrirsagnir og leiðsagnarhljóma og 700 fyrir kaflafyrirsagnir. Sterkt neikvætt bil á milli stafa þjappar rúmfræðilegum formum af hvaða stærð sem er, sem gefur viðmótinu þéttara, tæknilegt útlit.
- Instrument Serif — skipti: Playfair Display · útlínur 400 · Serif leturgerð hönnuð eingöngu fyrir fyrirsagnir og ritstjórnarlegt efni. Þyngd þess er 400 og bil á milli stafa er -0,025 em og skapar glæsilegt, skáletrað útlit sem stangast á við iðnaðarlega rúmfræði Inter - einkennandi aðferð: eitt serif orð eða orðasamband innan sans-serif síðu, sem þjónar sem sjónræn greinarmerki frekar en fyrirsagnarstíll.
- Fragment Mono — skipti: JetBrains Mono · útlínur 400 · Einlita hreimur fyrir innlínukóða, merkimiða og tæknilegar skýringar. Það er notað sparlega og birtist í virknilistum og innlínuskýringum þar sem hönnunartólið vill gefa til kynna að „þetta sé vélúttak“.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 8px |
| Hnapparadíus | 16px |
| Radíus korts | 24px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 64px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Subframe og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- monopo saigon — Fljótandi, gljáandi ljómi á bak við þögn ritstjórnarinnar — einlita ritstjórnargallerí sem flýtur á bráðnu ljósi
- Hyer Aviation — Rökkur í stjórnklefanum yfir pergamenti. Fölur dögunarhiminn mætir merkinu á stærð við skrokkinn með serif-merki og hlýr leiráhersla brýtur einlita takmörkunina.
- OFF+BRAND. — Glitrandi kúla á heitu pergamenti
- Seed — lifandi lífvera undir rannsóknarstofugleri
- Eindhoven Design District — Ritstjórnarlegt grimmd á hvítum pappír er hönnunarstefnuskrá sveitarfélagsins, unnin með stórum stöfum, með lágmarks ljósmyndun og algjöru aðhaldi.
- Miranda — Klassískt breiðsniðs letur á ljósrjómalituðum bakgrunni — ritstjórnargrein dagblaðs fyrir stafræna öld
- Monocle — Hágæða dagblað í stóru sniði á rjómalituðum pappír. Vandlega valin ritstjórnargrein þar sem hver dálkur á skilið sinn stað og aðeins einn þýðingarmikill litur birtist á síðunni.
- Agencja brandingowa — Ritstjórnarmyndasafn í hvítum tónum með leturgerð unnin með svörtu bleki
- Websmith Studio — Morgunljós á kremlituðu pappír
- Aspelin Reitan — Arkitektúrsskjalasafn við kertaljós - Síðan lítur út eins og safn af byggðum rýmum, fest á hlýjan rjómalitan vegg, með einni línu af hvítum texta sem svífur yfir hverja mynd eftir allri breidd síðunnar.
- Public — Einlita ritstjórnargrein á köldum marmara — næstum eins og einlitur strigi, með 300 punkta serif letri og einum fjólubláum hreim sem sér um allt litavinnuna.
- Motto — Leturfræðileg einlita á pappír – ein, örugg rödd sem lýsir sig yfir á snjóhvítum pappír