Seline Analytics
Ett tyst analysbord på varmt papper
Seline har en varm stenfärgad bakgrund (#fafaf9) med en enda livfull blå accent – alla andra färger är neutrala och hämtade från Tailwinds stenfärgspalett. Rubrikerna återges i ett specialdesignat geometriskt sans-serif-typsnitt (roobert) med en vikt på 400 och smalt negativt bokstavsavstånd, vilket ger texten en lugn, nästan viskande självförtroende som står i kontrast till den typiskt högljudda SaaS-stilen. UI-ytor är platta vita kort som svävar ovanför den varma bakgrunden med en enda, mjuk, 16px oskärpa; ramar skapas med tunna, 1px stentonade linjer, generöst använda som det primära strukturella elementet istället för tunga avdelare eller paneler. Layouten andas: innehåll i full bredd centrerat kring en generös vertikal rytm, med pillerformade interaktiva kontroller, en maskotillustration för personlighet och skärmdumpar från instrumentpanelen som produktbevis. Helhetsintrycket är redaktionellt analytiskt: lugnt, monokromt, självsäkert, med den blå uppmaningen till handling som det mest slående elementet på sidan tack vare den avsiktliga återhållsamheten i allt annat.
Sidan har maxbredd, centrerad på cirka 1200 pixlar med gott om vertikalt utrymme. Huvudtexten är ett tvåradigt, vänsterjusterat textblock med en enda, markerad fras ("enkelt och effektivt") i blått, följt av en rad med två uppmaningar till handling (blått piller + spökpiller), sedan en rad partnerlogotyper i gråskala, sedan en rad med förtroendebetyg och sedan en flytande förhandsvisning av instrumentpanelen i full bredd, som något överlappar nästa avsnitt. Nedanför vikningen finns alternerande rader med omdömen i ett rutnät med en kolumn, följt av avsnitt i full bredd med funktionsbeskrivningar, vänsterjusterad text och centrerad produktvisualisering. Navigeringen är en minimalistisk övre bar – logotyp till vänster, centrerade navigeringslänkar, inloggning + blå uppmaning till handling till höger – med ett flytande kluster av avatarer mitt i navigeringen som fungerar som identitetsverifiering. Avstånden mellan avsnitten är breda (96 pixlar) för att skapa en redaktionell rytm snarare än en tät virrvarr av information.
Det visuella språket domineras av skärmdumpar av produktens användargränssnitt – förhandsvisningen av instrumentpanelen är ett fotografi renderat med ett gråskalefilter (1) (0,94), vilket dämpar färgerna i data till en monokrom nyans. Den enda mänskliga figuren är ett linjärt maskotklistermärke (en huvförsedd karaktär), ritat i SVG-stil med endast konturer, placerat en gång per sektion som en lekfull motpunkt till det analytiska innehållet, med en mjuk skugga för att skapa en klistermärkesliknande djupeffekt. Varumärkeslogotypen och tecknen är små svarta gnistor/lågor. Det finns inga fotografier – inga livsstilsbilder, inga teamfoton, inga miljöbilder. Objektet (instrumentpanelen) är huvudpersonen. Alla dekorativa ikoner har 1px-konturstil i antingen #0c0a09 eller #3ba6f1, aldrig fyllda.
Palett
Stämpla
- Cyan Signal
#3ba6f1— Den huvudsakliga uppmaningen till handling, aktiva länkar och konturerna av varumärkesikoner är de enda färgaccenterna på sidan och används sparsamt för att dra uppmärksamhet till åtgärden. - Cyan Edge
#3398e1— Blått används för att markera handlingskonturer, länketiketter och interaktiva element. Det bör inte användas som primärfärg för uppmaningar till handling.
Neutral
- Ink Black
#0c0a09— Huvudrubriker, markerad brödtext och uttrycksfulla ikoner har en varm, nästan svart färg. - Stone Canvas
#fafaf9— Sidans bakgrund har en varm, krämig nyans som känns som papper snarare än den vita färgen på en skärm. - Pure White
#ffffff— Kartytor, utskjutande paneler och inmatningsfältfyllningar är som standard plana och skuggfria. - Stone Border
#e8e6e5— Tunna ramar på kort, navigering och inmatningsfält är det primära strukturella elementet, inte avgränsare. - Stone Muted
#d6d3d1— Ytterligare ramar, subtila bakgrundsnyanser, dekorativa avdelare. - Ash Gray
#a8a29e— Hjälptext, ikonkonturer, inaktiverade tillstånd - läsbara men inaktiva.
Typografi
från 10 till 52px · 5 steg
- Roobert — ersättning: Inter Tight or Satoshi · konturer 400, 500 · Typsnittet för rubriker och textlayout är ett unikt geometriskt sans-serif-teckensnitt med minimalt negativt bokstavsavstånd (-0,025 em vid 32px, -0,021 em vid 52px). Vikten 400 x 52px är typsnittets signatur: okonventionellt, subtilt, men ändå auktoritativt, men ändå diskret. Rubriker tar sin plats utan att vara överdrivna.
- Inter — ersättning: Inter · konturer 400, 500, 600 · Det primära teckensnittet för brödtext, navigering, användargränssnitt och rubriker är ett neutralt, universellt teckensnitt för all text utanför skärmen. 14px med en vikt på 400 och ett radavstånd på 1,64 är den dominerande storleken för brödtext (frekvens 1174). Positivt bokstavsavstånd (0,004em) vid små storlekar säkerställer läsbarhet i ett kompakt användargränssnitt.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 8px |
| Knappradie | 9999px |
| Kortradie | 10px |
| Skuggor | mjuka skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Seline Analytics -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- ElevenLabs — En fotoessä i varma krämfärgade toner med diskreta rubriker. En anteckningsbok i Bauhaus-stil – äggskalfärgat papper, svart bläck och en enda lila och orange accentfärg för produktpresentation.
- Awesomic — Redaktionellt zinknät med orange skiljetecken som påminner om konfetti
- Monad — redaktionell teknisk tidskrift på varmt pergament
- Dub — Links kontrollpanel för matt rispapper
- Notion — En varm pappersbok i middagssolen
- Anthropic — En vetenskaplig fälttidskrift på varmt vellum – lugna elfenbensfärgade ytor, serifferade redaktionella rubriker och en enda leraccent som bara dyker upp när handling behövs.
- Calendly — Mörkblått bläck på kall marmor
- Augen Pro — Apples vita presentation har en klinisk, viktlös, elektrisk blå nyans som enda accent i ett monokromt utrymme.
- Antimetal — En redaktionell krönika på krämfärgat papper – en lugn morgon i en vetenskaplig tidskrift, där återhållsamhet förmedlar självförtroende och seriffer gör det tunga arbetet.
- Perk — Elektrisk lime på varmt bakplåtspapper
- Ditto — En solbelyst workshop som skapar prover av vildblommor. Varma krämfärgade ytor, en livfull gul basfärg, djupt marinblått tryckfärg, organiska färgformer som blommar bakom verket.
- Officevibe — En redaktionell tidskrift på varmt krämfärgat papper. Föreställ dig en tankeväckande essä om HR-ledning, presenterad som en produkt – ett kursivt serif-typsnitt som viskar genom ett modernt blått gränssnitt.