colors

grid

typo

Aa

Aa

Bubble Tea

Let's drink!

I had to make a website using transition CSS at school, so I decided to make a Bubble Tea maker, enjoy :D
Website preview

Langages

HTML | CSS | Javascript

Chart

Colors

project

Typography

Lato Bold Lato Light a b c d e f g h i k j k l m n o p q r s t u v w x y z a b c d e f g h i k j k l m n o p q r s t u v w x y z A B C D E F G H I K J K L M N O P Q R S T U V W X Y Z A B C D E F G H I K J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

UI/UX

Maker part

Step 1

Cup size: large | medium | small

log

Step 2

Label colors: 6

log

Step 3

Flavors: Matcha | Taro | Mango | Lychee | Cherry | Berry

log

Step 4

Flavor: Tapioca | Jelly | Both

log

Step 5

Straw: 9 types

log

Switch mode

Light mode

For a light environment

log

Dark mode

For a dark environment

log

Sounds

Music Player

A playlist with 8 songs

log

Thanks

Thanks for scrolling!

This project was made in october 2019.

Link

Bubble Tea !computer only
NEXT PROJECT