Steep
Serifinių šriftų analizė ant šilto popieriaus
„Steep“ pateikia analizę kaip redakcinį turinį – „Signifier“ serif antraštės kybo virš beveik monochrominio balto paviršiaus, o vienas šiltas persikinis akcentas (#fbe1d1) pabrėžia kitaip achromatinę sistemą. Puslapis skaitomas kaip produktų žurnalo išklotinė: didelis, kursyvinis šriftas, daug teksto vietos, didelės kortelės su švelniais 24 pikselių spindulio kraštais ir piliulės formos valdikliai, prigludę prie paviršiaus. Komponentai atrodo ramūs ir nesvarūs – šešėliai subtilūs, rėmeliai ploni, o spalva naudojama funkciniam pabrėžimui (persikinės spalvos išnaša, tamsiai rudos raidės persikinės spalvos fone). Produktų paviršiai (regionų lentelės, aktyvinimo diagramos, dirbtinio intelekto kūrimo priemonės) pateikiami kaip plūduriuojantys elementai aplink antraštę, o ne įdėti į prietaisų skydelio apvalkalą.
Puslapio išdėstymo maksimalus plotis yra 1200 pikselių, jis centruotas, o pagrindinės sekcijos užima beveik visą puslapio plotį, tačiau lieka konteineryje. Pagrindiniame makete yra centruota antraštė su dideliu serif šriftu, paantraštė ir pora tablečių mygtukų, apsuptų keturių plaukiojančių produktų aprašymo kortelių (regiono lentelė viršuje kairėje, registracijos kortelė dešinėje, aktyvavimo diagrama apačioje kairėje, DI redaktorius apačioje centre), kurios persidengia su baltu drobės paviršiumi skirtingais poslinkiais. Sekcijų fonai kaitaliojasi tarp „Paper White“ ir „Card Mist“, sukuriant ramų ritmą be stipraus kontrasto. Funkcijų sekcijose naudojamas dviejų stulpelių teksto ir vartotojo sąsajos išdėstymas su dideliais 80 pikselių vertikaliais tarpeliais. Navigacija yra viena permatoma viršutinė juosta (be fono, rėmelio ar šešėlio), kurios logotipas yra kairėje, naršymo nuorodos centre ir du raginimai veikti (teksto nuoroda + užpildytas tablečių mygtukas) dešinėje. Bendras išdėstymo tankis yra erdvus – puslapis „kvėpuoja“ tarp sekcijų, o turinys niekada neužgriozdina kraštų.
Vizualinis dizainas orientuotas į produktą, o ne į gyvenimo būdą: plaukiojantys vartotojo sąsajos elementai (regioninės lentelės su penkių eilučių duomenimis, linijinės diagramos, rodančios aktyvavimus rugpjūčio–lapkričio mėnesiais, radialiniai progreso žiedai, dirbtinio intelekto įvesties laukai) išdėstyti kaip apkirpti ekrano vaizdai aplink redakcinių straipsnių antraštes. Nėra nuotraukų, iliustracijų ar abstrakčios grafikos. Visi vizualiniai produkto elementai išdėstyti ant baltų plaukiojančių kortelių su plonais rėmeliais ir švelniais šešėliais. Avatarų apskritimuose yra nedidelis žymeklio krypties indikatorius – vaizdinis motyvas, signalizuojantis apie sąveiką realiuoju laiku. Pagrindinė kompozicija yra teksto ir vartotojo sąsajos koliažas, o ne centre esanti antraštė su nuotrauka iš archyvo.
Paletė
Neutralus
- Ink Black
#17191c— Pagrindinis tekstas, užpildytas mygtuko fonas ir naršymo logotipas yra vieninteliai tamsūs sistemos paviršiai; visi raginimai veikti ir antraštės pagrindiniame tekste rodomi šiame beveik juodame fone. - Paper White
#ffffff— Puslapio drobė, mygtukų tekstas ir reljefiniai kortelių paviršiai yra dominuojantis foninis tonas, turintis maždaug 76 dažnio taškus. - Mist Gray
#f2f2f3— Kortelių paviršiai, papildomi fonai, įvesties laukų užpildymai – nematomas sluoksnis po popieriumi, skirtas įterptam turiniui. - Fog White
#fafafb— Papildomas puslapio fonas, skirtas kaitalioti sekcijas ir paviršius užvedus pelės žymeklį – vienu žingsniu aukščiau popieriaus, kad būtų galima sukurti subtilius juostų variantus. - Slate Gray
#777b86— Nuorodos spalva, prislopintas pagalbinis tekstas, poraštės tekstas – vėsi, nesočioji pilka spalva, esanti tarp pagrindinio teksto ir teksto, kurio negalima įtraukti. - Ash Gray
#979799— Papildomos etiketės, kategorijų žymės (rinkodara, finansai, pardavimai) – vienu žingsniu šviesesnės nei nuorodos spalva.
Tipografija
nuo 15 iki 90 pikselių · 8 žingsniai
- Signifier — pakeitimas: GT Sectra · kontūrai 400 · Serifinis šriftas antraštėms ir pavadinimams – naudojamas tik H1/H2 formatui, trijų dydžių; šrifto storis išlieka 400 (įprastas) visais masteliais – tai firminis pasirinkimas: serifinis šriftas šnabžda, o ne rėkia kaip paryškintas šriftas.
- Sohne — pakeitimas: Inter · kontūrai 400, 430, 450, 480, 500 · Pagrindiniai, sąsajos ir naršymo šriftai yra universalūs, apimantys viską nuo metaduomenų iki paantraštių; pusiau laiptuoti svoriai (430, 450, 480) sukuria subtilią hierarchiją neperšokant į paryškinimą.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 24px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 80px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Steep 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
- Newformcap — Redakcijos laikraštis persirengimo kambaryje
- Claude — Ant šilto pergamento atspausdintas artefaktas – rašalas ant kaulinio popieriaus, molis kaip vienintelis spalvos gūsis
- 11x– Digital workers — Kinematografiška redakcinė dykynė – panoraminės kraštovaizdžio nuotraukos, kontrastuojančios su monumentaliomis serifinėmis antraštėmis, kurios skamba tarsi prabangaus žurnalo lapas.
- Revolut — Monochrominis redakcinis darbas, paremtas debesų nuotrauka – baltas rašalas, dėžutės formos sagos, viena mėlyna spalvos juostelė kitaip pilkų atspalvių pasaulyje.
- Scheduling — Redakcijos rašalas ant kreminio popieriaus
- Titan — šiltų tonų monochrominis archyvas
- Programa — Šveicarijos dizaino studija vidurdienį. Baltą galerijos sieną apšviečia viena geltona stalinė lempa – viskas pilkų atspalvių, kol akį patraukia mygtukas, piktograma ar akcentas, ir tada tas vienas geltonas akcentas apibrėžia visą kambarį.
- Sana Agents — Žaliosios citrinos spindesys baltame fone redakciniame straipsnyje
- Visual — Šiltas redakcinis samizdatas. Kreminis popierius, plakatai su serifais, vienspalvės paraštės, vienas geltonas žymeklis.
- Midday — Redakcijos brošiūra ant pergamento – 72 pikselių antraštė su serifais šiltame akmens fone, tekstas be serifų su tarpais, piliulės formos valdikliai, be šešėlių
- Chat for impact — Miško žalumo klinika su pastelinių spalvų kambariais
- Handhold — Šiltas pergamentas po vos girdimais serifais – ranka įklijuotas redakcinis atvartas be chromatinio triukšmo, kuriame geriausias 200 punktų serifinis šriftas perteikia visą balsą.