Brand & design system

The Orbital system.

One language across the marketing site and the product: futuristic, measured, AI-forward. This page is the source of truth for the logo, color, type, components, motion, and voice.

Logo

An orbital sun, always in motion.

A solar core, an orbit, and a satellite traveling it — the deal moving through the cycle on its own. Solar plus motion plus the Orbital system, in one mark. The gold tile and its glow are part of it — keep the clear space, never recolor the tile, never stretch it.

SolarStudio primary logo lockup
SolarStudio mark

The mark

App icon, avatars, favicons, tight spaces. Works standalone down to 24px.

↔

Clear space

Keep padding equal to the height of the tile on all sides. Don't crowd the lockup.

⬇

Assets

Download the source SVGs.

Positioning

SolarStudio is the autonomous solar deal engine.

Not a design canvas you operate — a fleet of always-on agents that move a commercial deal from source to signed and report to you. Every line of copy should ladder up to that.

Color

Four accents on deep space.

Gold leads. Cyan, violet, and green are functional accents (data, AI, success). The gradient text blends gold → cyan → violet for hero moments only.

Solar gold
#ffc24b · --gold
Electric cyan
#38e1ff · --cyan
Plasma violet
#9a6bff · --violet
Signal green
#2fe6a8 · --green
Deep space
#05070f · --bg
Surface
#0d1430 · --surface
Ink
#eaf0ff · --ink
Muted
#93a1c6 · --muted
Typography

Geist Sans, tightened.

Big, confident display with negative tracking; calm, readable body. Tabular numerals for every metric.

Close more, faster.Display · 840 · -3.5%
Section headingTitle · 780 · -3%
Card headingH3 · 720
Body copy stays calm and readable at 1.55 line-height.Body · 400
1,240,500Metric · tabular
Components

Glass, glow, and motion.

AI badgeData chip Status
Brand voice

Confident operator, not vendor.

Our buyer asks “how do I use AI to save time and make money?” Answer in their language.

Do

✓ Speak in outcomes: booked visits, sent proposals, signed contracts.
✓ Lead with numbers the operator already feels (close rate, CAC, days-to-quote).
✓ Be fast and plain. Short sentences. Confident, a little irreverent toward legacy tools.
✓ Frame the product as a teammate that works while they sleep, not a tool they operate.

Don't

✕ No fluffy AI hype: “revolutionize”, “synergy”, “leverage”, “empower”, “unlock”.
✕ No vague “AI-powered” claims without the concrete job it does.
✕ Don't bury the wedge — closing and follow-up — under design-tool language.
✕ No jargon walls. If a solar operator wouldn't say it on a job site, cut it.
Voice in the wild
“Your pipeline works while you sleep.”“Quote it before lunch — no truck roll.”“Credits punish you for closing. We don't.”“Stop leaking deals at follow-up.”

Motion is measured, never busy.

Scroll-reveals, 3D tilt on hover, count-up metrics, and a drifting starfield — all honor reduced-motion. Use it to guide the eye, not to decorate.

Back to the site →Book a demo →

SolarStudio brand & product — designed and built by PostBoardMedia.