11 · Gradient / Aurora
A complete Gradient / Aurora brand kit, composed by BrandMe for the fictional brand Nova — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Nova /
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
Nova is an AI assistant platform that helps teams draft, reason, and ship with a helpful copilot.
- Industry
- AI assistant platform
Art direction
flat vector · abstract mark · cool/vivid/dark
Imagery & illustration: flat vector style.
Ask BrandMe 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.
empty
1536×1024
.png
brief/brief01
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.
Nova×
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
nova.com
NovaProductPricingGet started
Welcome to Nova
The identity applied to a product surface — mark, type, and palette working as one system.
Primary actionSecondary
1200 × 630
social/og-image.png↓ PNGsocial/, on a light and a dark card.03
6 rolesColor palette
#B62BF5Nova Purple
#6D37F2Electric Violet
#2DB2F4Sky Blue
#050B1ADeep Navy
#F8F8F8White
#3D5BF5Indigo Blue
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:
#323232
Contrast audit1 text below WCAG 2.1 AA
- text on surfaceAAA18.49:1
- text on neutralfails AA2.25:1suggested fix
#323232(5.36:1) - black on primary✓ use this4.65:1
- white on primaryalternate4.51:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 18.49:1 | AAA | — |
| text on neutral | 2.25:1 | fails AA | #323232(5.36:1) |
| black on primary | 4.65:1 | ✓ use this | — |
| white on primary | 4.51: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(at 18% 45%, #B62BF5 0px, rgba(182, 43, 245, 0) 35%), radial-gradient(at 35% 30%, #6D37F2 0px, rgba(109, 55, 242, 0) 32%), radial-gradient(at 62% 55%, #2DB2F4 0px, rgba(45, 178, 244, 0) 42%), radial-gradient(at 78% 38%, #6D37F2 0px, rgba(109, 55, 242, 0) 34%), radial-gradient(at 90% 50%, #3D5BF5 0px, rgba(61, 91, 245, 0) 30%), linear-gradient(#050B1A, #050B1A)linear-gradient(135deg, #B62BF5 0%, #6D37F2 35%, #2DB2F4 62%, #6D37F2 82%, #3D5BF5 100%)04
heading + bodyTypography
heading
Space Grotesk
Google Fonts
body
Inter
Google Fonts
pairing in use
Nova — a headline in the brand face
Body copy set in Inter. 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
Nova can be warm, but teams rely on it for real work and decisions, so clarity matters more than humor.
Formal
Casual
Nova should feel like a capable teammate rather than a corporate manual, while still staying professional.
Respectful
Irreverent
Because Nova supports human judgment and team workflows, it should be consistently respectful of users, their work, and their context.
Enthusiastic
Matter-of-fact
Nova should create momentum without overhyping AI; the tone is encouraging but grounded.
Clear-headed
Explains complex work in plain language, with structure and next steps. Never hides uncertainty behind buzzwords.
“Here’s the short version: the launch plan is strong, but the onboarding emails need sharper proof points before we send.”
Capable, not boastful
Confident about what Nova can help with, honest about limits, and focused on outcomes instead of hype.
“Nova can draft a first pass, compare options, and surface gaps. You stay in control of the final call.”
Collaborative
Speaks like a thoughtful teammate: asks good questions, offers options, and keeps momentum without taking over.
“Want the concise version, the executive version, or a deeper critique? I can help shape this for the room.”
Momentum-focused
Turns ambiguity into action. Uses verbs, checkpoints, and practical guidance that help teams move from draft to decision to ship.
“Next step: pick the strongest angle, tighten the customer proof, and turn this into a launch-ready brief.”
Warmly precise
Friendly and human, but never chatty at the expense of clarity. Uses warmth to reduce friction, not to decorate the message.
“Good start. I found three places where the argument can be clearer and one claim that needs a source.”
Messaging
- Audience
- Product, marketing, operations, support, sales, and leadership teams that need to move from scattered context to clear drafts, sound decisions, and shipped work.
- Value
- Nova helps teams draft, reason, and ship faster with an AI copilot that turns context into clear, actionable work.
Pillars
From blank page to strong first pass
Nova helps teams start faster by turning prompts, notes, docs, and ideas into structured drafts they can review and improve.
Sharper thinking, not just faster writing
Nova compares options, identifies gaps, summarizes tradeoffs, and helps teams reason through decisions with more clarity.
Built for team workflows
Nova supports collaborative work across functions, helping teams reuse context, maintain consistency, and move work forward together.
Human control by design
Nova assists with the heavy lifting while keeping people responsible for judgment, approval, and final decisions.
Words we use
draftreasonshipcopilotteammateworkflowfirst passnext steptradeoffrecommendationsourcecontextreviewdecisionlaunch-readyhelp me comparetighten thisturn this intowhat changedwhere this is strongwhere this needs work
Words we avoid
magicrevolutionarygame-changingsupercharge everything10x your teamautonomous employeereplace your teamhuman-level intelligenceunleash the power of AIeffortless productivityone-click successgenius assistantAI overlordsynergyseamless end-to-end paradigmhallucination-proofguaranteed perfectobviouslysimplyjust
Voice in action
- notificationWe say: Draft, reason, and ship with a copilot built for team momentum.We don’t say: Unlock the power of AI to transform productivity across your organization.
- notificationWe say: Start with NovaWe don’t say: Get started now
- empty-stateWe say: Bring in a brief, notes, or a rough idea. Nova can help turn it into a first pass your team can review.We don’t say: No content yet. Add a document to begin using AI-powered assistance.
- empty-stateWe say: Ask Nova to compare two launch angles, tighten a draft, or find gaps in a plan.We don’t say: Try prompting the assistant to perform content optimization or strategic analysis.
- notificationWe say: Here’s a stronger structure for the brief.We don’t say: I have generated an optimized version of your business document.
- notificationWe say: The clearest path is option B. It has the strongest customer proof, but it needs a tighter rollout plan.We don’t say: Based on the analysis, option B appears to be the most optimal recommendation.
- successWe say: Draft ready. Review the claims and add any team-specific context before sharing.We don’t say: Your AI-generated draft has been successfully completed.
- errorWe say: Nova couldn’t load that document. Your work is saved—try refreshing or choose a different file.We don’t say: An error occurred while processing your request. Please try again later.
- errorWe say: You don’t have access to this workspace yet. Ask an admin to invite you, or switch to a workspace you can open.We don’t say: Access denied. Contact your administrator for additional permissions.
- notificationWe say: Limit Nova to approved sources so teammates draft from trusted company context.We don’t say: Enable source restrictions to enhance enterprise-grade governance controls.
- notificationWe say: Turn last week’s notes into this week’s planWe don’t say: Boost productivity with Nova’s AI-powered planning features
- notificationWe say: Need more room for team context? Upgrade to add shared workspaces, longer history, and admin controls.We don’t say: Upgrade now to unlock premium AI features and maximize your team’s potential.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| notification | Draft, reason, and ship with a copilot built for team momentum. | Unlock the power of AI to transform productivity across your organization. |
| notification | Start with Nova | Get started now |
| empty-state | Bring in a brief, notes, or a rough idea. Nova can help turn it into a first pass your team can review. | No content yet. Add a document to begin using AI-powered assistance. |
| empty-state | Ask Nova to compare two launch angles, tighten a draft, or find gaps in a plan. | Try prompting the assistant to perform content optimization or strategic analysis. |
| notification | Here’s a stronger structure for the brief. | I have generated an optimized version of your business document. |
| notification | The clearest path is option B. It has the strongest customer proof, but it needs a tighter rollout plan. | Based on the analysis, option B appears to be the most optimal recommendation. |
| success | Draft ready. Review the claims and add any team-specific context before sharing. | Your AI-generated draft has been successfully completed. |
| error | Nova couldn’t load that document. Your work is saved—try refreshing or choose a different file. | An error occurred while processing your request. Please try again later. |
| error | You don’t have access to this workspace yet. Ask an admin to invite you, or switch to a workspace you can open. | Access denied. Contact your administrator for additional permissions. |
| notification | Limit Nova to approved sources so teammates draft from trusted company context. | Enable source restrictions to enhance enterprise-grade governance controls. |
| notification | Turn last week’s notes into this week’s plan | Boost productivity with Nova’s AI-powered planning features |
| notification | Need more room for team context? Upgrade to add shared workspaces, longer history, and admin controls. | Upgrade now to unlock premium AI features and maximize your team’s potential. |
Start from this direction.
A luminous gradient-mesh or aurora system — iridescent blends, soft glows, and a mark that reads as energy rather than a shape. Vivid yet modern, equally at home on dark or light UI. The default for AI, SaaS, and next-gen consumer tech. Start here and refine the full system around your brief.