Starbucks

Rewards page.

Can you recreate it?

View live.

Reference image below.

What will you learn?

  • Sticky/fixed header
  • Tabbed sections
  • Color choices
  • Layout practice
  • and more!

Color Palette:

#1e3932

#008248

#d4e9e2

#f1f8f6

#f3f1e7

#000000

Up for a challenge?

In the tab section, animate the bottom border moving left/right when selecting a new tab.

Too easy?

Using your developer tools, view the mobile version and recreate their mobile slide out menu.

Too hard?

That's ok!

View other projects