10 · Geometric / Tech-futurist
A complete Geometric / Tech-futurist 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 developer-infrastructure platform delivering fast, reliable build and deploy primitives.
- Industry
- developer infrastructure platform
Art direction
geometric · abstract mark · cool/vivid/dark
Imagery & illustration: geometric style.
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 simplified mark that stays clear in a tiny browser tab. Ask Brandwright to extract the favicon for a purpose-built one.
Volt×App & 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
#22D7E8Electric Cyan
#2F7CFFBright Blue
#121B2ADark Slate
#050A14Deep Navy
#F4F5F7White
#2C2D42Muted Indigo
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 surfaceAAA18.16:1
- text on neutralAAA15.83:1
- black on primary✓ use this11.95:1
- white on primaryalternate1.76:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 18.16:1 | AAA | — |
| text on neutral | 15.83:1 | AAA | — |
| black on primary | 11.95:1 | ✓ use this | — |
| white on primary | 1.76: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.
radial-gradient(ellipse at 50% 35%, #22D7E8 0%, #2F7CFF 45%, #050A14 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 sits on critical build and deploy paths, so the voice should be steady and serious, with little room for jokes.
Formal
Casual
Volt should sound developer-native and direct, using contractions and plain language without becoming chatty.
Respectful
Irreverent
The audience is technical and often under delivery pressure; Volt should respect their time, systems, and expertise.
Enthusiastic
Matter-of-fact
Volt can be confident about speed and reliability, but the strongest tone is factual and proof-led rather than excited.
Precise, not precious
Use exact technical language without dressing it up. Prefer concrete nouns, active verbs, and clear system behavior over metaphors or hype.
“Deploys start in under 2 seconds and stream logs as each step runs.”
Fast by default
Write with momentum. Keep sentences short, lead with outcomes, and remove anything that slows comprehension.
“Push code. Volt builds it, caches what it can, and ships the release.”
Calm under load
Sound steady, especially when something fails. Explain status, impact, and next steps without panic, blame, or over-apology.
“The deploy failed because the health check timed out. No traffic was shifted. Review the logs or retry the deploy.”
Builder-to-builder
Speak like an experienced engineer helping another engineer: practical, respectful, and low-ego.
“Use branch rules to decide which commits build, deploy, or wait for approval.”
Confidently minimal
Make strong claims only when they are specific and supportable. Avoid inflated language; let the product’s performance carry the message.
“Reliable builds. Predictable deploys. Primitives your team can build on.”
Messaging
- Audience
- Developers, platform engineers, DevOps teams, and engineering leaders who need faster, more reliable build and deploy infrastructure without maintaining brittle internal tooling.
- Value
- Volt gives engineering teams fast, reliable build and deploy primitives they can use to ship production software with less waiting and less operational drag.
Pillars
Fast execution
Volt reduces idle time across the software delivery path with quick starts, smart caching, incremental work, and low-latency feedback.
Reliable delivery
Builds and deploys are predictable, observable, and safe by design, with clear logs, health checks, rollbacks, and production-aware controls.
Composable primitives
Volt provides build and deploy foundations teams can assemble around their workflows instead of forcing a rigid, all-in-one release process.
Developer clarity
The platform makes state visible at every step, so teams know what ran, what changed, what failed, and what to do next.
Words we use
builddeployreleasepipelineprimitivecacheartifactenvironmentrollbacklogshealth checkpreviewbranchcommitfast by defaultreliable under loadship safelypredictable deploysproduction-readylow-latencyincrementaldeterministictraceableconnect your repoconfigure oncerun the buildpromote to production
Words we avoid
revolutionarygame-changingmagicaleffortlessblazing fastsupercharge10x your teamseamless synergycloud-native innovation platformdeploy like a ninjaoopsieuh-ohsomething went wrongjustsimplyobviouslyeasy buttonno more problemsnever failsguaranteed instant
Voice in action
- primary-ctaWe say: Start your first deployWe don’t say: Get started now
- hero-headlineWe say: Build and deploy without the waitWe don’t say: The modern platform for high-performing engineering teams
- empty-stateWe say: Connect a repository to run your first Volt build.We don’t say: You don’t have any projects yet. Create one to get started.
- successWe say: Repository connected. Volt will build new commits on this branch.We don’t say: Great! Your repository has been successfully connected.
- errorWe say: Build failed at `install_dependencies`. The package registry returned a 503. Retry the build or check registry status.We don’t say: We couldn’t complete your build. Please try again later.
- errorWe say: Deploy blocked. Production requires approval from a release owner.We don’t say: You don’t have permission to perform this action.
- successWe say: Deployed `main` to production. 3 instances are healthy.We don’t say: Success! Your app is live and ready to go.
- hero-headlineWe say: Configure branch-based deploysWe don’t say: Take control of your deployment workflow
- notificationWe say: Set `deploy_on_push` to `false` to require manual promotion.We don’t say: If you prefer, you can disable automatic deployments in your settings.
- notificationWe say: Build queues are delayed in us-east-1. Existing deploys are unaffected. Next update in 15 minutes.We don’t say: Some users may be experiencing slower than usual performance. Our team is investigating.
- hero-headlineWe say: Scale builds and deploys as your team growsWe don’t say: Flexible plans for every stage of your journey
- primary-ctaWe say: Talk to an infrastructure specialistWe don’t say: Contact sales
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| primary-cta | Start your first deploy | Get started now |
| hero-headline | Build and deploy without the wait | The modern platform for high-performing engineering teams |
| empty-state | Connect a repository to run your first Volt build. | You don’t have any projects yet. Create one to get started. |
| success | Repository connected. Volt will build new commits on this branch. | Great! Your repository has been successfully connected. |
| error | Build failed at `install_dependencies`. The package registry returned a 503. Retry the build or check registry status. | We couldn’t complete your build. Please try again later. |
| error | Deploy blocked. Production requires approval from a release owner. | You don’t have permission to perform this action. |
| success | Deployed `main` to production. 3 instances are healthy. | Success! Your app is live and ready to go. |
| hero-headline | Configure branch-based deploys | Take control of your deployment workflow |
| notification | Set `deploy_on_push` to `false` to require manual promotion. | If you prefer, you can disable automatic deployments in your settings. |
| notification | Build queues are delayed in us-east-1. Existing deploys are unaffected. Next update in 15 minutes. | Some users may be experiencing slower than usual performance. Our team is investigating. |
| hero-headline | Scale builds and deploys as your team grows | Flexible plans for every stage of your journey |
| primary-cta | Talk to an infrastructure specialist | Contact sales |
Start from this direction.
An abstract geometric mark or monogram, often with a subtle gradient, in grotesque or mono type with wide tracking and an electric accent on a restrained base. Innovative and technical — built for AI, dev tools, and deep tech. Start here and refine the full system around your brief.