skip to container

Colors

The representative colors expressing Hyundai Click to Buy and the major colors operated to deliver information are used as the core design elements to represent brand images.

Primary

A primary color is the color displayed most frequently across your screens and components.

Hyundai Navy

Secondary

A secondary color provides more ways to accent and distinguish your product.
Having a secondary color is optional, and should be applied sparingly to accent select parts of your UI.

Sub Blue

Sub Orange

Neutrals

A neutral color is commonly used for backgrounds, strokes, and interactive states within controls.

Basic Black

Disclaimer & Disable

Negative Button

Stroke

Surface

Background

Message

These colors are used in the Message Bar control to tell the user about a non-blocking situation that needs their attention.

ASuccess & Highlighting

Success

BError

Error

Label

This is a button UI with an icon + text label.

ABasic Label

New

Update

Best

Popular

BPromotion Label

Finance

Trade-in

Corp