15 · Dimensional / Soft-3D
A complete Dimensional / Soft-3D brand kit, composed by Brandwright for the fictional brand Bundl — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Bundl /
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
Bundl is a modern money & fintech app that bundles spending, saving, and goals into one glossy place.
- Industry
- modern money & fintech app
Art direction
3D render · abstract mark · neutral/vivid/light
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.
Bundl×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
bundl.com
BundlProductPricingGet started
Welcome to Bundl
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
#7B2FF2Vivid Purple
#EF3B9AHot Pink
#FF8A1AOrange
#E9E6F8Pale Lavender
#050A3DDeep Navy
#2E5BFFElectric Blue
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 surfaceAAA15.34:1
- text on neutralAAA7.97:1
- black on primaryalternate3.53:1
- white on primary✓ use this5.95:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 15.34:1 | AAA | — |
| text on neutral | 7.97:1 | AAA | — |
| black on primary | 3.53:1 | alternate | — |
| white on primary | 5.95: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.
radial-gradient(at 20% 30%, #7B2FF2 0px, rgba(123, 47, 242, 0) 55%), radial-gradient(at 78% 25%, #EF3B9A 0px, rgba(239, 59, 154, 0) 50%), radial-gradient(at 50% 80%, #2E5BFF 0px, rgba(46, 91, 255, 0) 60%), radial-gradient(at 85% 75%, #FF8A1A 0px, rgba(255, 138, 26, 0) 45%), linear-gradient(#E9E6F8, #E9E6F8)04
heading + bodyTypography
heading
Recoleta
custom / self-hosted
body
Inter
Google Fonts
pairing in use
Bundl — 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
Bundl can be lightly witty, but money requires trust; clarity and composure matter more than jokes.
Formal
Casual
Bundl should sound conversational and app-native, while staying polished enough for financial decisions.
Respectful
Irreverent
The brand should respect users’ money choices and avoid snark, shame, or overly cheeky fintech tropes.
Enthusiastic
Matter-of-fact
Bundl should make progress feel good, but keep enthusiasm controlled so it never feels hypey or unserious.
Glossy-clear
Polished, modern, and easy to understand. Bundl should feel sleek without sounding vague or overdesigned.
“Your spending, saving, and goals are now neatly bundled.”
Calmly confident
Reassuring and capable, especially around money. No panic, no hype, no scolding.
“You’re on track. Keep adding a little each week and your trip fund will be ready by June.”
Smartly encouraging
Motivating without being cheesy. Celebrate progress, not perfection.
“Nice move — $25 just went straight to your Rainy Day goal.”
Human, not bank-ish
Conversational and direct, with plain language instead of institutional finance jargon.
“We couldn’t connect your card yet. Check your bank login and try again.”
Organized energy
Feels active, tidy, and forward-moving. Bundl helps users see where their money is going and what it’s building toward.
“One view. Three bundles: Spend, Save, and Goals.”
Messaging
- Audience
- Digitally comfortable adults who want a cleaner way to manage everyday money — people juggling spending, saving, bills, and personal goals without wanting a spreadsheet or a traditional bank dashboard.
- Value
- Bundl brings spending, saving, and goals together in one glossy money app, so users can see, move, and build their money with less clutter.
Pillars
Everything money, neatly bundled
Unify spending, saving, and goals in one clear view instead of bouncing between accounts, notes, and mental math.
Progress you can actually see
Turn vague intentions into visible goal funds, milestones, and next steps that make saving feel doable.
Everyday control without the spreadsheet
Give users a polished, practical way to understand cash flow and make money moves without complicated tools.
Modern feel, trusted foundation
Pair a sleek app experience with calm, transparent language around linking accounts, moving money, and protecting personal information.
Words we use
bundlemoney, neatly organizedspendingsavinggoalsgoal fundon trackset asidemove moneycash flowprogressplansnapshotone placetidyconnectedready when you arenext stepyour money, your viewbuilt toward
Words we avoid
disruptrevolutionize your financesfinancial freedom overnightcrushing debtadultingboss upYOLOgrindsetfrictionlessseamless experiencerobust solutionleverage your assetsutilizefunds have been remittedtransactional instrumentsyou failedoopsieuh-oh, looks like you messed upjust link everythingguaranteed returns
Voice in action
- primary-ctaWe say: Bundle your moneyWe don’t say: Get started with financial management
- onboarding-welcomeWe say: Spending, saving, and goals — all in one clean view.We don’t say: Manage all aspects of your personal finances in one convenient dashboard.
- onboarding-welcomeWe say: Connect your bank to bring your money into view.We don’t say: Link an external financial institution to enable account aggregation.
- successWe say: $50 moved to Weekend Away. That goal’s getting closer.We don’t say: Your transfer has been successfully completed.
- notificationWe say: Halfway there: your New Laptop fund just hit 50%.We don’t say: You have reached 50% completion on your savings objective.
- notificationWe say: Heads up: your Spend bundle is running low before Friday.We don’t say: Warning: insufficient funds may impact your upcoming transactions.
- errorWe say: We couldn’t connect that card yet. Check your details and try again.We don’t say: Card linkage failed due to invalid user credentials.
- empty-stateWe say: Your login details are encrypted and never stored by Bundl.We don’t say: Bundl utilizes industry-standard protocols to safeguard sensitive credential data.
- empty-stateWe say: Start a goal fund for anything worth building toward.We don’t say: No savings goals have been created at this time.
- successWe say: June, bundled: you saved $320 and kept dining out under plan.We don’t say: Your monthly financial summary is now available for review.
- primary-ctaWe say: One glossy place for the money you spend, save, and grow toward.We don’t say: A comprehensive fintech platform for modern personal finance optimization.
- notificationWe say: Your Trip fund is a little behind. Add $18 this week to get back on track.We don’t say: You are not meeting the required contribution schedule for this goal.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| primary-cta | Bundle your money | Get started with financial management |
| onboarding-welcome | Spending, saving, and goals — all in one clean view. | Manage all aspects of your personal finances in one convenient dashboard. |
| onboarding-welcome | Connect your bank to bring your money into view. | Link an external financial institution to enable account aggregation. |
| success | $50 moved to Weekend Away. That goal’s getting closer. | Your transfer has been successfully completed. |
| notification | Halfway there: your New Laptop fund just hit 50%. | You have reached 50% completion on your savings objective. |
| notification | Heads up: your Spend bundle is running low before Friday. | Warning: insufficient funds may impact your upcoming transactions. |
| error | We couldn’t connect that card yet. Check your details and try again. | Card linkage failed due to invalid user credentials. |
| empty-state | Your login details are encrypted and never stored by Bundl. | Bundl utilizes industry-standard protocols to safeguard sensitive credential data. |
| empty-state | Start a goal fund for anything worth building toward. | No savings goals have been created at this time. |
| success | June, bundled: you saved $320 and kept dining out under plan. | Your monthly financial summary is now available for review. |
| primary-cta | One glossy place for the money you spend, save, and grow toward. | A comprehensive fintech platform for modern personal finance optimization. |
| notification | Your Trip fund is a little behind. Add $18 this week to get back on track. | You are not meeting the required contribution schedule for this goal. |
Start from this direction.
Soft, glossy 3D objects with gentle shadow and real depth — rounded forms, tactile highlights, a mark you could almost pick up. The “Flat 2.0” return of dimension, at home as an app icon or in AR. For fintech, SaaS, and playful-but-premium products. Start here and refine the full system around your brief.