PB.
MUSIC BAND LANDING
MUSIC BAND LANDING
MUSIC BAND LANDING
A concept landing page for a music band, where bold
typography and strong visual contrast define the overall
atmosphere and guide user attention.
The design combines expressive imagery with a structured
layout, allowing users to quickly discover content, explore
tracks, and connect with the band’s identity.
A concept landing page for a music band, where bold typography
and strong visual contrast define the overall atmosphere and guide user
attention.
The design combines expressive imagery with a structured layout,
allowing users to quickly discover content, explore tracks, and connect
with the band’s identity.
A concept landing page for a music band, where bold
typography and strong visual contrast define the overall
atmosphere and guide user attention.
The design combines expressive imagery with a structured
layout, allowing users to quickly discover content, explore
tracks, and connect with the band’s identity.
GOAL
GOAL
GOAL
The goal was to create a striking and memorable interface
that captures the band’s energy while providing clear
navigation and an engaging user experience.
The goal was to create a striking and memorable interface that captures
the band’s energy while providing clear navigation and an engaging
user experience.
The goal was to create a striking and memorable interface
that captures the band’s energy while providing clear
navigation and an engaging user experience.
LANDING PAGE
LANDING PAGE
LANDING PAGE
2025
2025
2025
STRUCTURE
STRUCTURE
STRUCTURE
HEADER
Logo, Navigation (About / Music / Live / Contact), Language switch
HEADER
Logo, Navigation (About / Music / Live / Contact), Language switch
HEADER
Logo, Navigation (About / Music / Live / Contact), Language switch
HERO SECTION
Image: Black & white performance photo Button: Listen Description: experimental sound / raw energy / underground
HERO SECTION
Image: Black & white performance photo Button: Listen Description: experimental sound / raw energy / underground
HERO SECTION
Image: Black & white performance photo Button: Listen Description: experimental sound / raw energy / underground
MANIFEST
Image: Live performance photo Title: Electronic Sound / Digital Visuals / Live Performance Description: Short text about the band
MANIFEST
Image: Live performance photo Title: Electronic Sound / Digital Visuals / Live Performance Description: Short text about the band
MANIFEST
Image: Live performance photo Title: Electronic Sound / Digital Visuals / Live Performance Description: Short text about the band
MUSIC
Images: Track covers / visuals Title: Music Content: Selected tracks (Track name, short description, play button)
MUSIC
Images: Track covers / visuals Title: Music Content: Selected tracks (Track name, short description, play button)
MUSIC
Images: Track covers / visuals Title: Music Content: Selected tracks (Track name, short description, play button)
LIVE
Image: Atmospheric stage photo Title: Live Content: Cities, venues, dates (Berlin, Hamburg, Prague)
LIVE
Image: Atmospheric stage photo Title: Live Content: Cities, venues, dates (Berlin, Hamburg, Prague)
LIVE
Image: Atmospheric stage photo Title: Live Content: Cities, venues, dates (Berlin, Hamburg, Prague)
CONTACT
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
CONTACT
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
CONTACT
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
FOOTER
Navigation (About / Music / Live / Contact)
FOOTER
Navigation (About / Music / Live / Contact)
FOOTER
Navigation (About / Music / Live / Contact)
VISUAL DIRECTION
VISUAL DIRECTION
VISUAL DIRECTION
COLOR PALETTE
COLOR PALETTE
#C4C4C4
Text color
#C4C4C4
Text color
#820101
Accent color
#820101
Accent color
#252525
Background color
#252525
Background color
TYPOGRAPHY
TYPOGRAPHY
GRID
GRID
GRID
A modular grid system was used to create a strong and consistent
layout. The grid helps organize bold typography, imagery,
and content blocks while maintaining visual balance.
Generous spacing and precise alignment enhance readability
and guide the user’s focus through the interface.
A modular grid system was used to create
a strong and consistent layout. The grid helps
organize bold typography, imagery, and content
blocks while maintaining visual balance.
A modular grid system was used to create a strong and consistent
layout. The grid helps organize bold typography, imagery,
and content blocks while maintaining visual balance.
Generous spacing and precise alignment enhance readability
and guide the user’s focus through the interface.
HERO SECTION
HERO SECTION
HERO SECTION
Bold typography creates a strong first impression
Bold typography creates a strong first
impression
Bold typography creates a strong first impression
High-contrast visuals enhance emotional impact
High-contrast visuals enhance emotional
impact
High-contrast visuals enhance emotional impact
Clear call-to-action encourages user engagement
Clear call-to-action encourages user
engagement
Clear call-to-action encourages user engagement
MANIFEST
MANIFEST
Hierarchical typography guides content perception
Hierarchical typography guides content
perception
Hierarchical typography guides content perception
Oversized headlines amplify key messages
Oversized headlines amplify key messages
Oversized headlines amplify key messages
Minimal composition enhances clarity and mood
Minimal composition enhances clarity
and mood
Minimal composition enhances clarity and mood
MUSIC SECTION
MUSIC SECTION
MUSIC SECTION
Card layout organizes tracks into clear, scannable units
Card layout organizes tracks into clear,
scannable units
Card layout organizes tracks into clear, scannable units
Visual previews enhance atmosphere and identity
Visual previews enhance atmosphere
and identity
Visual previews enhance atmosphere and identity
Interactive elements encourage exploration
Interactive elements encourage exploration
Interactive elements encourage exploration
LIVE
LIVE
LIVE
Clear structure highlights locations and dates
Clear structure highlights locations and dates
Clear structure highlights locations and dates
Minimal layout keeps focus on key information
Minimal layout keeps focus on key information
Minimal layout keeps focus on key information
Accent details emphasize hierarchy and navigation
Accent details emphasize hierarchy
and navigation
Accent details emphasize hierarchy and navigation
FOOTER
A visual language that translates sound into a cohesive
digital experience.
A visual language that translates sound
into a cohesive digital experience.
A visual language that translates sound into a cohesive
digital experience.