Seline Analytics
Et stille analytisk bord på varmt papir
Seline er satt opp mot en varm steinbakgrunn (#fafaf9) med en enkelt livlig blå aksent – alle andre farger er nøytrale og hentet fra Tailwind-steinfargepaletten. Overskrifter gjengis i en spesialdesignet geometrisk sans-serif-skrift (roobert) med en vekt på 400 og smal negativ bokstavavstand, noe som gir teksten en rolig, nesten hviskende selvtillit som står i kontrast til den typisk høylytte SaaS-stilen. Brukergrensesnittet er flate hvite kort som svever over den varme bakgrunnen med en enkelt, myk, 16 pikslers uskarphet; rammene er laget med tynne, 1 piksel steintonede linjer, generøst brukt som det primære strukturelle elementet i stedet for tunge skillevegger eller paneler. Layouten puster: innhold i full bredde sentrert rundt en sjenerøs vertikal rytme, med pilleformede interaktive kontroller, en maskotillustrasjon for personlighet og skjermbilder fra dashbordet som produktbevis. Helhetsinntrykket er redaksjonelt analytisk: rolig, monokrom, selvsikkert, med den blå handlingsfremmende oppfordringen som det mest slående elementet på siden takket være den bevisste tilbakeholdenheten i alt annet.
Siden har maksimal bredde, sentrert på omtrent 1200 piksler med god vertikal plass. Hoveddelen er en tolinjers, venstrejustert tekstblokk med en enkelt, uthevet frase («enkel og effektiv») i blått, etterfulgt av en rad med to handlingsfremmende oppfordringer (blå pille + spøkelsespille), deretter en rad med partnerlogoer i gråtoner, deretter en rad med tillitsvurderinger, og deretter en flytende forhåndsvisning av dashbordet i full bredde, som overlapper den neste delen litt. Under bretten er det vekslende rader med attester i et rutenett med én kolonne, etterfulgt av seksjoner i full bredde med funksjonsbeskrivelser, venstrejustert tekst og sentrerte produktvisualer. Navigasjonen er en minimalistisk topplinje – logo til venstre, sentrerte navigasjonslenker, pålogging + blå handlingsfremmende oppfordring til høyre – med en flytende klynge av avatarer midt i navigasjonen som fungerer som identitetsbekreftelse. Avstandene mellom seksjonene er brede (96 piksler) for å skape en redaksjonell rytme snarere enn et tett virvar av informasjon.
Det visuelle språket domineres av skjermbilder av produktets brukergrensesnitt – forhåndsvisningen av dashbordet er et fotografi gjengitt med et gråtonekontrastfilter (1) (0,94), som demper fargene i dataene til en monokrom fargetone. Den eneste menneskefiguren er et lineært maskotklistremerke (en hettekledde figur), tegnet i SVG-stil med kun omriss, plassert én gang per seksjon som et lekent motpunkt til det analytiske innholdet, med en myk skygge for å skape en klistremerkelignende dybdeeffekt. Merkelogoen og tegnene er små, svarte gnister/flammer. Det er ingen fotografier – ingen livsstilsbilder, ingen teambilder, ingen miljøbilder. Objektet (dashbordet) er hovedpersonen. Alle dekorative ikoner er 1px omrissstil i enten #0c0a09 eller #3ba6f1, aldri fylt ut.
Palett
Merke
- Cyan Signal
#3ba6f1— Hovedoppfordringen til handling, aktive lenker og omriss av merkeikoner er de eneste fargeaksentene på siden, og brukes sparsomt for å trekke oppmerksomhet til handlingen. - Cyan Edge
#3398e1— Blått brukes til å fremheve handlingsoversikter, lenkeetiketter og interaktive elementer. Det bør ikke brukes som primærfarge for handlingsfremmende oppfordringer.
Nøytral
- Ink Black
#0c0a09— Hovedoverskrifter, uthevet brødtekst og uttrykksfulle ikoner er i en varm, nesten svart farge. - Stone Canvas
#fafaf9— Sidens bakgrunn har en varm, kremet farge som føles som papir i stedet for det hvite på en skjerm. - Pure White
#ffffff— Kartoverflater, utstikkende paneler og fyll i inndatafelt er som standard flate og skyggeløse. - Stone Border
#e8e6e5— Tynne rammer på kort, navigasjon og inndatafelt er det primære strukturelle elementet, ikke skilletegn. - Stone Muted
#d6d3d1— Ekstra rammer, diskré bakgrunnsnyanser, dekorative skillevegger. - Ash Gray
#a8a29e— Hjelpetekst, ikonomriss, deaktiverte tilstander – lesbar, men inaktiv.
Typografi
fra 10 til 52 piksler · 5 trinn
- Roobert — erstatning: Inter Tight or Satoshi · omriss 400, 500 · Skriften for overskrifter og tekstlayout er en unik geometrisk sans-serif med minimal negativ bokstavavstand (-0,025em ved 32 piksler, -0,021em ved 52 piksler). Vekten på 400 x 52 piksler er skriftens signatur: ukonvensjonell, subtil, men likevel autoritativ, men likevel diskret. Overskrifter tar sin plass uten å være overbærende.
- Inter — erstatning: Inter · omriss 400, 500, 600 · Primærfonten for brødtekst, navigasjon, brukergrensesnitt og overskrifter er en nøytral, universell font for all tekst utenfor skjermen. 14 piksler med en vekt på 400 og en linjeavstand på 1,64 er den dominerende størrelsen for brødtekst (frekvens 1174). Positiv bokstavavstand (0,004 em) ved små størrelser sikrer lesbarhet av tett brukergrensesnitt.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 8px |
| Knapperadius | 9999px |
| Kortradius | 10px |
| Skygger | myke skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Seline Analytics -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- ElevenLabs — Et fotoessay i varme kremfarger med diskré overskrifter. En notatbok i Bauhaus-stil – eggeskallfarget papir, svart blekk og en enkelt lilla og oransje aksent for produktfremvisning.
- Awesomic — Redaksjonelt sinknett med oransje tegnsettingstegn som minner om konfetti
- Monad — redaksjonell teknisk tidsskrift på varmt pergament
- Dub — Links kontrollpanel for matt rispapir
- Notion — En varm papirnotatbok i middagssolen
- Anthropic — Et vitenskapelig felttidsskrift på varmt vellum – rolige elfenbensfargede overflater, seriferte redaksjonelle overskrifter og en enkelt leireaksent som bare dukker opp når handling er nødvendig.
- Calendly — Mørkeblått blekk på kald marmor
- Augen Pro — Apples hvite presentasjon har en klinisk, vektløs, elektrisk blåfarge som eneste aksent i et monokromt rom.
- Antimetal — En redaksjonell krønike på kremfarget papir – en stille morgen i et vitenskapelig tidsskrift, hvor tilbakeholdenhet formidler selvtillit og seriffer gjør det tunge arbeidet
- Perk — Elektrisk lime på varmt bakepapir
- Ditto — Et solfylt verksted som lager prøver av villblomster. Varme kremfargede overflater, en livlig gul grunnfarge, dyp marineblå blekk, organiske fargeformer som blomstrer bak verket.
- Officevibe — Et redaksjonelt magasin på varmt kremfarget papir. Se for deg et tankevekkende essay om HR-ledelse, presentert som et produkt – en kursiv serif-skrift som hvisker gjennom et moderne blått grensesnitt.