Primary Palette
#DA22FF
#A850FE
#767DFD
#44ABFB
#12D8FA
#24282B
#FFFFFF
#F4F4F4
Secondary Palette
#FFC93B
#08FFAF
#FA2275
#FFC93B → #FAE42A
#08FFAF → 8DFC5D
#FA2275 → #FF6928
Typography
Primary Typeface
Secondary Typeface
Animated Mesh
Using [#24282B] as a base with organically animated orbs morphing with a [#DA22FF → #12D8FA] gradient map to dynamically create intriguing background movement.
Static Mesh
Designed to be free-form and dynamic. Group similar colors and create smooth transitions from one area to the next.
Use solid white copy or graphics on top so they stand out.
Logo Marks
Construction
Spacing
Variations
Iconography
Photography
Full-color photography with no overlay.
Using [#24282B to #FFFFFF] gradient map to ensure a consistent greyscale style across all photos.
Dark overlay to allow white or gradient copy/logos to be placed on top.
Layers:
- Solid Color: #24282B
- Blending Mode: Normal, Transparency: 90%
Gradient Map: #24282B to #FFFFFF - Photo
Gradient overlay to allow white copy/logos to be placed on top.
Layers:
- Gradient: #DA22FF to #12D8FA
Blending Mode: Normal, Transparency: 90% - Gradient Map: #24282B to #FFFFFF
- Photo