COLORS BUTTONS TITLES

Colors in POM Standard:

Color palette:

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#14

#15

Primary colors:

We use them to direct the user’s attention. Calls to action, purchase buttons, and any other very important information should use the primary color.

Principal

Secondary colors:

Secondary colors are used to highlight less important elements. Secondary action buttons, less important text, and anything else that doesn’t require immediate attention should be presented in a secondary color.

Secondary

Neutral/additional colors:

Neutrals are usually used for text or anything else that doesn’t need to compete for attention.

Neutral

Buttons by priority

Use for links of utmost importance.

Main button

Use for links of lesser importance.

Secondary button

Use for links of little importance, informational.

Text-only button

Use for links of utmost importance (only when the background color is #2, #BADEDA).

Principal más oscuro

Use for less important links (only when the background color is #5, #F4EAD5).

Darker secondary

Use for links of little importance, informational (only when the background is dark).

Clear text only

Buttons

Button 1

Button 2

Button 3

Button 4

Buttons by size

Button XXXXL

Button XXXL

Button XXL

Button XL

Button L

Button N

Button S

Button XS

Display 1

Display 2

Display 3

Display 4

Title 1

Secondary colors are used to highlight the less important elements. Secondary action buttons, less important text, and anything else that does not require immediate attention should be presented in a secondary color.