Color
Color isn’t just pretty—it’s how brands flirt with your emotions and stay unforgettable.
— interact with all the elements on the screen
mad money
#006A5C
Primary
Teal is that calm, confident color that says “trust me” while still keeping things sleek and modern.
Duck Duck Goose anyone?
Find Mad Money...
duck
#A3DAD3
Ghosting
duck
#78B4AD
Salt-Tea
duck
#488F86
Garbage Green
GOOSE!
#006A5C
Mad Money
duck
#00352E
Evil Queen
ENJOY the sassy nail polish naming collection.
#A3DAD3
Ghosting
Ghosting
#488F86
Garbage Green
Garbage Green
#00352E
Evil Queen
Evil Queen
#78B4AD
Salt-Tea
Spill It
#006A5C
Mad Money
Mad Money
example interaction
click me ———
hallucinogenics
#0043E9
Primary
Blue doesn’t shout, it owns the room—trustworthy, timeless, and effortlessly cool.
![UI-Blue [Recovered]-26_edited_edited.png](https://static.wixstatic.com/media/3c08b6_d351d6fbe33442eea9b70dd44efebf49~mv2.png/v1/fill/w_600,h_275,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-26_edited_edited.png)
You play designer.
Find Hallucinogenics...
duck
#A5BDF8
Ditsy Darling
duck
#789BF0
Cloud 9
GOOSE!
#0043E9
Hallucinogenics
duck
#002D9B
Epic Fail
duck
#00164E
Karen
WELCOME to the rave.
Your eyes must be screaming.
#A5BDF8
Ditsy Darling
Ditsy Darling
#0043E9
Hallucinogenics
Hallucinogenics
#00164E
Karen
Karen
#789BF0
Cloud 9
Cloud 9
#002D9B
Epic Fail
Epic Fail
lost
#1D1E21
Secondary
The color of quiet prestige, off-black adds sophistication and class to any brand.
![UI-Blue [Recovered]-26_edited.png](https://static.wixstatic.com/media/3c08b6_fad8d2d9fc054756b6d1d388ea0f0a1c~mv2.png/v1/fill/w_600,h_275,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-26_edited.png)
If you can't find lost...
You're in the matrix.
duck
#A1A2A6
Yes Chef
duck
#494A4D
Foggy Elephant
duck
#CDCFD3
Iced
duck
#75767A
Throwing Shade
GOOSE!
#488F86
Lost
Did anyone ask for Paint Swatches?
No...well too bad.
![UI-Blue [Recovered]-24_edited.png](https://static.wixstatic.com/media/3c08b6_685d3e8dac81493aa088c3c74d14a3b6~mv2.png/v1/fill/w_301,h_279,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-24_edited.png)
#CDCFD3
Iced
Iced
#75767A
Throwing Shade
Throwing Shade
#1D1E21
Lost
Lost
#A1A2A6
Yes Chef
Yes Chef
#494A4D
Foggy Elephant
Foggy Elephant
Typography
Type with intention, and your brand won’t just be seen—it’ll be remembered.
What font did the astrologist
use to write the daily horoscope?
— keep interacting!
01 Sassy
01 Futura
72 points
6
rem
02 Classy
02 Futura
52 points
4.3331
rem
03 Trashy
03 Futura (Light)
40 points
3.3331
rem
04 Nasty
04 Futura
31 points
2.5831
rem
05 Glassy
05 Futura
24 points
FYI the asnwer is: Futura.
.......incase you didn't catch that.
2
rem
Hey!
What's Poppin?
Poppins (Extra Light) 16 points
This is your primary body text.....
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Poppins (Extra Light) 14 points
This is your secondary body text.....
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Futura: the understated sidekick that makes bold designs impossible to ignore.
Components
Components aren’t just functional—they’re the playful glue that makes a product feel effortless and intuitive.
Pick your Poison.
Let the adventure begin! Locate either of the two active buttons to get started:
One button will take you to the details about me, the playful designer.
While the other button will take you to the Brand Guidelines down below.
Good luck!
Buttons
Teal meets blue ----> your eyes do a happy little dance :D
Primary
Secondary
Blue
Mixed
Teal
![UI-Blue [Recovered]-11.png](https://static.wixstatic.com/media/3c08b6_2055b616d950490b875c7e86c6313c46~mv2.png/v1/crop/x_0,y_17,w_992,h_992/fill/w_547,h_547,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-11.png)
Brand Outline
Think of it as your brand’s cheat code:
Consistency, style, and recognition all unlocked.
![UI-Blue [Recovered]-09.png](https://static.wixstatic.com/media/3c08b6_dff97afcbe4444c1a298769338bc364e~mv2.png/v1/fill/w_255,h_257,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-09.png)
Primary
Secondary
blue
#0043E9
teal
#006A5C
black
#1D1E21
type
color
FUTURA
72 pts
01 Heading
52 pts
02 Heading
40 pts
03 Heading
31 pts
04 Heading
24 pts
05 Heading
Poppins (Extra Light) 16 points
This is your primary body text.....
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Poppins (Extra Light) 14 points
This is your secondary body text.....
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
components
Primary
Blue
Secondary
Mixed
Teal
![UI-Blue [Recovered]-31_edited.png](https://static.wixstatic.com/media/3c08b6_31a90fdebc6a4bcc847fe999f4913796~mv2.png/v1/crop/x_59,y_0,w_867,h_866/fill/w_454,h_454,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-31_edited.png)
![UI-Blue [Recovered]-31.png](https://static.wixstatic.com/media/3c08b6_0be1e70a20804601b02ab57f14211b9a~mv2.png/v1/crop/x_59,y_0,w_867,h_866/fill/w_454,h_454,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI-Blue%20%5BRecovered%5D-31.png)