Seline Analytics
Një tabelë analitike e qetë në letër të ngrohtë
Seline është vendosur në një sfond guri të ngrohtë (#fafaf9) me një theks të vetëm blu të gjallë - të gjitha ngjyrat e tjera janë neutrale dhe të nxjerra nga paleta e ngjyrave të gurit Tailwind. Titujt janë paraqitur në një font gjeometrik sans-serif të projektuar me porosi (roobert) me një peshë prej 400 dhe hapësirë të ngushtë midis shkronjave negative, duke i dhënë tekstit një besim të qetë, pothuajse si pëshpëritje, që bie ndesh me stilin tipik të zhurmshëm SaaS. Sipërfaqet e ndërfaqes së përdoruesit janë karta të bardha të sheshta, që lundrojnë mbi sfondin e ngrohtë me një turbullim të vetëm, të butë, 16px; kufijtë krijohen me vija të holla, me ton guri 1px, të përdorura bujarisht si elementi kryesor strukturor në vend të ndarësve ose paneleve të rënda. Paraqitja merr frymë: përmbajtje me gjerësi të plotë e përqendruar në një ritëm vertikal bujar, me kontrolle interaktive në formë pilule, një ilustrim maskote për personalitetin dhe pamje të ekranit të panelit si provë e produktit. Përshtypja e përgjithshme është analitike nga ana editoriale: e qetë, monokrome, e sigurt, me thirrjen blu për veprim si elementi më mbresëlënës në faqe falë përmbajtjes së qëllimshme të gjithçkaje tjetër.
Faqja është me gjerësi maksimale, e përqendruar afërsisht në 1200px me shumë hapësirë vertikale. Heroi është një bllok teksti me dy rreshta, i rreshtuar majtas, me një frazë të vetme të theksuar ("e thjeshtë dhe efektive") me ngjyrë blu, e ndjekur nga një rresht me dy thirrje për veprim (pilula blu + pilula fantazmë), pastaj një rresht me logo partnerësh në shkallë gri, pastaj një rresht me vlerësime besimi dhe më pas një pamje paraprake lundruese në panelin e kontrollit me gjerësi të plotë, që mbivendoset paksa me seksionin tjetër. Poshtë palosjes janë rreshta alternativë dëshmish në një rrjetë me një kolonë të vetme, të ndjekura nga seksione me gjerësi të plotë me përshkrime të veçorive, tekst të rreshtuar majtas dhe pamje të produkteve të përqendruara. Navigimi është një shirit minimalist në krye - logoja në të majtë, lidhjet e navigimit në qendër, hyrja + thirrja blu për veprim në të djathtë - me një grumbull lundrues avatarësh në mes të navigimit që shërbejnë si verifikim identiteti. Hapësirat midis seksioneve janë të gjera (96px) për të krijuar një ritëm editorial në vend të një grumbulli të dendur informacioni.
Gjuha vizuale dominohet nga pamjet e ekranit të ndërfaqes së përdoruesit të produktit - pamja paraprake e panelit është një fotografi e renderuar me një filtër kontrasti në shkallë gri (1) (0.94), i cili i zbeh ngjyrat e të dhënave në një nuancë monokrome. E vetmja figurë njerëzore është një ngjitëse lineare maskote (një personazh me kapuç), e vizatuar në stilin SVG vetëm me konture, e vendosur një herë për seksion si një kundërpikë lozonjare ndaj përmbajtjes analitike, me një hije të butë për të krijuar një efekt thellësie si ngjitëse. Logoja e markës dhe glifet janë shkëndija/flakë të vegjël të zinj. Nuk ka fotografi - nuk ka fotografi të stilit të jetesës, nuk ka foto të ekipit, nuk ka imazhe mjedisore. Objekti (paneli) është protagonisti. Të gjitha ikonat dekorative janë në stilin e konturit 1px në #0c0a09 ose #3ba6f1, nuk mbushen kurrë.
Paletë
Markë
- Cyan Signal
#3ba6f1— Thirrja kryesore për veprim, lidhjet aktive dhe skica e ikonave të markës janë të vetmet thekse ngjyrash në faqe, të përdorura me kursim për të tërhequr vëmendjen ndaj veprimit. - Cyan Edge
#3398e1— Ngjyra blu përdoret për të nxjerrë në pah skicat e veprimeve, etiketat e lidhjeve dhe elementët interaktivë. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim.
Neutral
- Ink Black
#0c0a09— Titujt kryesorë, teksti i theksuar i trupit dhe ikonat ekspresive janë me një ngjyrë të ngrohtë, pothuajse të zezë. - Stone Canvas
#fafaf9— Sfondi i faqes është një nuancë e ngrohtë dhe kremoze që ndihet si letër në vend të bardhës së një ekrani. - Pure White
#ffffff— Sipërfaqet e hartës, panelet e spikatura dhe mbushjet e fushave të hyrjes janë të sheshta dhe pa hije si parazgjedhje. - Stone Border
#e8e6e5— Kufijtë e hollë në karta, navigim dhe fusha hyrëse janë elementi kryesor strukturor, jo ndarësit. - Stone Muted
#d6d3d1— Korniza shtesë, nuanca delikate të sfondit, ndarëse dekorative. - Ash Gray
#a8a29e— Teksti i ndihmës, skicat e ikonave, gjendjet e çaktivizuara - të lexueshme por joaktive.
Tipografi
nga 10 në 52px · 5 hapa
- Roobert — zëvendësim: Inter Tight or Satoshi · skica 400, 500 · Fonti për titujt dhe paraqitjen e tekstit është një sans-serif unik gjeometrik me hapësirë minimale midis shkronjave negative (-0.025em në 32px, -0.021em në 52px). Pesha 400 x 52px është karakteristika dalluese e fontit: jokonvencional, delikat, por autoritar, por edhe i përmbajtur. Titujt zënë vendin e tyre pa qenë të tepruar.
- Inter — zëvendësim: Inter · skica 400, 500, 600 · Fonti kryesor për tekstin e trupit, navigimin, ndërfaqen e përdoruesit dhe titujt është një font neutral dhe universal për të gjithë tekstin jashtë ekranit. 14px me një peshë prej 400 dhe një hapësirë midis rreshtave prej 1.64 është madhësia mbizotëruese për tekstin e trupit (frekuenca 1174). Hapësira pozitive midis shkronjave (0.004em) në madhësi të vogla siguron lexueshmërinë e ndërfaqes së përdoruesit të dendur.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 8px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 10px |
| Hijet | hije të buta |
| Midis seksioneve | 96px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Seline Analytics dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- ElevenLabs — Një ese me foto në tone të ngrohta krem me tituj delikatë. Një fletore në stilin Bauhaus - letër me ngjyrë lëvozhge veze, bojë e zezë dhe një theks i vetëm vjollcë dhe portokalli për shfaqjen e produktit.
- Awesomic — Rrjetë zinku editoriale me shenja pikësimi portokalli që të kujtojnë konfeti
- Monad — revistë teknike editoriale mbi pergamenë të ngrohtë
- Dub — Paneli i kontrollit të letrës orizi mat të Link
- Notion — Një fletore e ngrohtë letre në diellin e mesditës
- Anthropic — Një revistë shkencore mbi pergamenën e ngrohtë - sipërfaqe të qeta ngjyrë fildishi, tituj editorialë të serifuar dhe një theks i vetëm argjile që shfaqet vetëm kur nevojitet veprim.
- Calendly — Bojë blu e errët mbi mermer të ftohtë
- Augen Pro — Prezantimi i bardhë i Apple paraqet një blu elektrike klinike, pa peshë, si theksin e vetëm në një hapësirë njëngjyrëshe.
- Antimetal — Një kronikë editoriale në letër kremoze—një mëngjes i qetë në një revistë shkencore, ku përmbajtja përcjell vetëbesim dhe serifetet bëjnë punën e rëndë.
- Perk — Limon elektrik në letër pergameni të ngrohtë
- Ditto — Një seminar i ndriçuar nga dielli që krijon mostra lulesh të egra. Sipërfaqe të ngrohta krem, një ngjyrë bazë e verdhë e gjallë, bojëra blu të errët të errët, forma ngjyrash organike që lulëzojnë pas veprës.
- Officevibe — Një revistë editoriale në letër të ngrohtë me ngjyrë krem. Imagjinoni një ese të menduar mirë mbi menaxhimin e burimeve njerëzore, të paraqitur si një produkt - një font serif me shkronja të pëshpëritura përmes një ndërfaqeje moderne blu.