12 · Chrome / Liquid Metal
A complete Chrome / Liquid Metal brand kit, composed by Brandwright for the fictional brand Mercura — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Mercura /
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
Mercura is a next-gen music & audio platform with a sleek, high-shine, premium feel.
- Industry
- next-gen music & audio platform
Art direction
3D render · abstract mark · cool/vivid/dark
Imagery & illustration: 3D render 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.
Mercura×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
mercura.com
MercuraProductPricingGet started
Welcome to Mercura
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
#236AF3Electric Blue
#E61EBBNeon Magenta
#C9C9CASilver
#030407Black
#E7E8ECChrome White
#4A168FDeep Violet
These colors are mostly easy to read — 1 to adjust.
“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. Here’s what to tweak:
- Text on neutralis a little hard to read.Try this shade instead:
#454647
Contrast audit1 text below WCAG 2.1 AA
- text on surfaceAAA16.74:1
- text on neutralfails AA1.35:1suggested fix
#454647(5.72:1) - black on primaryalternate4.43:1
- white on primary✓ use this4.74:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 16.74:1 | AAA | — |
| text on neutral | 1.35:1 | fails AA | #454647(5.72:1) |
| black on primary | 4.43:1 | alternate | — |
| white on primary | 4.74:1 | ✓ use this | — |
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.
conic-gradient(from 90deg at 50% 50%, #C9C9CA 0%, #236AF3 30%, #E61EBB 55%, #4A168F 80%, #C9C9CA 100%)04
heading + bodyTypography
heading
PP Neue Machina
custom / self-hosted
body
Geist
Google Fonts
pairing in use
Mercura — 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
Mercura can be evocative, but its premium positioning calls for restraint over humor.
Formal
Casual
The voice is polished and composed, but still modern and direct enough for a music platform.
Respectful
Irreverent
Mercura treats listeners, artists, and sound with care; it should never feel flippant about music.
Enthusiastic
Matter-of-fact
The brand carries controlled energy and desire, but avoids loud hype or excessive excitement.
Polished minimalism
Say only what earns its place. Use clean, composed language with a premium finish—no clutter, no filler, no hard sell.
“Your sound, tuned to the moment.”
Future-literate
Speak with fluency about next-gen audio, personalization, and discovery without leaning on dense tech language.
“Mercura learns the shape of your listening—then brings the next track into focus.”
Curated intensity
Bring energy through sharp verbs, vivid sonic imagery, and momentum—not hype, slang, or exclamation points.
“Press play. Let the room shift.”
Quiet authority
Guide users with calm confidence. Be direct, reassuring, and precise, especially around controls, errors, subscriptions, and audio settings.
“We saved your mix settings. They’ll follow you across devices.”
Sensory sophistication
Use language that evokes texture, space, clarity, depth, and motion—like a well-mastered track.
“Deeper bass. Cleaner vocals. More room around every note.”
Messaging
- Audience
- Design-conscious listeners, early adopters, audiophiles, creators, and culture-forward music fans who want discovery, fidelity, and control in one premium audio environment.
- Value
- Mercura turns every listening moment into a refined, adaptive audio experience—high-fidelity sound, intelligent discovery, and seamless control in one sleek platform.
Pillars
Refined discovery
Mercura reads listening patterns, context, and taste signals to surface music and audio that feels selected, not sprayed at random.
Premium sound
High-fidelity playback, precise controls, and immersive audio settings make every track feel closer, cleaner, and more dimensional.
Seamless flow
From phone to desktop to connected speakers, Mercura keeps sessions moving without friction, clutter, or repeated setup.
A platform with taste
Editorial intelligence, beautiful design, and music-literate guidance create an experience that feels curated rather than crowded.
Words we use
soundaudiolistenplaytunemixsignalflowdepthclaritytexturespacerotationsessionstudio-gradehigh-fidelitylosslessadaptivecuratedin focusmade for this momentyour sound, refinedpick up where you left offbring the next track into focus
Words we avoid
bangersvibes onlyjamzlitfire tracksOMGawesome saucerevolutionarygame-changingworld-class experiencedisrupting musiccontentusersconsumersalgorithm magicAI-powered everythingcheapfree stufflimited-time frenzyOopsieUh-oh, something went wronginvalid inputplease be advised
Voice in action
- primary-ctaWe say: Enter MercuraWe don’t say: Get started
- primary-ctaWe say: High-fidelity sound, adaptive discovery, and every session tuned to the moment.We don’t say: Stream millions of songs and podcasts with personalized recommendations.
- hero-headlineWe say: In focus for tonightWe don’t say: Recommended for you
- primary-ctaWe say: Saved to your rotation.We don’t say: Added to your library successfully.
- empty-stateWe say: Lossless is on. More detail, more depth.We don’t say: You have enabled lossless audio quality.
- empty-stateWe say: Start with one track. We’ll help shape the rest.We don’t say: This playlist is empty. Add songs to begin.
- errorWe say: Playback paused. Your connection softened—try again when the signal returns.We don’t say: Unable to play media due to network error.
- primary-ctaWe say: Unlock studio-grade listeningWe don’t say: Upgrade now to access premium features
- successWe say: You’re set. Mercura Premium renews on May 12.We don’t say: Your payment was successful and your subscription is active.
- notificationWe say: A sharper mix for your late-night rotation is ready.We don’t say: New recommendations are available for you.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| primary-cta | Enter Mercura | Get started |
| primary-cta | High-fidelity sound, adaptive discovery, and every session tuned to the moment. | Stream millions of songs and podcasts with personalized recommendations. |
| hero-headline | In focus for tonight | Recommended for you |
| primary-cta | Saved to your rotation. | Added to your library successfully. |
| empty-state | Lossless is on. More detail, more depth. | You have enabled lossless audio quality. |
| empty-state | Start with one track. We’ll help shape the rest. | This playlist is empty. Add songs to begin. |
| error | Playback paused. Your connection softened—try again when the signal returns. | Unable to play media due to network error. |
| primary-cta | Unlock studio-grade listening | Upgrade now to access premium features |
| success | You’re set. Mercura Premium renews on May 12. | Your payment was successful and your subscription is active. |
| notification | A sharper mix for your late-night rotation is ready. | New recommendations are available for you. |
Start from this direction.
A polished chrome or liquid-metal mark — mirror highlights, mercury blobs, and iridescent edge-glints — with a sleek wordmark. Reads as physical, premium, and cutting-edge on screen. The headline 2026 look for fashion-tech, music, and Web3. Start here and refine the full system around your brief.