13 · Cyber / Neon HUD
A complete Cyber / Neon HUD brand kit, composed by Brandwright for the fictional brand Cypher — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Cypher /
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
Cypher is a cybersecurity & infrastructure platform protecting modern systems with dark, electric precision.
- Industry
- cybersecurity & 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 purpose-built mark distilled from your logo marks to stay clear in a tiny browser tab.
Cypher×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
cypher.com
CypherProductPricingGet started
Welcome to Cypher
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
#0DD6DCCyber Cyan
#246BFFElectric Blue
#1A202BCharcoal
#081226Deep Navy
#F5F7FAWhite
#5B22E8Violet
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.40:1
- text on neutralAAA15.22:1
- black on primary✓ use this11.67:1
- white on primaryalternate1.80:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 17.40:1 | AAA | — |
| text on neutral | 15.22:1 | AAA | — |
| black on primary | 11.67:1 | ✓ use this | — |
| white on primary | 1.80: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, #0DD6DC 0%, #246BFF 50%, #5B22E8 100%)04
heading + bodyTypography
heading
PP Neue Machina
custom / self-hosted
body
Geist
Google Fonts
pairing in use
Cypher — 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
Cypher protects critical infrastructure, so the voice should project gravity, focus, and readiness—not humor.
Formal
Casual
The brand should feel professional and technically credible, while still using direct, modern language operators can move through quickly.
Respectful
Irreverent
Cypher can sound sharp and distinctive, but it should respect the stakes, the user’s expertise, and the seriousness of security work.
Enthusiastic
Matter-of-fact
The voice carries controlled energy, but product and security communications should favor evidence, status, and action over excitement.
Dark precision
Write with controlled intensity: sharp verbs, clean nouns, and no wasted motion. The voice should feel engineered, not decorated.
“Detect exposed paths. Seal weak edges. Keep every workload under watch.”
Calm under attack
Sound steady in high-risk moments. Acknowledge urgency without panic, hype, or fearmongering.
“Critical drift detected in production. Three affected services. Remediation path ready.”
Operator-native
Speak to builders, defenders, and infrastructure owners in their language: assets, controls, runtime, identity, policy, telemetry, blast radius, uptime.
“Map identity, network, and workload exposure in one control plane—before misconfigurations become attack paths.”
Electric clarity
Use vivid, high-energy phrasing when it sharpens the message, but keep the meaning immediately clear.
“Live telemetry cuts through the dark: every asset, every route, every risk.”
Trust without theater
Make strong claims with evidence, restraint, and specificity. Avoid heroic posturing, scare tactics, or vague promises.
“Prioritize exploitable risk by asset criticality, exposure, and active control coverage.”
Messaging
- Audience
- Security leaders, platform engineering teams, cloud infrastructure owners, DevSecOps teams, and incident responders responsible for protecting distributed, cloud-native, hybrid, and mission-critical systems.
- Value
- Cypher protects modern infrastructure with live visibility, precise risk control, and fast remediation across identities, workloads, networks, and runtime environments.
Pillars
See the live system
Unify telemetry across assets, identities, workloads, policies, and network paths so teams understand what is running, exposed, and changing right now.
Prioritize exploitable risk
Cut through alert noise by ranking risk based on exposure, asset criticality, active controls, and real attack paths—not flat severity scores alone.
Control with precision
Enforce policy, contain drift, and close weak edges without slowing the teams that ship and operate infrastructure.
Respond without hesitation
Give operators clear remediation paths, blast-radius context, and verification loops so they can move from detection to containment fast.
Words we use
protect modern systemscontrol planeexposureattack pathblast radiusruntimetelemetryidentityworkloadpolicydriftsignalsurfaceassetedgeremediationcontainhardenverifymapmonitorenforcedark precisionelectric claritylive riskcritical systemsinfrastructure truthreduce noiseclose the gapseal the path
Words we avoid
next-gencutting-edgemilitary-gradehack-proofbulletproofunbreakableset it and forget itsingle pane of glassgame changerpeace of mindcyber ninjascyber warriorsAI magiczero riskguaranteed protectionworld-class solutionseamless and easyrobustleverage synergiesempower your journeysleep better at nightbad guysscary hackersfortressimpenetrable shield
Voice in action
- not-foundWe say: Protect modern systems with dark, electric precision.We don’t say: A next-generation cybersecurity platform for today’s digital enterprises.
- not-foundWe say: Map your exposureWe don’t say: Get started today
- not-foundWe say: Critical exposure detected: public route to production identity provider.We don’t say: Urgent security issue found in your environment.
- not-foundWe say: View attack pathWe don’t say: Learn more
- not-foundWe say: Connect your cloud accounts. Cypher will map assets, identities, and exposed paths without changing production state.We don’t say: Connect your cloud accounts to unlock powerful security insights across your environment.
- not-foundWe say: No exposed attack paths found. Cypher is still monitoring drift across connected assets.We don’t say: You’re all good! No issues to show right now.
- not-foundWe say: Policy enforced. New public ingress will be blocked across 14 production workloads.We don’t say: Success! Your policy has been created.
- not-foundWe say: AWS scan failed. Cypher couldn’t assume the configured role. Verify the trust policy and run the scan again.We don’t say: Something went wrong while scanning AWS. Please try again later.
- not-foundWe say: Use this guide to deploy the Cypher sensor, verify telemetry, and confirm that workload metadata is reaching the control plane.We don’t say: This guide will help you get up and running with our powerful sensor technology.
- not-foundWe say: Cypher identified 23 internet-exposed assets tied to critical services. Twelve have active compensating controls; five require remediation within 24 hours.We don’t say: Cypher found several important risks that your team should review soon.
- not-foundWe say: Containment in progress. Public access is blocked on the affected subnet; identity rotation remains open for two service accounts.We don’t say: We’re working hard to contain the issue and will keep you posted.
- not-foundWe say: Your cloud estate changes faster than quarterly reviews can track. Cypher gives teams a live map of exposure, control coverage, and exploitable paths.We don’t say: In today’s fast-moving threat landscape, organizations need a robust cybersecurity solution.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| not-found | Protect modern systems with dark, electric precision. | A next-generation cybersecurity platform for today’s digital enterprises. |
| not-found | Map your exposure | Get started today |
| not-found | Critical exposure detected: public route to production identity provider. | Urgent security issue found in your environment. |
| not-found | View attack path | Learn more |
| not-found | Connect your cloud accounts. Cypher will map assets, identities, and exposed paths without changing production state. | Connect your cloud accounts to unlock powerful security insights across your environment. |
| not-found | No exposed attack paths found. Cypher is still monitoring drift across connected assets. | You’re all good! No issues to show right now. |
| not-found | Policy enforced. New public ingress will be blocked across 14 production workloads. | Success! Your policy has been created. |
| not-found | AWS scan failed. Cypher couldn’t assume the configured role. Verify the trust policy and run the scan again. | Something went wrong while scanning AWS. Please try again later. |
| not-found | Use this guide to deploy the Cypher sensor, verify telemetry, and confirm that workload metadata is reaching the control plane. | This guide will help you get up and running with our powerful sensor technology. |
| not-found | Cypher identified 23 internet-exposed assets tied to critical services. Twelve have active compensating controls; five require remediation within 24 hours. | Cypher found several important risks that your team should review soon. |
| not-found | Containment in progress. Public access is blocked on the affected subnet; identity rotation remains open for two service accounts. | We’re working hard to contain the issue and will keep you posted. |
| not-found | Your cloud estate changes faster than quarterly reviews can track. Cypher gives teams a live map of exposure, control coverage, and exploitable paths. | In today’s fast-moving threat landscape, organizations need a robust cybersecurity solution. |
Start from this direction.
A dark-mode-native system — near-black grounds, high-voltage neon, mono or terminal type, and HUD-style framing with glowing strokes. Built to feel alive on a screen in the dark. For gaming, crypto, cybersecurity, and AI infrastructure. Start here and refine the full system around your brief.