Musie Design Framework

Logo

Our logo aims to impart several ideas at once, these being: music based, fun, 'M' for Musie and the idea of being 'super'.

Colour Palette

As a learning platform, we aim to keep the colours we use bright and bold to help users engage with our content.

• • #f8e6b3
  • #F7DB7B
  • #f1cb65
• • #72cb7b
  • #70CD6D
  • #4ebe5c
• • #76badf
  • #47a3da
  • #368ec1
• • #e5636c
  • #e23840
  • #c7182b
• • #e1aef0
  • #D17DF1
  • #c159e2
• • #f1b5a0
  • #EE946E
  • #e66f4b
• • #ecf0f1
  • #e6ebed
  • #bdc3c7
• • #7f8c8d
  • #3d4e58
  • #262e33
• • #000000
• • #ffffff

Buttons

Raised Button - Blue
Raised Button - Red
Raised Button - Green
Raised Button - Orange

Simple Button - Blue
Simple Button - Red
Simple Button - Green
Simple Button - Orange

Typography

The type is simple and aims to reflect the informal nature of the platform.

• Header 1

• Header 2

• Header 3

• Header 5

• Body Text

Iconography

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

- -

Characters

There some characters to help you along the learning journey.

Video

This is a video created for the Musie product. It aims to explain the concept to potential users.

Musie - Product Video - YouTube

Tap to unmute

Musie - Product Video musie.io

musie.io2 subscribers

StripeM-Outer

StripeM-Inner