Monad
redakcinis techninis žurnalas ant šilto pergamento
„Monad“ visą savo sąsają rodo ant šiltos pergamentinės drobės (#f6f3f1), iš karto atskirdama ją nuo tipiško grynai balto SaaS šablono. Antraštės turi redakcinį svorį ir yra parašytos „Untitled Serif“ šriftu – 400 svorio (niekada ne paryškintu), o visas pagrindinis tekstas, navigacija ir vartotojo sąsajos elementai yra „ABC Diatype Mono“, suteikiantys svetainei literatūros žurnalo techninio vadovo tekstūrą. Viena ryškiai mėlyna spalva (ežero spalva) yra vienintelis chromatinis akcentas pagrindiniams veiksmams; visa kita yra šiltoje pilkoje paletėje, todėl žydros spalvos kortelės paviršius (#cfdaf5) ir švelnūs pasteliniai gradientiniai perėjimai (koralų, dangaus mėlynumo, mėtinės, aukso) labiau primena tyčinius skyrybos ženklus nei triukšmą. Komponentai remiasi subtiliomis rėmeliais ir tablečių indeliais, o ne šešėliais, o ritmas išlaikomas ramus ir erdvus dėl kortas primenančių įtraukų ir daug vertikalios erdvės tarp sekcijų.
Vizualinė kalba pagrįsta sukurta duomenų srauto diagrama: piliulės formos mazgai, apibrėžti plonomis išlenktomis linijomis, o kiekviename mazge yra mažos piktogramos, žyminčios duomenų šaltinius (bet kokį šaltinį, debesies žurnalus, pažeidžiamumus) ir paskirties vietas (SIEM, debesies saugyklą, duomenų ežerą). Diagramoje centre naudojamas švelnus žalias radialinis švytėjimas, siekiant pabrėžti duomenų normalizavimą. Gradiento atmosferiniai atspalviai (koralų → dangaus mėlyna, dangaus mėlyna → mėtinė) su stipriais suliejimo filtrais sukuria švelnias spalvų aureoles už pagrindinio ir funkcinio turinio. Partnerių logotipai rodomi vienoje eilutėje, pabrėžiant socialinį poveikį. Kortelėje „Vykdomos duomenų transformacijos“ pateikiama didelė gradiento iliustracija su persidengiančiomis permatomomis geometrinėmis figūromis. Nuotraukos nenaudojamos – prekės ženklas informaciją perteikia tik per tipografiją, diagramas ir spalvų schemas.
Paletė
Prekės ženklas
- Parchment
#f6f3f1— Puslapio drobė ir didelė paviršiaus užpildo dalis – šis šiltas, kreminis atspalvis – yra prekės ženklo firminė spalva, iš karto išskirianti svetainę iš SaaS šablonų, kurie yra visiškai balti. - Lake Blue
#2b59d1— Violetinė spalva naudojama fonui paryškinti, dekoratyvinėms juostelėms ir kaip subtilus akcentas už turinio. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti.
Neutralus
- Off-Black
#242424— Didelio kontrasto neutralus užpildas pagrindiniams mygtukams ant šviesių paviršių. - Periwinkle Mist
#cfdaf5— Prislopinta sąsaja neįgaliesiems valdikliams, mažai dėmesio skiriamiems skydeliams ir vietos žymeklių blokams. - Sky Blue
#a0b5eb— Dekoratyvinis gradiento sustojimas – rodomas atmosferiniuose užpilduose ir srauto linijose vamzdynų schemoje, niekada nenaudojamas kaip vartotojo sąsajos užpildas. - Mint
#a7fccd— Antrinė spalvų paletė mažiems dekoratyviniams akcentams, kai pagrindinei spalvų paletei reikia kontrasto. - Coral
#ff9473— Antrinė spalvų paletė mažiems dekoratyviniams akcentams, kai pagrindinei spalvų paletei reikia kontrasto. - Gold
#ecda98— Dekoratyvinis gradiento taškas yra šiltas akcentas gradiento perėjimuose, niekada nenaudojamas funkcinėse vartotojo sąsajose.
Tipografija
nuo 12 iki 80 pikselių · 10 žingsnių
- ABC Diatype Mono — pakeitimas: JetBrains Mono · kontūrai 400, 500 · Pagrindinis tekstas, naršymas, mygtukai, piktogramos, žymos ir VISAS vartotojo sąsajos tekstas. Visuose funkciniuose elementuose naudojamas vienodo tarpo šriftas, suteikiantis sąsajai techninio vadovo pojūtį – pagrindinis 16–20 pikselių tekstas suvokiamas kaip duomenys, o ne rinkodaros informacija. Naršymo etiketėms ir piktogramoms naudojamas 18 pikselių šriftas su tikslesniais raidžių tarpais; mažesniems šriftams ir metatekstui naudojamas 12 pikselių šriftas su didžiosiomis raidėmis. 500 pikselių šrifto dydis skirtas ryškiems vartotojo sąsajos elementams.
- Untitled Serif — pakeitimas: Times New Roman · kontūrai 400 · Tik antraštėms ir paantraštėms – naudojami 80 pikselių (pagrindinis tekstas), 48 pikselių (skyrius), 40 pikselių ir 32 pikselių (poskyriai) ir 24 pikselių (aprašo kortelių antraštės) dydžiai. Visiems dydžiams šrifto storis fiksuotas – 400; natūralus serifinio šrifto kontrastas ir -0,02em tarpai tarp raidžių suteikia pagrindinį akcentą, o ne paryškinimą. Tai yra redakcinis stilius: antraštės šnabždasi su tipografiniu rafinuotumu, o ne šaukia su svaru.
- Untitled Sans — pakeitimas: Inter · kontūrai 400 · Šriftas be pavadinimo „Sans“ – rastas išgautuose duomenyse, bet dirbtinis intelektas jo neaprašė.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 16px |
| Mygtuko spindulys | 100px |
| Kortelės spindulys | 40px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 64px |
| Puslapio plotis | 1432px |
Dirbtinis intelektas sukurs jūsų svetainę Monad stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- ElevenLabs — Šiltų kreminių atspalvių fotoreportažas su subtiliomis antraštėmis. Bauhaus stiliaus užrašų knygelė – kiaušinio lukšto spalvos popierius, juodas rašalas ir vienas violetinis bei oranžinis akcentas gaminiui eksponuoti.
- Awesomic — Redakcijos cinko tinklelis su oranžiniais skyrybos ženklais, primenančiais konfeti
- Dub — „Link“ matinio ryžinio popieriaus valdymo skydelis
- Seline Analytics — Ramus analitinis stalas ant šilto popieriaus
- Notion — Šiltas popierinis užrašų knygutės formos laikraštis vidurdienio saulėje
- Anthropic — Mokslinis lauko žurnalas ant šilto pergamento – ramūs dramblio kaulo paviršiai, serifuotos redakcinės antraštės ir vienas molinis akcentas, atsirandantis tik tada, kai reikia imtis veiksmų.
- Calendly — Tamsiai mėlynas rašalas ant šalto marmuro
- Augen Pro — „Apple“ baltoje prezentacijoje monochrominėje erdvėje vienintelis akcentas – klinikinė, nesvari, elektrinė mėlyna spalva.
- Antimetal — Redakcijos kronika ant kreminio popieriaus – ramus rytas moksliniame žurnale, kur santūrumas perteikia pasitikėjimą, o serifai atlieka sunkų darbą.
- Perk — Elektrinė citrina ant šilto pergamentinio popieriaus
- Ditto — Saulės apšviestos dirbtuvės, kuriose kuriami laukinių gėlių pavyzdžiai. Šilti kreminiai paviršiai, ryški geltona pagrindinė spalva, tamsiai mėlyni dažai, organinės spalvų formos, žydinčios už kūrinio.
- Officevibe — Redakcinis žurnalas ant šiltos kreminės spalvos popieriaus. Įsivaizduokite apgalvotą esė apie žmogiškųjų išteklių valdymą, pateiktą kaip produktą – kursyvu su serifiniu šriftu, šnabždančiu per modernią mėlyną sąsają.