Skip to main content
Solace style guide splash artwork

Stilguide

Denna sida är den levande referens för splashbilder, knappar, kort, kopieringsblock och visuella tokens.

Splash-Bilder

Canonieke hero-afbeeldingcontainer: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>

Hem hjälte

Home hero splash artwork

Software 5.0 Held

Software 5.0 splash artwork

Bild till vänster, text till höger

På mobila enheter staplar bilden över kopien och expanderar till hela kortets bredd.

Forecast framework illustration

Pattern Framework

Bild till vänster, text till höger

Använd detta för avsnitt där konstverket förklarar konceptet, men kopien fortfarande bär den detaljerade innebörden. bilden kolumnen förblir visuellt förankrad på skrivbordet och blir en fullbredd stackad rad på mobilen.

Över offentliga sidor

Prissättning

Prissidan

Plankort, jämförelsebord och allmänt användbar inköpsplanering.

Artiklar

Pappers sida

Överskrivningar, lokala källfiler och länkad källprovenan.

Analyser Analytics

Analyser sidan

Högsta metriken, datatabeller-bakade nät och amChart Charts visuella.

Knappningar

Kort

🧠

Karte med funktionshinder

Användning för kärnproduktfördelar, beskrivningar av förmågor och konceptuella avsnitt.

Priskortet

$28/månad

Twin Cloud + OAuth3 vault + del 11 Arkitekterad bevisning.

Högpunktboksen: Användning för TL;DR juridiska kallar, starka meddelanden och en kompakt betoningskopi.

Tabeller och diagram

Provtestag

Officiella diagramstack: amChart Charts 5, serverad lokalt.

Mönsterbordet

Officiell bordstack: DataTables, serverad lokalt.

Ytan över ytan Biblioteket Läge
Analyser Analytics amChart Charts Chart Chart
Artiklar DataTables Katalog
Prissättning DataTables Jämförelse

Typografi

Innehållstekst är den grundläggande läsningsstilen för produkt- och teknisk förklaring.

Introduktionssnittet är för bredare sammanfattningar som behöver mer närvaro än en kroppskopie men mindre vikt än en rubrik.

Hero-undertexten är reserverad för förstafaldig värderamning under huvudrubriken.

Färg tokens

Blå Blå `--sa-blue`
Paars `--sa-purple`
Orange Orange `--sa-orange`