01 · Minimalist / Modernist
A complete Minimalist / Modernist brand kit, composed by Brandwright for the fictional brand Quanta — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Quanta /
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
Quanta is a product-analytics platform that turns raw product usage into clear, trustworthy signals for SaaS teams.
- Industry
- product analytics platform
Art direction
flat vector · abstract mark · neutral/mono/light
Imagery & illustration: flat vector 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.
Quanta×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
quanta.com
QuantaProductPricingGet started
Welcome to Quanta
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
5 rolesColor palette
#615CF6Quanta Purple
#A2A8ADCool Gray
#F3F3F2Off White
#111820Charcoal
#A6A8F0Soft Lavender
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 surfaceAAA16.09:1
- text on neutralAAA7.44:1
- black on primaryalternate4.37:1
- white on primary✓ use this4.81:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 16.09:1 | AAA | — |
| text on neutral | 7.44:1 | AAA | — |
| black on primary | 4.37:1 | alternate | — |
| white on primary | 4.81: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.
04
heading + bodyTypography
heading
Söhne
custom / self-hosted
body
Inter
Google Fonts
pairing in use
Quanta — 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
Quanta handles decision-critical product data, so the voice stays focused and credible rather than playful.
Formal
Casual
Quanta should feel approachable to cross-functional SaaS teams, using plain language rather than stiff enterprise phrasing.
Respectful
Irreverent
The brand must respect users’ data, decisions, and uncertainty; irreverence would undermine trust.
Enthusiastic
Matter-of-fact
Quanta’s confidence comes from evidence, so it should sound useful and measured rather than exuberant.
Clear before clever
Quanta explains what the data means in plain language. It avoids wordplay, hype, and vague analytics jargon when a direct sentence would do.
“Trial users who invited a teammate were 2.4× more likely to activate.”
Evidence-led
Every claim points back to observable behavior, measured change, or a stated confidence level. Quanta sounds grounded, not speculative.
“Activation rose 8% after the checklist launch. The largest lift came from accounts with 10–50 seats.”
Calmly confident
Quanta is assured without overpromising. It gives teams a clear next step while staying honest about uncertainty.
“This cohort is too small for a reliable trend yet. Check back after 50 more users complete onboarding.”
Operator-minded
The voice connects insight to action. It speaks to product managers, analysts, founders, and GTM teams who need to prioritize, test, and ship.
“Start with the onboarding step where 37% of new admins drop off: connecting their first integration.”
Precise but human
Quanta uses specific numbers, labels, and timeframes, but keeps the sentence structure natural and readable.
“Retention is flat week over week, but expansion activity increased in accounts using dashboards daily.”
Messaging
- Audience
- Product managers, growth teams, product analysts, founders, and SaaS operators who need to understand how customers actually use their product and where to focus next.
- Value
- Quanta turns raw product usage into clear, trustworthy signals so SaaS teams can make better product decisions faster.
Pillars
Trustworthy signals
Quanta separates signal from noise with clean event data, transparent metrics, confidence cues, and clear explanations of what changed.
Faster product decisions
Teams can move from question to answer quickly: find drop-offs, compare cohorts, spot adoption patterns, and prioritize the next product bet.
Shared understanding
Quanta makes analytics readable across product, growth, customer success, and leadership, so teams align on the same evidence.
Built for SaaS behavior
The platform is shaped around SaaS realities: activation, retention, expansion, feature adoption, account-level usage, and recurring revenue motions.
Words we use
clear signalsusage dataproduct behavioractivationretentionconversiondrop-offcohortsegmentfunneltrendbaselineconfidencesignal strengthmeasuredobservedchanged bycompared withnext stepwhat changedwhere to focustrustworthy insightraw eventsSaaS teams
Words we avoid
unlock the power of your datasingle source of truthgame-changingrevolutionaryAI-powered magicdeep dive into the weedsseamless insights at your fingertipsdata-driven decisionscrush your metricsskyrocket growthinsane visibilityjust a blipobviouslysimplyunleashno-brainerguaranteedperfectly accurateall-in-one solution
Voice in action
- primary-ctaWe say: See what your users do nextWe don’t say: Unlock powerful insights from your product data
- hero-headlineWe say: Turn raw usage events into clear signals for activation, retention, and growth.We don’t say: A modern analytics platform that helps teams make smarter data-driven decisions.
- empty-stateWe say: Connect your first event source to start tracking activation and feature adoption.We don’t say: Connect your data source to begin your analytics journey.
- successWe say: Events are flowing. Quanta will start showing reliable trends once this project reaches 1,000 events.We don’t say: Success! Your workspace is ready to generate amazing insights.
- notificationWe say: Admin activation fell 12% this week. Most drop-off happened before the integration step.We don’t say: Admin activation is trending down. You may want to investigate your onboarding funnel.
- primary-ctaWe say: Compare users who skipped integrationsWe don’t say: Explore this segment
- notificationWe say: Retention changed in your SMB segment: week-4 retention is down 6% compared with the last 30 days.We don’t say: Important update: retention has decreased for one of your key customer segments.
- errorWe say: We couldn’t load this funnel. Your data is safe. Refresh the page or try again in a few minutes.We don’t say: Something went wrong while fetching the requested resource.
- empty-stateWe say: Not enough data for a reliable trend yet. This cohort has 18 users; Quanta needs at least 50.We don’t say: No meaningful insights are available for this cohort.
- onboarding-welcomeWe say: Use account-level analysis when one customer can have many active users, such as teams, workspaces, or companies.We don’t say: Account-level analysis provides a more holistic view of complex multi-user entities.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| primary-cta | See what your users do next | Unlock powerful insights from your product data |
| hero-headline | Turn raw usage events into clear signals for activation, retention, and growth. | A modern analytics platform that helps teams make smarter data-driven decisions. |
| empty-state | Connect your first event source to start tracking activation and feature adoption. | Connect your data source to begin your analytics journey. |
| success | Events are flowing. Quanta will start showing reliable trends once this project reaches 1,000 events. | Success! Your workspace is ready to generate amazing insights. |
| notification | Admin activation fell 12% this week. Most drop-off happened before the integration step. | Admin activation is trending down. You may want to investigate your onboarding funnel. |
| primary-cta | Compare users who skipped integrations | Explore this segment |
| notification | Retention changed in your SMB segment: week-4 retention is down 6% compared with the last 30 days. | Important update: retention has decreased for one of your key customer segments. |
| error | We couldn’t load this funnel. Your data is safe. Refresh the page or try again in a few minutes. | Something went wrong while fetching the requested resource. |
| empty-state | Not enough data for a reliable trend yet. This cohort has 18 users; Quanta needs at least 50. | No meaningful insights are available for this cohort. |
| onboarding-welcome | Use account-level analysis when one customer can have many active users, such as teams, workspaces, or companies. | Account-level analysis provides a more holistic view of complex multi-user entities. |
Start from this direction.
A clean geometric or wordmark with generous negative space, neutral grotesque type, and a monochrome palette lifted by a single accent. Calm, trustworthy, premium-neutral — the default for tech, fintech, and B2B. Start here and refine the full system around your brief.