Seline Analytics
Et stille analysebord på varmt papir
Seline er placeret mod en varm stenbaggrund (#fafaf9) med en enkelt livlig blå accent – alle andre farver er neutrale og hentet fra Tailwind-stenfarvepaletten. Overskrifter gengives i en specialdesignet geometrisk sans-serif-skrifttype (roobert) med en vægt på 400 og smal negativ bogstavafstand, hvilket giver teksten en afslappet, næsten hviskende selvtillid, der står i kontrast til den typisk højlydte SaaS-stil. Brugergrænsefladen er flade hvide kort, der svæver over den varme baggrund med en enkelt, blød, 16px sløring; rammerne er skabt med tynde, 1px stentonede linjer, generøst brugt som det primære strukturelle element i stedet for tunge skillevægge eller paneler. Layoutet ånder: indhold i fuld bredde centreret omkring en generøs lodret rytme, med pilleformede interaktive kontroller, en maskotillustration for personlighed og dashboard-skærmbilleder som produktbevis. Det overordnede indtryk er redaktionelt analytisk: roligt, monokrom, selvsikkert, med den blå opfordring til handling som det mest slående element på siden takket være den bevidste tilbageholdenhed i alt andet.
Siden har maksimal bredde, centreret omkring 1200px med masser af lodret plads. Hovedsiden er en venstrejusteret tekstblok på to linjer med en enkelt, fremhævet sætning ("enkel og effektiv") i blåt, efterfulgt af en række med to opfordringer til handling (blå pille + spøgelsespille), derefter en række partnerlogoer i gråtoner, derefter en række tillidsvurderinger og derefter et flydende dashboard-forhåndsvisning i fuld bredde, der overlapper den næste sektion en smule. Under folden er der skiftende rækker af udtalelser i et gitter med én kolonne, efterfulgt af sektioner i fuld bredde med funktionsbeskrivelser, venstrejusteret tekst og centreret produktvisualisering. Navigationen er en minimalistisk toplinje - logo til venstre, centrerede navigationslinks, login + blå opfordring til handling til højre - med en flydende klynge af avatarer midt i navigationen, der fungerer som identitetsbekræftelse. Mellemrummene mellem sektionerne er brede (96px) for at skabe en redaktionel rytme snarere end et tæt virvar af information.
Det visuelle sprog domineres af skærmbilleder af produktets brugergrænseflade – dashboard-forhåndsvisningen er et fotografi gengivet med et gråtone-kontrastfilter (1) (0,94), som dæmper farverne i dataene til en monokrom nuance. Den eneste menneskelige figur er et lineært maskotklistermærke (en hætteklædt figur), tegnet i SVG-stil med kun konturer, placeret én gang pr. sektion som et legende modstykke til det analytiske indhold, med en blød skygge for at skabe en klistermærkelignende dybdeeffekt. Brandlogoet og glyfferne er små sorte gnister/flammer. Der er ingen fotografier – ingen livsstilsbilleder, ingen teamfotos, ingen miljøbilleder. Objektet (dashboardet) er hovedpersonen. Alle dekorative ikoner er 1px-konturstil i enten #0c0a09 eller #3ba6f1, aldrig udfyldt.
Palet
Mærke
- Cyan Signal
#3ba6f1— Den primære opfordring til handling, aktive links og omridset af brandikoner er de eneste farveaccenter på siden, der bruges sparsomt til at henlede opmærksomheden på handlingen. - Cyan Edge
#3398e1— Blå bruges til at fremhæve handlingsoversigter, linketiketter og interaktive elementer. Den bør ikke bruges som primærfarve til opfordringer til handling.
Neutral
- Ink Black
#0c0a09— Hovedoverskrifter, fremhævet brødtekst og udtryksfulde ikoner er i en varm, næsten sort farve. - Stone Canvas
#fafaf9— Sidens baggrund har en varm, cremet nuance, der føles som papir i stedet for den hvide farve på en skærm. - Pure White
#ffffff— Kortoverflader, fremspringende paneler og inputfeltfyldninger er som standard flade og skyggeløse. - Stone Border
#e8e6e5— Tynde rammer på kort, navigation og inputfelter er det primære strukturelle element, ikke separatorer. - Stone Muted
#d6d3d1— Yderligere rammer, diskrete baggrundsnuancer, dekorative skillevægge. - Ash Gray
#a8a29e— Hjælpetekst, ikonomrids, deaktiverede tilstande - læsbar men inaktiv.
Typografi
fra 10 til 52px · 5 trin
- Roobert — udskiftning: Inter Tight or Satoshi · konturer 400, 500 · Skrifttypen til overskrifter og tekstlayout er en unik geometrisk sans-serif med minimal negativ bogstavafstand (-0,025em ved 32px, -0,021em ved 52px). Vægten på 400 x 52px er skrifttypens signatur: ukonventionel, subtil, men autoritativ, men underspillet. Overskrifterne indtager deres plads uden at være anmassende.
- Inter — udskiftning: Inter · konturer 400, 500, 600 · Den primære skrifttype til brødtekst, navigation, brugergrænseflade og overskrifter er en neutral, universel skrifttype til al tekst uden for skærmen. 14px med en vægt på 400 og en linjeafstand på 1,64 er den dominerende størrelse til brødtekst (frekvens 1174). Positiv bogstavafstand (0,004em) ved små størrelser sikrer læsbarhed af en tæt brugergrænseflade.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 8px |
| Knapradius | 9999px |
| Kortradius | 10px |
| Skygger | bløde skygger |
| Mellem sektioner | 96px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Seline Analytics -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- ElevenLabs — Et fotoessay i varme cremefarvede toner med diskrete overskrifter. En notesbog i Bauhaus-stil – æggeskalsfarvet papir, sort blæk og en enkelt lilla og orange accent til produktpræsentation.
- Awesomic — Redaktionelt zinknet med orange tegnsætningstegn, der minder om konfetti
- Monad — redaktionelt teknisk tidsskrift på varmt pergament
- Dub — Links kontrolpanel med mat rispapir
- Notion — En varm papirnotesbog i middagssolen
- Anthropic — Et videnskabeligt felttidsskrift på varmt pergament – rolige elfenbensfarvede overflader, seriferede redaktionelle overskrifter og en enkelt leraccent, der kun vises, når handling er nødvendig.
- Calendly — Mørkeblå blæk på kold marmor
- Augen Pro — Apples hvide præsentation har en klinisk, vægtløs, elektrisk blå farve som den eneste accent i et monokromt rum.
- Antimetal — En redaktionel krønike på cremefarvet papir – en stille morgen i et videnskabeligt tidsskrift, hvor tilbageholdenhed udstråler selvtillid, og seriffer klarer det hårde arbejde.
- Perk — Elektrisk lime på varmt pergamentpapir
- Ditto — Et solbelyst værksted, der skaber prøver af vilde blomster. Varme cremefarvede overflader, en levende gul bundfarve, dyb marineblå blæk, organiske farveformer, der blomstrer bag værket.
- Officevibe — Et redaktionelt magasin på varmt cremefarvet papir. Forestil dig et tankevækkende essay om HR-ledelse, præsenteret som et produkt – en kursiv serif-skrifttype, der hvisker gennem en moderne blå brugerflade.