Skip to main content
Solace style guide splash artwork

Guide til stil og stil

Denne side er den levende reference for splash billeder, knapper, kort, kopi blokker og visuelle token.

Splash-Bilder

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

Hjemhelte

Home hero splash artwork

Software 5.0 Held

Software 5.0 splash artwork

Billedet til venstre, teksten til højre

På mobil samler billedet sig over kopien og udvider sig til kortets fulde bredde.

Forecast framework illustration

Pattern Framework

Billedet til venstre, teksten til højre

Brug dette til afsnit, hvor kunstværket forklarer begrebet, men kopien stadig bærer den detaljerede betydning.

Offentlig side

Priser

Priser side

Plankort, sammenligningstabel og offentlig-venlig indkøbrammering.

Artikler

Artikler side

Public rewrites, lokale kildedata og linket kildedata.

Knapper

Kort

🧠

Karte med funktionshinder

Brug for kerneproduktfordele, kapacitetsbeskrivelser og konceptuelle afsnit.

Priskortet

28 dollars om måneden.

Twin Cloud + OAuth3 vault + Part 11 Architected evidence.

Højligholdsboks: Brug for TL;DR juridiske kallouts, stærke meddelelser og compact emphasis copy.

Tabeller og diagrammer

Et eksempel på diagrammet

Officiel diagramstack: amChart Charts 5, serveret lokalt.

Udvejstabel

Den officielle tabellestack: DataTables, serveret lokalt.

Overfladen Biblioteket er et bibliotek. Modus
Analyser er en del av analysen. amChart Charts Chart Chart
Artikler DataTables Katalog
Priser DataTables Sammenligning

Typografi

Indholdstekst Det er den grundlæggende lange-form læsestil til produkt- og teknisk forklaring.

Indledningssektionen er til bredere sammenfatninger, der kræver mere tilstedeværelse end en kropskopi, men mindre vægt end en overskrift.

Hero undertekst er forbeholdt første-fold værdi indramming under hovedoverskriften.

Farve tokens

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