Solaris Marketing
Your AI strategy, delivered.
This guide shows the theme of the Solaris sales prospectus. Soft white is the default canvas, and violet is the cool alternative. Paper veil surfaces, orange and indigo accents, editorial type, hairlines, and left-rule callouts form one light document system.
The soft-white canvas is the default, and the violet canvas is the cool alternative. Paper veil bands, hairlines, and the type scale create emphasis. Never use a dark inversion.
Generous measure, hairline structure, and a strict spacing rhythm carry the premium feel.
Warm radial washes, drifting star fields, and starbursts echoing the mark do the decorating — content does the talking.
Solaris logos are supplied as ready-made SVG. The SOLARIS wordmark is set in Hedvig Letters Sans (80px), outlined into fixed artwork; typography in the guide remains Brawler.
Surfaces
Ramps
Gradients
Click to inspect the stops, direction, and CSS.
Elements
Content-type colors. Each pairs a deeper tone with a lighter tint — reverse background/icon as needed.
Functional
System states — a light surface with a deep icon, or reversed.
Levelling
Solaris renders the learning ladder in purple — the top tier is a gradient.
Tier / Leaderboard
Rank tiers shared across brands — each a metallic gradient.
Core tokens
Shared by every brand.
- Open every section with a mono eyebrow over a serif headline.
- Ration purple to one insight moment per section.
- Use the tint ladder — base for fills, deep for display, ink for small text.
- Don't invert to dark surfaces — emphasis is a lighter veil, not a darker block.
- Don't use the deprecated cream-and-cocoa sunburst palette.
- Don't box content — structure is hairlines and left rules, not cards.
Ambient sun washes cluster top-left with a violet answer top-right; emphasis moments sit on fixed-attachment veil bands with drifting star fields; starbursts echo the mark in product orange and purple.
The prospectus starts with a two-circle sun at the top-left. A peach circle extends the light, and an indigo circle answers at the top-right. The four circles stay round at each viewport size.
Sales prospectus
Your AI strategy,
delivered.
Solaris is the operating system for enterprise AI adoption. Its platform and forward-deployed team turn the tools you licence into capability your company owns.
CSS recipe
background:
radial-gradient(circle min(10rem, 30vw) at 17% 9%, rgba(255, 218, 188, 0.34), rgba(254, 185, 127, 0.13) 56%, transparent 88%),
radial-gradient(circle min(30rem, 68vw) at 17% 9%, rgba(244, 137, 44, 0.18), rgba(244, 137, 44, 0.15) 44%, rgba(244, 137, 44, 0.05) 74%, transparent 92%),
radial-gradient(circle min(21rem, 54vw) at 42% 0%, rgba(254, 185, 127, 0.12), transparent 74%),
radial-gradient(circle min(28rem, 62vw) at 94% 3%, rgba(90, 85, 228, 0.11), transparent 76%);Light map
- Put the sun core and the sun body on the same center at 17% 9%.
- Keep the sun body at 18% alpha or less so the Haze canvas stays light.
- Use circle sizes with min(rem, vw) so the light stays round on each screen.
- For full-page documents, echo the sun diagonally down the page with smaller, fainter splotches.
- A quiet starburst may echo the mark inside the wash, at ≤10% opacity.
The veil is the light-mode replacement for a dark emphasis section: sun splotches and the Page Header gradient over the card surface, bounded by hairlines, with ink text throughout. background-attachment: fixed pins the light to the viewport — the text scrolls, the light doesn't. A drifting star field floats behind the content.
What you own from day 90
A capability that compounds after we leave.
- Use at most one veil band per document moment — the ownership summary and the finale.
- Ink text only; the veil never earns light-on-dark type.
- Hairline top and bottom borders, full-bleed — a veil is a band, not a card.
- The star field inherits the panel's ink color, seeds deterministically, stills under reduced motion, and pauses off-screen.
- Print flattens the veil to a single opaque gradient and hides the stars.
Structure is carried by hairlines and left rules, never boxes. Every section opens the same way: a mono eyebrow, a serif headline, a lede capped at 60 characters.
The problem
Where AI programs stall.
Tools get bought, pilots get demoed, and ninety days later nothing has changed about how the work is done.
Callouts — the left-rule aside
An aside is a 2px color rule with a pale tint fill — never a box. Orange is the default; the violet variant is rationed to one insight moment per section.
The default aside. Use it for context, caveats, and worked examples inside a section.
The insight moment. One violet callout per section, reserved for the finding the reader should carry away.
“The pull-quote is oversized serif italic on the same left rule — no quotation cards, ever.”
Numbered ledgers
Licenses without adoption. Usage decays after week two.
One team's demo never crosses into the org's workflow.
Nobody owns the habit, so the habit dissolves.
The tint ladder in use
Base orange is a fill color, not a text color (≈2.4:1 on white). The ladder keeps every accent accessible — see the Color section for the exact steps.
Pale
surfaces
callouts, chips
Base
fills & rules
never small text
Deep
display emphasis
large numbers, ≥24px
The problem
A caption set in ink
Ink
small text
eyebrows, captions
Proof rows (“We work directly with”) run as a continuous marquee: the track is duplicated for a seamless loop, edges fade through a CSS mask, and hover pauses it. Logos rest inked-down and light up to full color on hover. Reduced motion collapses it to a static wrapped row.
We work directly with
- 28s linear loop; duplicate the track and translate by −50% for the seam.
- 2.5rem edge fade via mask; the mask is dropped under reduced motion.
- Logos rest at brightness(0) / 70% opacity and restore to full color on hover.
Figures share one grammar: a bell distribution stroked with the Strong gradient (warm on the left, cool on the right — the progression from beginner to advanced), a soft gradient area beneath it, a dashed ghost showing the previous state, and a dashed plumb line to the apex.
- Stroke with the Strong gradient — warm left, cool right — so color encodes progression.
- The previous state is always a dashed ghost, never a second solid line.
- Caption chips are lavender rectangles with purple-700 mono labels.
- Axes are hairlines at ~35% ink with small triangular arrowheads; ticks are mono uppercase.
Base radius drives every surface via --radius.
Every element reads the brand's live Tailwind tokens — no per-brand markup.