Subframe
Grafisks zīmējums uz silta pergamenta. Dizaina papīrs, kur katrs triepiens ir vai nu grafīts, vai dzēšgumija, nekad nav gleznots — dziļums tiek panākts ar līniju biezumu un retiem serifiem.
Subframe ir vienkrāsaina dizainera darba vieta: silts, krēmīgs audekls, grafīta melna tinte un pilnīga hromatisku akcentu neesamība. Visa saskarne tiek uztverta kā viens materiāls — papīrs, zīmulis un ēna — ar vienu drosmīgu tipogrāfisku pieskārienu: izsmalcinātu serif rakstu (Instrument Serif) pretstatā sistemātiskam sans-serif rakstam (Inter), piešķirot virsrakstiem redakcionālu svaru. Virsmas ir plakanas un ierāmētas, nevis paceltas; dziļums tiek panākts, izmantojot plānas atdalītājas #e5e7eb un ieliktņus izcēlumus uz tumšajām vadības ierīcēm, nevis ēnas. Blīvums ir dāsns: plašs vertikāls ritms (48–64 pikseļi atstarpes starp sadaļām), centrēti, pilna platuma izkārtojumi un dāsna atstarpe ap tekstu. Vienīgā krāsa ir kontrasts starp gandrīz balto un gandrīz melno krāsu, padarot tumšo pogu par visspilgtāko elementu katrā lapā, bet partneru zīmolu logotipu joslu pelēkos toņos — par vienīgo dekoratīvo vizuālo elementu.
Centrēti, pilna platuma izkārtojumi (1200 pikseļi) ar dāsnu vertikālu ritmu. Galvenais elements ir viens, centrēts bloks: tumšs, segmentēts vadības elements augšpusē, liels virsraksts "Inter", vienrindas apakšvirsraksts un divas blakus esošas pogas (aizpildītas + caurspīdīgas) — bez sānu attēla, bez izkārtojuma pārtraukuma. Zem galvenā elementa ir centrēta pelēktoņu logotipa josla. Katra nākamā sadaļa seko vienam un tam pašam modelim: pa kreisi izlīdzināts virsraksta un apakšvirsraksta bloks, pēc tam pilna platuma produktu vitrīnas rāmis ar 48–64 pikseļu atstarpi starp sadaļām. Navigācija ir minimāla: augšējā josla ar centrētām saitēm un pa labi izlīdzinātām darbībām, bez sānu joslas, bez mega izvēlnes. Lapa no augšas uz leju lasāma kā centrētu apgalvojumu virkne, katram no tiem atvēlēta pietiekami daudz vietas — izkārtojums vairāk atgādina redakcijas portfolio, nevis saspringtu produkta lapu.
Vizuālais dizains ir minimālistisks un funkcionāls. Sistēma izmanto divus vizuālos režīmus: (1) ierāmētus produktu ekrānuzņēmumus un lietotāja interfeisa maketus, kas ietverti 24 pikseļu rādiusa rāmjos — tie attēlo faktiskos saskarnes komponentus (tabulas, pogas, veidlapas), kas atveidoti vienā un tajā pašā melnbaltajā paletē, padarot ekrānuzņēmumus nemanāmi integrētus lapā; (2) viena pelēktoņu partneru logotipu josla kalpo kā sociālais pierādījums, atveidota plakana, bez krāsām vai konteineriem. Nav dzīvesstila fotoattēlu, abstraktu gradientu vai 3D renderējumu. Vienīgais ilustratīvais elements ir tumša produkta "flīze", kuras centrā ir silti pelēks fons ar zīmola ikonu — tā tiek uztverta kā produkta demonstrācija, nevis dekorācija. Visi attēli ir veidoti uz teksta bāzes, kur vizuālo svaru nes teksts.
Palete
Neitrāls
- Page Canvas
#fafafa— Lapas fons, pastkarte uz audekla, gaišs teksts uz tumšām virsmām – silti balta krāsa, kas ir visas monohromās sistēmas pamatā. - Hairline Border
#e5e7eb— Sadalītāji, karšu apmales, attēlu rāmji, ikonu kontūras — sistēmā visbiežāk izmantotais kontūru veids nosaka telpisko struktūru. - Card Surface
#ededed— Pacelts fons kartēm, papildu virsma - atrodas vienu pakāpienu virs audekla, radot grupu bez ēnām. - Divider Mid
#dadada— Vidustoņu atdalītāji un pārejas starp sadaļām - Graphite
#242424— Augsta kontrasta neitrāls aizpildījums primārajām pogām uz gaišām virsmām. - Ink Black
#171717— Pamatteksts, virsraksti, ikonu kontūras — nedaudz vēsāks variants nekā Graphite, tiek izmantots tipogrāfijai, nevis virsmām.
Tipogrāfija
no 12 līdz 128 pikseļiem · 7 soļi
- Inter — nomaiņa: Inter (Google Fonts) · kontūras 500, 600, 700 · Sans-serif sistēmas saskarne — navigācija, pamatteksts, pogas, apakšvirsraksti un sadaļu virsraksti. Svars: 500 pamattekstam un vadības elementiem, 600 apakšvirsrakstiem un navigācijas akcentiem un 700 sadaļu virsrakstiem. Spēcīga negatīva burtu atstarpe saspiež jebkura izmēra ģeometriskas formas, piešķirot saskarnei koncentrētu, tehnisku izskatu.
- Instrument Serif — nomaiņa: Playfair Display · kontūras 400 · Serif fonts, kas paredzēts tikai virsrakstiem un redakcionālam saturam. Tā 400 punktu biezums un -0,025 em burtu atstarpe rada elegantu, slīprakstu izskatu, kas kontrastē ar Inter industriālo ģeometriju — raksturīgu tehniku: viens serif vārds vai frāze bez serif lapā, kas kalpo kā vizuāla pieturzīme, nevis virsraksta stils.
- Fragment Mono — nomaiņa: JetBrains Mono · kontūras 400 · Akcenta monofonija iekļautiem koda elementiem, tagu etiķetēm un tehniskām piezīmēm. To izmanto reti, un tas parādās funkciju sarakstos un iekļautās anotācijās, kur dizaina rīks vēlas norādīt, ka "tā ir mašīnas izvade".
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 8px |
| Pogas rādiuss | 16px |
| Kartes rādiuss | 24px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Subframe stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- monopo saigon — Šķidrs, zaigojošs mirdzums aiz redakcijas klusuma — melnbalta redakcijas galerija, kas peld uz izkusušas gaismas
- Hyer Aviation — Krēsla kabīnē virs pergamenta. Bālās rītausmas debesis satiekas ar fizelāžas lieluma serif logotipu, un viens silts māla akcents pārtrauc melnbalto atturību.
- OFF+BRAND. — Zaigojoša sfēra uz silta pergamenta
- Seed — dzīvs organisms zem laboratorijas stikla
- Eindhoven Design District — Redakcijas brutālisms uz balta papīra ir pašvaldības dizaina manifests, kas izpildīts lielformātā, ar minimālu fotogrāfiju un absolūtu atturību.
- Miranda — Klasisks platformāta burts uz gaiši krēmkrāsas fona — laikraksta redakcijas sleja digitālajam laikmetam
- Monocle — Augstas kvalitātes, platformāta avīze uz krēmkrāsas papīra. Rūpīgi veidots redakcijas sleja, kurā katra sleja ir pelnījusi savu vietu un lapā parādās tikai viena nozīmīga krāsa.
- Agencja brandingowa — Redakcijas galerija baltos toņos ar melnas tintes tipogrāfijas palīdzību
- Websmith Studio — Rīta gaisma uz krēmkrāsas papīra
- Aspelin Reitan — Arhitektūras arhīvs sveču gaismā — lapa izskatās kā uzbūvētu telpu portfolio, kas piesprausts pie siltas krēmkrāsas sienas, ar vienu balta teksta rindiņu virs katra attēla visā lapas platumā.
- Public — Monohroms redakcijas raksts uz auksta marmora — gandrīz monohroms audekls ar 300 punktu serif fontu un vienu violetu akcentu, kas veic visu krāsu darbu.
- Motto — Tipogrāfisks monolīts uz papīra – viena, pārliecināta balss, kas sevi pasludina uz sniegbalta papīra