Monad
toimetuse tehniline ajakiri soojal pärgamendil
Monad kuvab kogu oma liidese soojal pärgamentvärvi lõuendil (#f6f3f1), mis eristab seda koheselt tüüpilisest puhasvalgest SaaS-mallist. Pealkirjadel on toimetuse kaal ja need on kirjutatud 400-kaalulises kirjas Untitled Serif – mitte kunagi paksus kirjas –, samas kui kogu sisutekst, navigeerimine ja kasutajaliidese elemendid on ABC Diatype Mono kirjas, andes saidile kirjandusajakirja tehnilise käsiraamatu tekstuuri. Üks erk sinine (Lake) annab põhitoimingutele ainsa kromaatilise aktsendi; kõik muu on hoitud soojas hallis paletis, seega igihaliroheline kaardipind (#cfdaf5) ja pehmed pastelsed gradientüleminekud (korall, taevasinine, piparmünt, kuldne) tunduvad pigem tahtlike kirjavahemärkide kui mürana. Komponendid tuginevad varjude asemel peentele ääristele ja tabletipurkidele ning rütm hoitakse rahuliku ja avarana tänu kaarditaolistele taanetele ja sektsioonide vahelisele rohkele vertikaalsele ruumile.
Visuaalne keel põhineb väljatöötatud andmekanali diagrammil: õhukesed kõverad jooned kujutavad tabletikujulised sõlmed, mille sees on väikesed ikoonid, mis tähistavad andmeallikaid (mis tahes allikas, pilvelogid, haavatavused) ja sihtkohti (SIEM, pilvesalvestus, andmejärv). Diagrammil on keskel kasutatud pehmet rohelist radiaalset kuma, et rõhutada andmete normaliseerimist. Gradientsed atmosfääritoonid (korall → taevasinine, taevasinine → piparmünt) koos tugevate hägustusfiltritega loovad põhi- ja funktsionaalse sisu taha pehmed värvihalod. Partnerite logod kuvatakse ühes reas, rõhutades sotsiaalset mõju. Kaardil „Andmete teisendused pooleli“ on suur gradientne illustratsioon kattuvate poolläbipaistvate geomeetriliste kujunditega. Fotosid ei kasutata – bränd edastab teavet ainult tüpograafia, diagrammide ja värvilahenduste abil.
Palett
Bränd
- Parchment
#f6f3f1— Lehekülje lõuend ja suur osa pinnatäitest – see soe, kreemjas toon – on brändi signatuurvärv, mis eristab saiti koheselt valgetest SaaS-mallidest. - Lake Blue
#2b59d1— Lillat värvi kasutatakse taustade esiletõstmiseks, dekoratiivsete triipude jaoks ja sisu taga peene aktsendina. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina.
Neutraalne
- Off-Black
#242424— Kõrge kontrastsusega neutraalne täide heledatel pindadel asuvatele põhinuppudele. - Periwinkle Mist
#cfdaf5— Sujuv liides puuetega juhtelementidele, madala rõhuasetusega paneelidele ja kohatäiteplokkidele. - Sky Blue
#a0b5eb— Dekoratiivne gradientpeatus – ilmub torustiku skeemil atmosfääritäitetel ja voolujoontel, seda ei kasutata kunagi kasutajaliidese täitena. - Mint
#a7fccd— Teisene värvipalett väikeste dekoratiivsete aktsentide jaoks, kui peamine värvipalett vajab kontrasti. - Coral
#ff9473— Teisene värvipalett väikeste dekoratiivsete aktsentide jaoks, kui peamine värvipalett vajab kontrasti. - Gold
#ecda98— Dekoratiivne gradientpunkt on soe aktsent gradientüleminekutes, mida funktsionaalsetes kasutajaliidestes kunagi ei kasutata.
Tüpograafia
12-st 80 pikslini · 10 sammu
- ABC Diatype Mono — asendamine: JetBrains Mono · kontuurid 400, 500 · Põhitekst, navigeerimine, nupud, ikoonid, sildid ja KÕIK kasutajaliidese tekstid. Kõigi funktsionaalsete elementide ühtlane font annab liidesele tehnilise käsiraamatu tunde – 16–20 piksli suurune põhitekst tajutakse andmetena, mitte turundusteabena. Navigeerimissildid ja ikoonid kasutavad 18 piksli suurust fonti täpsema tähevahega; väiksemad fondid ja metatekst kasutavad 12 piksli suurust fonti, kus kõik tähed on suurtähed. 500 piksli suurune font on reserveeritud silmapaistvatele kasutajaliidese elementidele.
- Untitled Serif — asendamine: Times New Roman · kontuurid 400 · Ainult pealkirjade ja alapealkirjade puhul – kasutatakse suurustes 80 pikslit (põhitekst), 48 pikslit (jaotis), 40 pikslit ja 32 pikslit (alajaotised) ning 24 pikslit (kirjelduskaardi pealkirjad). Fondi paksus on kõigi suuruste puhul fikseeritud 400-le; serif-fondi loomulik kontrastsus ja -0,02em tähevahe annavad põhirõhu, mitte paksu kirja. See on toimetuslik stiil: pealkirjad sosistavad tüpograafilise keerukusega, mitte ei karju raskusega.
- Untitled Sans — asendamine: Inter · kontuurid 400 · Pealkirjata Sans font – leiti ekstraheeritud andmetest, kuid tehisintellekt seda ei kirjelda.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 16px |
| Nupu raadius | 100px |
| Kaardi raadius | 40px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64px |
| Lehe laius | 1432px |
Tehisintellekt loob teie veebisaidi Monad stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Mollie — Kašmiirist lett, tume pearaamat. Jäta musta teksti ümber piisavalt tühja ruumi kujunduse jaoks ning seejärel rõhuta tootega seotud punkte soojade kreemide, espressopruunide ja kombatavate fotodega tegelikest makseviisidest.
- Kagi — Eraldi lugemissaal. Loo julge grafiitteksti ümber avatud valge ruum, kasutades rahu lõhustamiseks õrnu lillasid aktsente ja sooje pastelseid pindu.
- Milanote — Milanote on pühendunud loominguline stuudio. Looge galeriistiilis lehti, kasutades ujuvaid visuaalseid tahvleid: tumeda raamiga seinu, valget väljapanekupinda ja ekraanipilte, mis näevad välja nagu päris objektid pehme sügavusega.
- Co2 — Kliimaatlas talvises valguses. Looge lehti nagu õhust dokumentmaastik, kus serif-pealkirjad, kategooriatesse kodeeritud andmed ja jäised pildid toovad esile laiad valged veerised.
- GitButler — Türkiissinine teksti lõpus. Suure kontrastsusega serif-pealkirjade, peene tehnilise ruudustiku, soojade grafiitpindade ja diskreetse türkiissinise aktsendi kombinatsioon.
- ElevenLabs — Soojades kreemikates toonides fotoessee peenete pealkirjadega. Bauhausi stiilis märkmik – munakoorekarva paber, must tint ja üks lilla ja oranž aktsent toote väljapanekuks.
- Awesomic — Toimetuse tsinkvõrk oranžide konfetti meenutavate kirjavahemärkidega
- Dub — Linki matt riisipaberist juhtpaneel
- Seline Analytics — Vaikne analüütiline laud soojal paberil
- Notion — Soe paberist märkmik keskpäevapäikeses
- Anthropic — Teaduslik väliajakiri soojal pärgamendil – rahulikud elevandiluu pinnad, seriifidega pealkirjad ja üks saviaktsent, mis ilmub ainult siis, kui on vaja tegutseda.
- Calendly — Tumesinine tint külmal marmoril