Brand system · v1 · October 2026

The EV Studio App look.

One identity across the website, the desktop apps, the games and every pitch deck. Night-navy canvas, an electric-blue to sunset-orange "EV ring", light confident type and rounded glass panels.

Every token on this page lives in brand.css. Reuse it; do not re-invent it.

01 · Logo

The EV ring mark.

The primary mark is the round badge: a chrome-blue E and sunset-orange V with an orange orbit swoosh, the spaced STUDIO APP wordmark beneath, inside a ring that fades blue on the left to orange on the right. Product icons in the family (EV Animation, EV PDF Studio) reuse the same ring, letterforms and swoosh and only change the lower word.

Primary badge on night navy

Badge on light surfaces (keep the glow)

EV STUDIOAPPHorizontal lockup for headers and footers

Favicon / app tile at 64 px

Do

Keep the badge round with clear space of at least a quarter of its width.
Let it glow: a soft blue-left, orange-right halo is part of the mark.
Use the horizontal lockup when height is limited.
Hero placement: the badge turns like a globe, one turn every 12 seconds. The front is EV Studio App and the back reads ENDLESS VISION.

Don't

Don't recolour the E or V, flatten the ring to one colour, or add drop shadows in other hues.
Don't stretch, rotate or crop the ring.
Don't set the wordmark in another typeface.

02 · Colour

Night, blue, sunset.

Navy carries 80% of any screen. Electric blue is the primary action colour. Orange is the accent for energy, games and highlights. The two meet in the signature gradient, which is used sparingly: one hero word, the primary button, the ring border.

Canvas

Night#050A16 · page background

Deep#0A1226 · section band

Panel#0F1A33 · cards

Panel 2#15223F · raised card

Brand

EV Blue#1F8FFF · primary

Sky#5CC8FF · links, highlights

Blue Deep#0B5FD6 · pressed

EV Orange#FF9A1F · accent

Amber#FFC24A · accent light

Ember#FF6A1F · accent deep

EV Ringsky → blue → orange → amber

Text

Ink#EEF4FF · headings

Ink Soft#C6D2EC · body

Muted#8E9DBF · captions

Live#48DC8C · status only

03 · Typography

Sora for headlines. DM Sans for everything else.

Sora (700–800) gives the geometric, slightly futuristic headline voice that matches the logo. DM Sans (400–600) keeps body copy warm and readable. Eyebrow labels are Sora 600, uppercase, letter-spaced 0.22em. Headlines are sentence case with one gradient phrase at most.

Display · Sora 800 · 72/1.05

Ideas, built into apps you can open.

H2 · Sora 700 · 48/1.1

The product line.

H3 · Sora 600 · 20/1.2

EV Voiceforge

Eyebrow · Sora 600 · 11.5 · 0.22emBuilt by EV Studio App

Body · DM Sans 400 · 16/1.6

A recording desk with 26 voice presets, from natural and broadcast to robot and gritty.

Caption · DM Sans 400 · 13.5 · muted

Opens an email draft for you to review and send.

04 · Components

Glass panels, pill buttons, ring borders.

Buttons

Primary ↗Blue Ghost

Pill shape, Sora 600. One gradient primary per view.

Badges

LiveWindowsPreviewUnreal Engine 5

Blue = platform, orange = release state, green = live/playable.

Ring panel

A 1 px gradient border for the single most important card on a screen. Never more than one per section.

Voice

Product card

88 px dark tile, 22 px radius, icon at 72 px. Category in orange eyebrow, platform badges below.

Windows

Numbered step

Gradient number, short title, one-line body.

Spacing & shape

Radius 20 px (cards), 12 px (inputs), pill (buttons). Section padding 84 px desktop, 56 px mobile. Content width 1180 px.

Tokens

--ev-night:#050a16;  --ev-deep:#0a1226;  --ev-panel:#0f1a33;
--ev-blue:#1f8fff;   --ev-sky:#5cc8ff;   --ev-orange:#ff9a1f;  --ev-amber:#ffc24a;
--ev-ink:#eef4ff;    --ev-ink-soft:#c6d2ec;  --ev-muted:#8e9dbf;
--ev-ring:linear-gradient(135deg,#5cc8ff 0%,#1f8fff 38%,#ff9a1f 72%,#ffc24a 100%);
--ev-font-display:"Sora";  --ev-font-body:"DM Sans";  --ev-radius:20px;

05 · Voice & product family

Confident, plain, specific.

How we write

Short sentences. Say what the product does, not what it "empowers".
British English. Sentence case headlines. One gradient phrase per headline.
Be honest about state: "Preview", "In development", "Request a build" rather than implying a store release.
No prices on the website. Every project is quoted individually.

The family

Creative tools: EV Studio, EV Voiceforge, EV Clipcraft, EV PDF Studio. Prefix "EV", badge-style icons.
Games: PLOT Survival, Survival Trails, Wildwake, London Divided, Endless Bubbles, The Forgotten Isle. Own art, framed by the orange accent on the site.
Care & business: Lucerne House Digital Care, EV Studio App Hub, client builds. Blue-led, calm.

Assets: logo 640 px · logo 160 px · favicon 64 px · product icons in /assets/products/ · tokens in /brand.css.