Seline Analytics
'n Stil analitiese tafel op warm papier
Seline is teen 'n warm steen agtergrond (#fafaf9) met 'n enkele helderblou aksent geplaas—alle ander kleure is neutraal en geneem uit die Tailwind-steenkleurpalet. Opskrifte word weergegee in 'n pasgemaakte geometriese sans-serif lettertipe (roobert) met 'n gewig van 400 en nou negatiewe letterspasiëring, wat die teks 'n rustige, amper fluisteragtige selfvertroue gee wat kontrasteer met die tipies luide SaaS-styl. UI-oppervlaktes is plat wit kaarte wat bo die warm agtergrond sweef met 'n enkele, sagte, 16px-vervaagdheid; rande word geskep met dun, 1px-steenkleurige lyne, wat ruim gebruik word as die primêre strukturele element in plaas van swaar verdelers of panele. Die uitleg asemhaal: volle breedte inhoud gesentreer op 'n ruim vertikale ritme, met pilvormige interaktiewe kontroles, 'n gelukbringer-illustrasie vir persoonlikheid, en dashboard-skermskote as produkbewys. Die algehele indruk is redaksioneel analities: kalm, monochroom, selfversekerd, met die blou oproep tot aksie as die mees treffende element op die bladsy danksy die doelbewuste terughoudendheid van alles anders.
Die bladsy is maksimum breedte, gesentreer op ongeveer 1200px met baie vertikale spasie. Die held is 'n twee-reël, links-belynde blok teks met 'n enkele, uitgeligte frase ("eenvoudig en effektief") in blou, gevolg deur 'n ry met twee oproepe tot aksie (blou pil + spookpil), dan 'n ry vennootlogo's in grysskaal, dan 'n ry vertrouensgraderings, en dan 'n volwydte swewende dashboardvoorskou, wat die volgende afdeling effens oorvleuel. Onder die vou is afwisselende rye getuigskrifte in 'n enkelkolomrooster, gevolg deur volwydte-afdelings met kenmerkbeskrywings, links-belynde teks en gesentreerde produkvisuele. Die navigasie is 'n minimalistiese boonste balk - logo aan die linkerkant, gesentreerde navigasieskakels, aanmelding + blou oproep tot aksie aan die regterkant - met 'n swewende groep avatars in die middel van die navigasie wat as identiteitsverifikasie dien. Die spasies tussen afdelings is wyd (96px) om 'n redaksionele ritme te skep eerder as 'n digte mengelmoes van inligting.
Die visuele taal word oorheers deur skermkiekies van die produk se gebruikerskoppelvlak—die voorskou van die dashboard is 'n foto wat met 'n grysskaal (1) (0.94) kontrasfilter weergegee word, wat die kleure van die data tot 'n monochroom skakering demp. Die enigste menslike figuur is 'n lineêre gelukbringerplakker (’n karakter met 'n kappie), geteken in SVG-styl met slegs buitelyne, een keer per afdeling geplaas as 'n speelse kontrapunt tot die analitiese inhoud, met 'n sagte skaduwee om 'n plakkeragtige effek van diepte te skep. Die handelsmerklogo en glife is klein swart vonke/vlamme. Daar is geen foto's nie—geen leefstylfoto's, geen spanfoto's, geen omgewingsbeelde nie. Die voorwerp (die dashboard) is die protagonis. Alle dekoratiewe ikone is 1px-buitelynstyl in óf #0c0a09 óf #3ba6f1, nooit gevul nie.
Palet
Handelsmerk
- Cyan Signal
#3ba6f1— Die hoofoproep tot aksie, aktiewe skakels en die uiteensetting van handelsmerkikone is die enigste kleuraksente op die bladsy, wat spaarsamig gebruik word om aandag op die aksie te vestig. - Cyan Edge
#3398e1— Blou word gebruik om aksie-omlynings, skakeletikette en interaktiewe elemente uit te lig. Dit moet nie as die primêre kleur vir oproepe tot aksie gebruik word nie.
Neutraal
- Ink Black
#0c0a09— Hoofopskrifte, uitgeligte liggaamsteks en ekspressiewe ikone is in 'n warm, amper swart kleur. - Stone Canvas
#fafaf9— Die bladsyagtergrond is 'n warm, romerige skakering wat soos papier voel eerder as die wit van 'n skerm. - Pure White
#ffffff— Kaartoppervlaktes, uitstekende panele en invoerveldvullings is standaard plat en skaduweeloos. - Stone Border
#e8e6e5— Dun rande op kaarte, navigasie en invoervelde is die primêre strukturele element, nie skeidings nie. - Stone Muted
#d6d3d1— Bykomende rame, subtiele agtergrondskakerings, dekoratiewe verdelers. - Ash Gray
#a8a29e— Hulpteks, ikoonomlyning, gedeaktiveerde toestande - leesbaar maar onaktief.
Tipografie
van 10 tot 52px · 5 stappe
- Roobert — vervanging: Inter Tight or Satoshi · buitelyne 400, 500 · Die lettertipe vir opskrifte en teksuitleg is 'n unieke geometriese sans-serif met minimale negatiewe letterspasiëring (-0.025em teen 32px, -0.021em teen 52px). Die gewig van 400 x 52px is die lettertipe se kenmerk: onkonvensioneel, subtiel, maar tog gesaghebbend, maar tog onderbeklemtoon. Opskrifte neem hul plek in sonder om oorheersend te wees.
- Inter — vervanging: Inter · buitelyne 400, 500, 600 · Die primêre lettertipe vir liggaamsteks, navigasie, gebruikerskoppelvlak en opskrifte is 'n neutrale, universele lettertipe vir alle teks buite die skerm. 14px met 'n gewig van 400 en 'n reëlafstand van 1.64 is die oorheersende grootte vir liggaamsteks (frekwensie 1174). Positiewe letterafstand (0.004em) by klein groottes verseker leesbaarheid van digte gebruikerskoppelvlak.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | ruim |
| Basiese stap | 8px |
| Knoppieradius | 9999px |
| Kaartradius | 10px |
| Skaduwees | sagte skaduwees |
| Tussen afdelings | 96px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Seline Analytics -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- ElevenLabs — 'n Foto-essay in warm roomkleure met subtiele opskrifte. 'n Bauhaus-styl notaboek—eierdopkleurige papier, swart ink en 'n enkele pers en oranje aksent vir produkuitstalling.
- Awesomic — Redaksionele sinkgaas met oranje leestekens wat aan konfetti herinner
- Monad — redaksionele tegniese tydskrif op warm perkament
- Dub — Link se mat ryspapier-beheerpaneel
- Notion — 'n Warm papiernotaboek in die middagson
- Anthropic — 'n Wetenskaplike veldjoernaal op warm vellum—kalm ivoorkleurige oppervlaktes, gesiferde redaksionele opskrifte en 'n enkele klei-aksent wat slegs verskyn wanneer aksie nodig is.
- Calendly — Donkerblou ink op koue marmer
- Augen Pro — Apple se wit aanbieding bevat 'n kliniese, gewiglose, elektriese blou as die enigste aksent in 'n monochroom ruimte.
- Antimetal — 'n Redaksionele kroniek op roomkleurige papier—'n stil oggend by 'n wetenskaplike tydskrif, waar terughoudendheid selfvertroue oordra en serifs die swaar werk doen.
- Perk — Elektriese lemmetjie op warm perkamentpapier
- Ditto — 'n Sonverligte werkswinkel wat veldblommonsters skep. Warm roomkleurige oppervlaktes, 'n heldergeel basiskleur, diep vlootblou ink, organiese kleurvorms wat agter die stuk blom.
- Officevibe — 'n Redaksionele tydskrif op warm roomkleurige papier. Stel jou 'n deurdagte opstel oor menslike hulpbronbestuur voor, aangebied as 'n produk—'n kursief-serif-lettertipe wat deur 'n moderne blou koppelvlak fluister.