16 · Retro-Futurism / Space-Age
A complete Retro-Futurism / Space-Age brand kit, composed by Brandwright for the fictional brand Astra — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Astra /
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
Astra is a streaming & media brand with an optimistic, retro-futurist, space-age identity.
- Industry
- streaming & media brand
Art direction
3D render · emblem 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.
Astra×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
astra.com
AstraProductPricingGet started
Welcome to Astra
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
#3D70C9Cosmic Blue
#FF8D73Solar Coral
#FFD49BWarm Starlight
#121833Deep Navy
#858CE8Periwinkle Glow
#A86EC1Nebula Purple
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:
#50548b
Contrast audit1 text below WCAG 2.1 AA
- text on surfaceAA5.74:1
- text on neutralfails AA2.19:1suggested fix
#50548b(5.08:1) - black on primaryalternate4.36:1
- white on primary✓ use this4.82:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 5.74:1 | AA | — |
| text on neutral | 2.19:1 | fails AA | #50548b(5.08:1) |
| black on primary | 4.36:1 | alternate | — |
| white on primary | 4.82: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(circle at 50% 90%, #FFD49B 0%, #FF8D73 30%, #3D70C9 70%, #121833 100%)04
heading + bodyTypography
heading
Unbounded
Google Fonts
body
Geist
Google Fonts
pairing in use
Astra — 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
Astra uses light wit and playful space-age turns, but the entertainment experience should still feel premium and cinematic.
Formal
Casual
The voice is approachable and easy to browse with, using contractions and plain language rather than studio-formal phrasing.
Respectful
Irreverent
Astra can be playful, but it treats viewers’ time, payments, families, and fandoms with warmth and care.
Enthusiastic
Matter-of-fact
Optimism is central to Astra’s retro-futurist promise; the brand should make discovery feel bright, inviting, and full of possibility.
Bright-eyed and forward-looking
Astra speaks with optimism, momentum, and a sense that something wonderful is just ahead.
“Your next favorite world is coming into view.”
Cinematic, not overdramatic
Use vivid, screen-ready language that creates atmosphere while staying clear and useful.
“Drift into a midnight lineup of thrillers, mysteries, and slow-burn discoveries.”
Retro-futurist charm
Borrow lightly from space-age language—launch, orbit, signal, transmission, capsule, voyage—without turning every message into a gimmick.
“New episodes have landed. Queue up when you’re ready.”
Warmly guiding
Helpful, human, and reassuring. Astra explains what’s happening and what to do next with calm confidence.
“We lost the signal for a moment. Check your connection, then try again.”
Curious and expansive
Invite exploration across genres, moods, eras, and formats. Make discovery feel personal, not algorithmic.
“Start with a classic. End up somewhere beautifully strange.”
Messaging
- Audience
- Entertainment lovers who want streaming to feel more imaginative and curated: genre fans, comfort-watchers, film and TV explorers, families, and nostalgia-forward viewers drawn to a hopeful space-age aesthetic.
- Value
- Astra brings a brighter universe of movies, series, and live media into one beautifully curated streaming home.
Pillars
Discovery with wonder
Astra turns browsing into exploration, helping viewers find beloved classics, new releases, cult favorites, and unexpected gems.
A universe for every mood
From family adventures to late-night sci-fi, comfort sitcoms, documentaries, and live events, Astra organizes entertainment around how people actually want to feel.
Effortless streaming
The product experience is simple, fast, and dependable, with clear guidance from signup to playback to account management.
Optimistic retro-futurism
Astra’s identity makes media feel special again: polished, playful, cinematic, and inspired by the imagined future of the space age.
Words we use
watchstreamdiscovertune inqueue uplandedlaunchorbitsignaltransmissionconstellationcapsulevoyageworldsstorieslineupscreeningfeatureepisodeseasonclassiccult favoritenew arrivalhidden gemfor tonightready when you arecoming into viewback on course
Words we avoid
content consumptionuserseyeballsengagement driverssynergypremium experiencebest-in-class entertainment solutionbinge until you dropaddictivedoomscrollkill timemust-watch or elselimited-time only!!!blast off!!!Houston, we have a problemlive long and prosperout of this worldto infinity and beyondalgorithmically selectedseamless ecosystemdisrupting entertainment
Voice in action
- hero-headlineWe say: A new world comes into view.We don’t say: Stream the new original sci-fi drama now.
- primary-ctaWe say: Start watchingWe don’t say: Initiate playback
- empty-stateWe say: Your watchlist is waiting for its first star. Save movies and shows here for later.We don’t say: You haven’t added anything to your watchlist yet. Add titles to see them here.
- errorWe say: The stream drifted off course. Check your connection, then try again.We don’t say: Something went wrong. Please check your internet connection and try again.
- successWe say: You’re aboard. Your Astra plan is active, and your first lineup is ready.We don’t say: Your subscription has been successfully activated.
- successWe say: Quiet voyages for a rainy nightWe don’t say: Recommended dramas based on your viewing activity
- successWe say: Fresh arrivals have landed on AstraWe don’t say: New movies and shows are now available
- successWe say: Your next Astra bill is March 12 for $12.99.We don’t say: Your next billing transmission launches March 12 for $12.99.
- successWe say: Set viewing limits for each profile, so everyone gets the right stories for their age.We don’t say: Customize content restrictions to control profile-level access permissions.
- successWe say: Polish the chrome. Dim the lights. Our Space Age Classics collection is now streaming. ✨We don’t say: Our classic sci-fi collection is available to stream today.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| hero-headline | A new world comes into view. | Stream the new original sci-fi drama now. |
| primary-cta | Start watching | Initiate playback |
| empty-state | Your watchlist is waiting for its first star. Save movies and shows here for later. | You haven’t added anything to your watchlist yet. Add titles to see them here. |
| error | The stream drifted off course. Check your connection, then try again. | Something went wrong. Please check your internet connection and try again. |
| success | You’re aboard. Your Astra plan is active, and your first lineup is ready. | Your subscription has been successfully activated. |
| success | Quiet voyages for a rainy night | Recommended dramas based on your viewing activity |
| success | Fresh arrivals have landed on Astra | New movies and shows are now available |
| success | Your next Astra bill is March 12 for $12.99. | Your next billing transmission launches March 12 for $12.99. |
| success | Set viewing limits for each profile, so everyone gets the right stories for their age. | Customize content restrictions to control profile-level access permissions. |
| success | Polish the chrome. Dim the lights. Our Space Age Classics collection is now streaming. ✨ | Our classic sci-fi collection is available to stream today. |
Start from this direction.
Mid-century space-age optimism meets glossy Y2K — chrome-and-gradient marks, atomic arcs, and sleek sci-fi lettering in cosmic blues, sunset chrome, and electric accents. Forward-looking yet emotionally familiar. For media, gaming, beverages, and culture brands. Start here and refine the full system around your brief.