Basic
Elements

Typography

Rubik
Font Family

Rubik

Header

Subheader

Subheader

Content Text

Content Text

Main Colors

Try out the new Dark Mode!

Switch back to Light Mode!

White

#FFFFFF

R 255, G 255, B 255

Lavender Blush

#FFE6EB

R 255, G 230, B 235

Vivid Tangerine

#FF8282

R 255, G 130, B 130

Snuff

#EBE1F0

R 235, G 225, B 240

Silver Chalice

#AAAAAA

R 170, G 170, B 170

Tundora

#444444

R 68, G 68, B 68

Ebony Clay

#212434

R 33, G 36, B 52

Glandis

#FFD082

R 255, G 208, B 130

Vivid Tangerine

#FF8282

R 255, G 130, B 130

East Bay

#3F446F

R 63, G 68, B 111

Silver

#BBBBBB

R 187, G 187, B 187

Alto

#D7D7D7

R 215, G 215, B 215

Call to Action (CTA)

Lists

Unordered list

  • Item one
  • Item two
  • Item three

Ordered list

  1. Item one
  2. Item two
  3. Item three

Quote & Title

This is a new and updated look for quotation and title.

Information Block

Information Title in Black

Specification 1

Description 1

Specification 2

Description 2

Specification 3

Description 3

Specification 4

Description 4

Specification 5

Description 5

Specification 6

Description 6

Information Title in White

Specification 1

Description 1

Specification 2

Description 2

Specification 3

Description 3

Specification 4

Description 4

Standard Image

Example of image across the screen
Large size image across screen
Example of image across the screen
Mid size image on the left
Example of image across the screen
Mid size image on the right
Example of image across the screen
Small size image on the left

This is a right subheader

This is a paragraph on the right side of the image. This is a paragraph on the right side of the image.

Example of image across the screen
Small size image on the right

This is a left subheader

This is a paragraph on the left side of the image. This is a paragraph on the left side of the image.

Animated Graphics

This is a title for the animation

Colored backgrounds with parallax objects moving. Text backgrounds with parallax objects moving and animating. And below this is a multi-layered parallax graphics.

Moving Boxes

Multi-layered Parallax Graphics

Jeju

Bring me to Jeju.

3D Images

3D : Tilt mobile screen and detecting mouse movement

Hi!

3D : With overlaying text

Heart, Comment & Share Button

Heart Me!
Comment

Join the Conversation

Back to top