Seline Analytics
Ramus analitinis stalas ant šilto popieriaus
„Seline“ paveikslas išdėstytas šiltame akmens fone (#fafaf9) su vienu ryškiai mėlynu akcentu – visos kitos spalvos yra neutralios ir paimtos iš „Tailwind“ akmens spalvų paletės. Antraštės perteikiamos specialiai sukurtu geometriniu šriftu be serifų („roobert“), kurio storis yra 400, ir siaurais neigiamais raidžių tarpais, suteikiančiais tekstui ramaus, beveik šnabždesio pavidalo pasitikėjimo, kuris kontrastuoja su tipiškai triukšmingu SaaS stiliumi. Naudotojo sąsajos paviršiai yra plokščios baltos kortelės, kybančios virš šilto fono su vienu, švelniu, 16 pikselių suliejimu; kraštinės kuriamos plonomis, 1 pikselio akmens atspalvio linijomis, kurios gausiai naudojamos kaip pagrindinis struktūrinis elementas vietoj sunkių pertvarų ar skydelių. Išdėstymas kvėpuoja: viso pločio turinys sutelktas į dosnų vertikalų ritmą, su tabletės formos interaktyviais valdikliais, talismano iliustracija asmenybei ir prietaisų skydelio ekrano kopijomis kaip produkto įrodymu. Bendras įspūdis yra redakciškai analitiškas: ramus, monochrominis, pasitikintis savimi, o mėlynas raginimas veikti yra ryškiausias puslapio elementas dėl sąmoningo visų kitų elementų santūrumo.
Puslapis yra maksimalaus pločio, centruotas maždaug ties 1200 pikselių, su daug vertikalios erdvės. Pagrindinis elementas yra dviejų eilučių, kairėje lygiuotas teksto blokas su viena paryškinta fraze („paprasta ir efektyvu“) mėlyna spalva, po kurios eina eilutė su dviem raginimais veikti (mėlyna tabletė + vaiduokliška tabletė), tada partnerių logotipų eilutė pilkos spalvos skalėje, tada pasitikėjimo įvertinimų eilutė ir tada viso pločio slankiojanti prietaisų skydelio peržiūra, šiek tiek persidengianti su kita dalimi. Po sulenkimu vieno stulpelio tinklelyje yra pakaitomis išdėstytos atsiliepimų eilutės, po kurių eina viso pločio dalys su funkcijų aprašymais, kairėje lygiuotu tekstu ir centruotais produktų vaizdais. Navigacija yra minimalistinė viršutinė juosta – logotipas kairėje, centre esančios naršymo nuorodos, prisijungimas + mėlynas raginimas veikti dešinėje – su slankiojančia avatarų grupe naršymo viduryje, kuri naudojama tapatybei patvirtinti. Tarpai tarp dalių yra platūs (96 pikseliai), kad būtų sukurtas redakcinis ritmas, o ne tankus informacijos kratinys.
Vizualinėje kalboje dominuoja produkto vartotojo sąsajos ekrano kopijos – prietaisų skydelio peržiūra yra nuotrauka, atvaizduota naudojant pilkos spalvos (1) (0,94) kontrasto filtrą, kuris prislopina duomenų spalvas iki monochrominio atspalvio. Vienintelė žmogaus figūra yra linijinis talismano lipdukas (personažas su gobtuvu), nupieštas SVG stiliumi tik su kontūrais, dedamas vieną kartą kiekvienoje sekcijoje kaip žaismingas analitinio turinio kontrapunktas, su švelniu šešėliu, sukuriančiu lipduko tipo gylio efektą. Prekės ženklo logotipas ir glifai yra mažos juodos kibirkštys / liepsnos. Nėra jokių nuotraukų – nėra gyvenimo būdo nuotraukų, nėra komandos nuotraukų, nėra aplinkos vaizdų. Objektas (prietaisų skydelis) yra pagrindinis veikėjas. Visos dekoratyvinės piktogramos yra 1 pikselio kontūro stiliaus, #0c0a09 arba #3ba6f1, niekada neužpildytos.
Paletė
Prekės ženklas
- Cyan Signal
#3ba6f1— Pagrindinis raginimas veikti, aktyvios nuorodos ir prekės ženklo piktogramų kontūrai yra vieninteliai spalvų akcentai puslapyje, naudojami saikingai, siekiant atkreipti dėmesį į veiksmą. - Cyan Edge
#3398e1— Mėlyna spalva naudojama veiksmų kontūrams, nuorodų etiketėms ir interaktyviems elementams paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti.
Neutralus
- Ink Black
#0c0a09— Pagrindinės antraštės, paryškintas tekstas ir išraiškingos piktogramos yra šiltos, beveik juodos spalvos. - Stone Canvas
#fafaf9— Puslapio fonas yra šilto, kreminio atspalvio, kuris labiau primena popierių, o ne ekrano baltumą. - Pure White
#ffffff— Žemėlapio paviršiai, išsikišusios panelės ir įvesties laukų užpildai pagal numatytuosius nustatymus yra plokšti ir be šešėlių. - Stone Border
#e8e6e5— Plonos kortelių, naršymo ir įvesties laukų rėmeliai yra pagrindinis struktūrinis elementas, o ne skyrikliai. - Stone Muted
#d6d3d1— Papildomi rėmeliai, subtilūs fono atspalviai, dekoratyvinės pertvaros. - Ash Gray
#a8a29e— Pagalbos tekstas, piktogramų kontūrai, išjungtos būsenos – įskaitomos, bet neaktyvios.
Tipografija
nuo 10 iki 52 pikselių · 5 žingsniai
- Roobert — pakeitimas: Inter Tight or Satoshi · kontūrai 400, 500 · Antraščių ir teksto išdėstymo šriftas yra unikalus geometrinis be serifų su minimaliais neigiamais tarpais tarp raidžių (-0,025 em esant 32 pikselių, -0,021 em esant 52 pikselių). 400 x 52 pikselių storis yra šio šrifto vizitinė kortelė: netradicinis, subtilus, tačiau autoritetingas, tačiau santūrus. Antraštės užima savo vietą, nebūdamos pernelyg įkyrios.
- Inter — pakeitimas: Inter · kontūrai 400, 500, 600 · Pagrindinis šriftas pagrindiniam tekstui, navigacijai, vartotojo sąsajai ir antraštėms yra neutralus, universalus šriftas visam ne ekrane rodomam tekstui. Vyraujantis pagrindinio teksto dydis yra 14 pikselių, svoris – 400, o eilučių tarpas – 1,64 (dažnis – 1174). Teigiamas raidžių tarpas (0,004 em) mažuose dydžiuose užtikrina tankios vartotojo sąsajos įskaitomumą.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 10px |
| Šešėliai | švelnūs šešėliai |
| Tarp sekcijų | 96px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Seline Analytics 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
- Monad — redakcinis techninis žurnalas ant šilto pergamento
- Dub — „Link“ matinio ryžinio popieriaus valdymo skydelis
- 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ą.