Song CreatorBright canvas. White cards. Black action.
Migration decision board
Current Modern Light
vs. Dream Stage
A complete comparison before Music House changes its visual system. The product, hierarchy, and jobs stay constant. Material, emphasis, identity, and media behavior change.
Song Creator
Latest creationOutgrowing Me
Media first. Opaque work. Glass transport.
01 · Identity
Six marks, tested at real scales.
Every candidate appears in both systems at favicon, navigation, app-icon, and lockup scale. Color is evidence, not a rescue.
ControlCurrent pad house
controlFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
EvolutionRefined pad house
leadFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Music firstGlass equalizer house
exploreFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
EditorialPortal house
challengerFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Ultra minimalSingle-stroke signal house
challengerFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
LetterformGeometric MH meter
exploreFavicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
Favicon · 24
Navigation · 32MUSIC HOUSE
App icon · 144
Lockup · 56MUSIC HOUSEMake something real.
02 · Foundations
Same product. Different visual gravity.
The proposed system gets darker, not noisier. Media carries chroma. Gold owns value. Glass is restricted to floating chrome.
Canvasvar(--mh-color-surface-opaque) · neutral page
Card#FFFFFF · content
Ink#060A16 · primary action
Muted#737989 · secondary text
Violet#7C3AED · AI/tool accent
Gold#F5BA47 · credits
Canvas#171719 · spatial field
Raised#202023 · workspace
Black#050505 · media/output
Opaque#2D2D31 · content field
Violet#7C3AED · selection
Gold#F5BA47 · credits only
Make songs about whatever you want.
Graphik 600 carries nearly every headline. Space Mono labels tool metadata and credit cost.
Display 48 / 52Title 30 / 36Body 16 / 24Meta 12 / 16
Make the song you can already hear.
Graphik 600 stays. Larger media titles and quieter metadata create contrast without adding fonts.
Display 56 / 56Title 32 / 36Body 16 / 24Meta 11 / 16
- Spacing
- 8 · 12 · 16 · 24 · 32 · 48
- Radii
- 8 compact · 16 cards · 20 large · full pills
- Elevation
- White card shadow on neutral canvas
- Glass
- Not a system material
- Spacing
- 8 · 12 · 16 · 24 · 32 · 48 · 64
- Radii
- 12 controls · 18 panels · 28 shells
- Elevation
- Black depth plus media bloom
- Glass
- Nav · transport · sheets · floating controls
Neutral outline/filled Phosphor icons; tool color often lives in a pastel tile.
Same icon family. White chrome, restrained tool dots, and gold only for economic value.
03 · Components and states
The migration at component level.
Every sample represents an existing Music House job. Dream Stage changes hierarchy and material, not product semantics.
Warm keys
Warm keys
Advanced settings
Choose vocal and duration.
Advanced settings
Choose vocal and duration.
Outgrowing Me0:41 / 2:38Outgrowing Me0:41 / 2:38Outgrowing MeWarm rap · 2:38
Featured resultOutgrowing MeWarm rap · 2:38
Credits420
Available credits420
No songs yet
Could not load
Creating songsAbout 2 minutes
Your stage is empty
Playback interrupted
Building your songsKeep listening while we work
Welcome to Music House7 days freeTry Music House Pro free.Terms shown at checkout
Make something dope.
7 days freeTry Music House Pro free.Terms shown at checkout
04 · Representative surfaces
The systems in context.
Each pair shows the same prompt, same completed song, and same offer. Only the visual system changes.
9:41 ● ◔ ▰
What's your song about?
Describe the sound, vocals, and story.
Warm keys, dusty drums, and honest lyrics about outgrowing your old life.
9:41 ● ◔ ▰
Latest creationOutgrowing Me
What's your song about?
Warm keys, dusty drums, and honest lyrics about outgrowing your old life.
What's your song about?
Warm keys, dusty drums, honest lyrics.
Create songsYour songs
Outgrowing Me
Midnight DriveSong Creator
Warm keys, dusty drums, honest lyrics.
Create songsTwo songs ready
Outgrowing MeMidnight DriveMUSIC HOUSEALL IN ONE PLACE
Make music from any idea.
Songs, beats, art, lyrics, and video.
SONGS, BEATS, ART, LYRICS, AND VIDEO
Make the song you can already hear.
Describe the sound and story. Get two finished songs.
Outgrowing Me 0:41 / 2:38