14 · Neon Surge
A complete Neon Surge brand kit, composed by Brandwright for the fictional brand Volt — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Volt /
The generative core: brief, logo family, palette, typography. Click any filled asset to see all versions.
⚠️ AI-generated — review and refine before shipping. The marks are extracted to SVG/PNG by an AI pipeline, so small imperfections (a stray tone, a slightly-off path, an occasional mis-cropped detail) are possible. Anything off is editable, or just ask the agent to re-generate it.
Strategy
Volt is a real-time data and live-ops platform with a loud, neon-charged identity built to glow on a screen in the dark.
- Industry
- real-time data & live-ops platform
Art direction
geometric · abstract mark · cool/vivid/dark
Imagery & illustration: geometric style.
EXTREME glowing neon on pure black — electric cyan, hot magenta, and ultraviolet purple with heavy bloom/light-glow; a glowing perspective grid and scanlines; an angular abstract mark that looks LIT FROM WITHIN (neon-tube glow). Maximum saturation, synthwave/cyberpunk energy — louder and glowier than a standard cyber-HUD.
Ask Brandwright to set an audience and a mission to round out the strategy.
Cohesion4/4
Does the identity read as one system? A structural check across voice, art direction, and the mark set.
- met:
Unified personality
one personality drives both voice and visuals
- met:
Art direction set
medium + mark type fixed for the whole brand
- met:
Complete mark system
5/5 logo marks extracted from one brief
- met:
Type pairing set
heading + body chosen as a pair
00
the locked source every asset comes fromLocked brief
The single 16:9 composed source image. Every logo, color, and typeface below is extracted from it — change the brief and the whole kit follows.
1536×1024
.png
versions
brief.png01
5 marks · SVG master + PNG rasterLogo family
bg
mark
1024²
.svg + .png
versions
logos/primary
1024²
.svg + .png
versions
logos/secondary
1024²
.svg + .png
versions
logos/letter-mark
1024²
composed.png
options
logos/app-icon
2048×512
.svg
versions
logos/wordmark◧
every size a browser or OS asks for — and what each is forFavicons & app icons
Browser tab
A purpose-built mark distilled from your logo marks to stay clear in a tiny browser tab.
Volt×1024²
.png
versions
favicons/faviconApp & home screencomposed
The app-icon tile, sized for iOS, Android & PWA installs.
the maskable icon keeps a safe zone, so any mask (circle/squircle) can’t clip the mark
★
the identity applied — product UI + social cardBrand in use
theme
volt.com
VoltProductPricingGet started
Welcome to Volt
The identity applied to a product surface — mark, type, and palette working as one system.
Primary actionSecondary
1200 × 630
social/og-image.pngsocial/ as the brand lockup on the surface color.03
6 rolesColor palette
#FF19D8Neon Magenta
#17D8F3Electric Cyan
#2519E8Electric Blue
#020204Black
#F7E8FFGlow White
#A512F0Neon Violet
These colors are easy to read.
“Contrast” is how clearly text stands out from the color behind it. When it’s too low, text gets hard to read — especially for people with weaker eyesight or on a bright screen. Every text-and-background combination here has plenty of it.
Contrast auditall pass WCAG 2.1 AA
- text on surfaceAAA17.71:1
- text on neutralAAA7.53:1
- black on primary✓ use this6.38:1
- white on primaryalternate3.29:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 17.71:1 | AAA | — |
| text on neutral | 7.53:1 | AAA | — |
| black on primary | 6.38:1 | ✓ use this | — |
| white on primary | 3.29:1 | alternate | — |
This kit targets WCAG 2.1 AA: every key text/background pairing above is validated and any failure is flagged with a suggested fix. Floor 4.5:1 normal text, 3:1 large. Color is never the only signal.
linear-gradient(120deg, #FF19D8 0%, #17D8F3 100%)04
heading + bodyTypography
heading
PP Neue Machina
custom / self-hosted
body
Geist
Google Fonts
pairing in use
Volt — a headline in the brand face
Body copy set in Geist. Tuned for legibility at length — the quick brown fox jumps over the lazy dog. 0123456789.
Heading carries the brand’s personality; body is chosen for legibility at small sizes and long form.
05
your palette applied — light & darkTheme
your palette as a light & dark UI theme
Aa — headline
Body copy on the light surface. Muted secondary text.
PrimaryAccentNeutral
Aa — headline
Body copy on the dark surface. Muted secondary text.
PrimaryAccentNeutral
The dark set is derived from your palette and ships ready to use in the kit. For developers: color.dark.* in tokens.json, and @media (prefers-color-scheme: dark) in globals.css.
07
Voice Guide · bundled into the kit zipVoice
Personality
Funny
Serious
Volt can be punchy and memorable, but real-time operations and incidents require a mostly serious, high-trust voice.
Formal
Casual
The brand should feel modern and direct, with contractions and sharp verbs, not enterprise-stiff.
Respectful
Irreverent
Volt can carry edge through visuals and rhythm, but it should respect the pressure operators are under and avoid snark.
Enthusiastic
Matter-of-fact
The brand is energized by speed, signal, and neon identity, while still grounding claims in concrete operational outcomes.
Neon-clear
Bright, sharp, and easy to scan. Volt sounds vivid without burying the point in cyberpunk fog.
“Live metrics, lit up the second they move.”
Operationally charged
Energetic, active, and verb-driven. The voice feels like a system in motion: streaming, triggering, syncing, routing, resolving.
“Route the signal. Trigger the playbook. Keep the moment alive.”
Command-center confident
Direct, composed, and decisive. Volt speaks like it belongs in the room when the feed spikes, the launch starts, or the incident hits.
“Anomaly detected. Workflow armed. Your team has the next move.”
Screen-native punch
Short lines, strong nouns, high-contrast phrases, and memorable interface-ready copy. Built for dashboards, launch screens, alerts, and dark-mode UI.
“Every live signal. One electric view.”
Human in the loop
Tech-forward, but never cold. Volt keeps the people running live operations at the center of the story.
“Give every operator the context to move before the moment slips.”
Messaging
- Audience
- Live-ops leaders, data platform teams, product operations, game/live-service operators, SRE-adjacent teams, and engineering organizations that need to detect, understand, and act on real-time events as they happen.
- Value
- Volt turns live data into instant operational action, giving teams the signal, context, and workflows to respond while the moment is still moving.
Pillars
Real-time signal
Unify live event streams, metrics, and operational data so teams see what is happening the second it changes.
Action-ready context
Surface the why, where, and who behind a spike, drop, anomaly, or launch event so operators can move without hunting across tools.
Live-ops orchestration
Trigger workflows, route incidents, and coordinate playbooks from the same place teams monitor the pulse.
Built for the dark room
A high-contrast, screen-native experience made for command centers, launch nights, and always-on teams that live inside dashboards.
Words we use
live signalreal-timestreampulsesynctriggerrouteworkflowplaybookcommand centersignal layerevent streamlive opsinstant contextlatencyanomalythresholdwatchlistincidentresponselaunch windowoperatorglowchargelit upalways-onin motionbefore the moment slips
Words we avoid
revolutionarygame-changingdisruptiveseamless experiencesingle pane of glasssynergyleverageutilizerobust solutionnext-gen platformAI-powered everythingmission-critical ecosystemdelightful journeycrushing itoopsieuh-ohwhoopsiecyber vibeshack the mainframeradical transparencydata magicset it and forget it
Voice in action
- not-foundWe say: Run live ops at the speed of the signal.We don’t say: A modern platform for real-time data operations.
- not-foundWe say: Volt unifies streaming data, operational context, and response workflows so your team can move the second something changes.We don’t say: Volt helps teams collect, analyze, and act on data in one easy-to-use interface.
- not-foundWe say: No live signals yet. Connect a stream to light up this view.We don’t say: No data available. Please add a data source to get started.
- not-foundWe say: Traffic spike detected in EU-West. Checkout latency is up 38% over threshold. Open the incident view.We don’t say: We noticed unusual activity in one of your regions. Click here to learn more.
- not-foundWe say: Stream connection dropped. Your last 4 minutes are queued locally. Reconnect to sync the backlog.We don’t say: Something went wrong while connecting to your stream. Try again later.
- not-foundWe say: Playbook armed. New anomalies will route to #launch-ops.We don’t say: Your automation has been successfully configured.
- not-foundWe say: Map your first event stream. We’ll use it to power live views, alerts, and workflows.We don’t say: Configure your initial data source to enable platform functionality.
- not-foundWe say: Use webhooks to push live events into Volt as they happen. This guide covers authentication, payload shape, retries, and error handling.We don’t say: This document provides a comprehensive overview of how to integrate external systems with the Volt platform via webhook-based ingestion.
- not-foundWe say: Scale from your first live stream to a full command center.We don’t say: Flexible pricing for organizations of all sizes.
- not-foundWe say: Incident resolved. Latency is back under threshold and all queued workflows are complete.We don’t say: This incident has been closed successfully.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| not-found | Run live ops at the speed of the signal. | A modern platform for real-time data operations. |
| not-found | Volt unifies streaming data, operational context, and response workflows so your team can move the second something changes. | Volt helps teams collect, analyze, and act on data in one easy-to-use interface. |
| not-found | No live signals yet. Connect a stream to light up this view. | No data available. Please add a data source to get started. |
| not-found | Traffic spike detected in EU-West. Checkout latency is up 38% over threshold. Open the incident view. | We noticed unusual activity in one of your regions. Click here to learn more. |
| not-found | Stream connection dropped. Your last 4 minutes are queued locally. Reconnect to sync the backlog. | Something went wrong while connecting to your stream. Try again later. |
| not-found | Playbook armed. New anomalies will route to #launch-ops. | Your automation has been successfully configured. |
| not-found | Map your first event stream. We’ll use it to power live views, alerts, and workflows. | Configure your initial data source to enable platform functionality. |
| not-found | Use webhooks to push live events into Volt as they happen. This guide covers authentication, payload shape, retries, and error handling. | This document provides a comprehensive overview of how to integrate external systems with the Volt platform via webhook-based ingestion. |
| not-found | Scale from your first live stream to a full command center. | Flexible pricing for organizations of all sizes. |
| not-found | Incident resolved. Latency is back under threshold and all queued workflows are complete. | This incident has been closed successfully. |
Start from this direction.
The loudest end of neon — pure black grounds lit by glowing electric cyan, hot magenta, and ultraviolet, with bloom, glowing grids, and scanlines so the mark looks lit from within. The extreme cousin of Cyber / Neon HUD. For live-ops, web3, streaming, and nightlife. Start here and refine the full system around your brief.