21 · Stained-Glass Abstraction
A complete Stained-Glass Abstraction brand kit, composed by Brandwright for the fictional brand Lumen — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Lumen /
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
Lumen is an arts & culture festival celebrating light, color, and contemporary craft.
- Industry
- arts & culture festival
Art direction
flat vector · abstract mark · neutral/vivid/dark
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.
Lumen×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
lumen.com
LumenProductPricingGet started
Welcome to Lumen
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
#0B2D9BLumen Blue
#FFA20EAmber
#008C7CTeal
#03070BNear Black
#FFFFFFWhite
#6B1EAAPurple
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:
#000000
Contrast audit1 text below WCAG 2.1 AA
- text on surfaceAAA20.21:1
- text on neutralfails AA4.16:1suggested fix
#000000(5.04:1) - black on primaryalternate1.86:1
- white on primary✓ use this11.27:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 20.21:1 | AAA | — |
| text on neutral | 4.16:1 | fails AA | #000000(5.04:1) |
| black on primary | 1.86:1 | alternate | — |
| white on primary | 11.27: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%, #0B2D9B 0%, #FFA20E 25%, #6B1EAA 50%, #008C7C 75%, #0B2D9B 100%)04
heading + bodyTypography
heading
Playfair Display
Google Fonts
body
Inter
Google Fonts
pairing in use
Lumen — 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
Lumen should feel artful and contemplative rather than joke-led, though never stiff.
Formal
Casual
The festival needs to be accessible and welcoming, with plain language that invites wandering and participation.
Respectful
Irreverent
The voice respects artists, materials, access needs, and public space, while staying fresh and contemporary.
Enthusiastic
Matter-of-fact
Lumen should create anticipation and wonder, but practical festival information must stay clear and grounded.
Luminous
Uses sensory, light-filled language without becoming vague or over-written.
“Step into a city of glow: installations, hand-built forms, and color that shifts after dark.”
Craft-aware
Speaks with respect for artists, makers, materials, process, and contemporary practice.
“Meet the makers shaping glass, fiber, paper, metal, and light into work that changes how we see.”
Inviting
Welcomes curious first-timers and culture regulars alike with clear, warm language.
“Come for one installation or stay for the evening. There’s light to follow at every pace.”
Contemporary
Feels current, clean, and culturally alert, avoiding dusty arts-institution phrasing.
“New work, old techniques, unexpected materials—brought together after dark.”
Wonder with clarity
Balances poetic atmosphere with practical information people can act on.
“The lantern walk begins at 7:30pm at North Gate. Arrive 10 minutes early and follow the blue light markers.”
Messaging
- Audience
- Culturally curious adults, families, students, makers, design lovers, local residents, and visitors looking for an atmospheric arts experience that feels welcoming rather than formal.
- Value
- Lumen brings artists, makers, and audiences together after dark to experience light, color, and contemporary craft in vivid, hands-on, memorable ways.
Pillars
Light as experience
The festival uses light and color as materials people can move through, gather around, and remember.
Craft in the present tense
Lumen shows craft as contemporary, experimental, and alive—rooted in skill while open to new technologies, forms, and ideas.
Open discovery
The festival is easy to enter at any level, from casual wandering to deeper artist talks, workshops, and guided routes.
Made together
Lumen connects artists, local communities, venues, volunteers, and audiences through shared public culture.
Words we use
lightglowcolorcraftmakermaterialhand-builtilluminatedafter darkinstallationcontemporary craftworkshopstudioprocesstexturereflectionshadowradiancefollow the lightsee differentlymade by handguided walkfestival routenight gardencolor field
Words we avoid
artsyhighbrowexclusiveelitecutting-edge experienceimmersive spectacleInstagrammablebest-in-classworld-classmust-seedisruptivesynergyactivate the spacevisual feastfamily fun for allcrazyinsanelit
Voice in action
- hero-headlineWe say: Follow the light into contemporary craft.We don’t say: Experience an unforgettable arts festival featuring light-based installations and creative programming.
- hero-headlineWe say: For three nights, artists and makers fill the city with color, shadow, texture, and glow.We don’t say: Join us for three nights of exhibitions, activations, and cultural experiences throughout the city.
- notificationWe say: Glass in Motion pairs kiln-formed glass with shifting projection. Drop in anytime between 6–9pm; the artist will speak at 7:15pm.We don’t say: Glass in Motion is an exciting multimedia installation. Visitors are welcome to attend during opening hours.
- onboarding-welcomeWe say: Choose your night and follow the glow.We don’t say: Purchase tickets now to secure your place at Lumen.
- successWe say: You’re in. Your Lumen ticket is ready, and the route map will arrive in your inbox before festival night.We don’t say: Your transaction has been completed successfully. Please check your email for further information.
- empty-stateWe say: We want Lumen to be easy to move through and enjoy. Step-free routes, quiet viewing times, seating points, and access support are listed below.We don’t say: Lumen is committed to making the festival accessible to all attendees wherever possible.
- errorWe say: Blue route this way: installations 4–7, toilets, and quiet seating.We don’t say: Proceed in this direction for additional festival attractions and visitor amenities.
- errorWe say: A weather pause is in place. Outdoor installations will reopen when conditions are safe. Next update: 8:15pm at this sign and on Instagram.We don’t say: Due to unforeseen weather conditions, some programming may be temporarily affected. We apologize for any inconvenience.
- notificationWe say: Tonight’s color is copper. See Mira Sol’s woven light work come alive from 6pm in the Market Hall.We don’t say: Don’t miss tonight’s featured artist installation at Market Hall, open from 6pm.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| hero-headline | Follow the light into contemporary craft. | Experience an unforgettable arts festival featuring light-based installations and creative programming. |
| hero-headline | For three nights, artists and makers fill the city with color, shadow, texture, and glow. | Join us for three nights of exhibitions, activations, and cultural experiences throughout the city. |
| notification | Glass in Motion pairs kiln-formed glass with shifting projection. Drop in anytime between 6–9pm; the artist will speak at 7:15pm. | Glass in Motion is an exciting multimedia installation. Visitors are welcome to attend during opening hours. |
| onboarding-welcome | Choose your night and follow the glow. | Purchase tickets now to secure your place at Lumen. |
| success | You’re in. Your Lumen ticket is ready, and the route map will arrive in your inbox before festival night. | Your transaction has been completed successfully. Please check your email for further information. |
| empty-state | We want Lumen to be easy to move through and enjoy. Step-free routes, quiet viewing times, seating points, and access support are listed below. | Lumen is committed to making the festival accessible to all attendees wherever possible. |
| error | Blue route this way: installations 4–7, toilets, and quiet seating. | Proceed in this direction for additional festival attractions and visitor amenities. |
| error | A weather pause is in place. Outdoor installations will reopen when conditions are safe. Next update: 8:15pm at this sign and on Instagram. | Due to unforeseen weather conditions, some programming may be temporarily affected. We apologize for any inconvenience. |
| notification | Tonight’s color is copper. See Mira Sol’s woven light work come alive from 6pm in the Market Hall. | Don’t miss tonight’s featured artist installation at Market Hall, open from 6pm. |
Start from this direction.
Abstract geometry — floating circles, arcs, and intersecting lines — rendered as leaded stained glass: luminous jewel-tone panes (cobalt, ruby, amber, emerald) divided by bold black leading, glowing as if backlit. Expressive, soulful, and unmistakably artful — for arts & culture, music & festivals, hospitality, and brands that want to feel made, not manufactured. Start here and refine the full system around your brief.