Back to Brand Explorer

Open

open.spotify.com
dark mode Neumorphism Cosmic Night

Images & Assets

Logo

Favicon

Open Favicon
Browser Tab

Color Palette

#1ED760

Primary

#1ED760

#1ED760

Accent

#1ED760

#121212

Background

#121212

#FFFFFF

Text Primary

#FFFFFF

#0000EE

Link

#0000EE

Typography

Font Families

Heading CircularSp-Arab
Body CircularSp-Arab

Font Sizes

H1 16px
H2 24px
Body 14px

Font Stack

SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic

Components

Button Styles

Input Border Color
Input Border Radius 500px

Spacing & Layout

6px

Base Unit

0px

Border Radius

dark

Color Scheme

Brand Personality

Tone

modern

Energy

high

Target Audience

music enthusiasts and general public

AI Brand Prompt

Use this prompt to recreate a similar website style

STYLE OVERVIEW: This brand embodies Neumorphism and Cosmic Night design styles. Dark interface with soft, extruded elements and a cosmic aesthetic. Playful yet sophisticated with rounded shapes and subtle gradients. COLOR SYSTEM: - Primary: #1ED760 (electric green) - primary actions, accents - Accent: #0000EE (vibrant blue) - links, highlights - Background: #121212 (dark charcoal) - main canvas - Secondary: #9D968E (soft gray) - subtle text, borders - Text: #FFFFFF - primary text TYPOGRAPHY: - Headings: CircularSp-Arab, 24px, 700 weight - Body: CircularSp-Arab, 14px, 400 weight - UI: 14px medium weight for buttons and labels COMPONENTS: - Buttons: 9999px radius (pill shape), soft shadows, text color changes on hover - Inputs: 500px radius, dark background (#1F1F1F), white text - Cards: Subtle neumorphic shadows, 12px radius VISUAL EFFECTS: - Soft neumorphic shadows with white and black layers - Subtle gradients on interactive elements - Smooth 200ms transitions for hover states MOOD & AUDIENCE: Playful, modern, and energetic. Appeals to music enthusiasts and the general public, evoking a sense of excitement and innovation.