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
- 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
- Augen Pro — Apple'i valge esitlus kasutab monokroomse ruumi ainsa aktsendina kliinilist, kaalutut ja elektrilist sinist.
- Antimetal — Kreemikas paberil toimetuse kroonika – vaikne hommik teadusajakirjas, kus vaoshoitus annab edasi enesekindlust ja serifid teevad raske töö ära.
- Perk — Elektriline laim soojal pärgamentpaberil
- Ditto — Päikesepaisteline töötuba, kus luuakse metslillede näidiseid. Soojad kreemikad pinnad, erk kollane põhivärv, sügavad tumesinised tindid, teose taga õitsevad orgaanilised värvivormid.
- Officevibe — Toimetuse ajakiri soojal kreemikal paberil. Kujutage ette läbimõeldud esseed personalijuhtimisest, mis on esitletud tootena – kursiivis serif-font sosistab läbi moodsa sinise liidese.