style sheet

Primary color palette

DCFDF6

00BEB7

087680

00E2AA

F7F6F5

MINT

TEAL

DARK TEAL

BRIGHT TEAL

LIGHT FAWN

ECE8E5

A09891

B9BED1

3A405B

459FF6

FAWN

DARK FAWN

LIGHT GREY

DARK GREY

BRIGHT BLUE

2C6DF6

75F991

CBF67C

ROYAL BLUE

NEON GREEN

LIME

Secondary Color palette

D6EDFF

459FF6

00329F
D7FEAF
BDF966
008D49

BLUE

GREEN

FFDECF

FF5C01
D10015
FCDAEB
CD4496
A82071

ORANGE

MAUVE

Backgrounds

MINT
TEAL
DARK TEAL
lexerbackground color-mint
lexerbackground color-teal
lexerbackground color-dark-teal
BRIGHT TEAL
LIGHT FAWN
FAWN
lexerbackground color-bright-teal
lexerbackground color-light-fawn
lexerbackground color-fawn
DARK FAWN
LIGHT GREY
DARK GREY
lexerbackground color-dark-fawn
lexerbackground color-light-grey
lexerbackground color-dark-grey

Background Dots

MINT
TEAL
DARK TEAL
BRIGHT TEAL
lexerframedimage-dot lexerframedimage-dot-mint
lexerframedimage-dot lexerframedimage-dot-teal
lexerframedimage-dot lexerframedimage-dot-dark-teal
lexerframedimage-dot lexerframedimage-dot-bright-teal
LIGHT FAWN
FAWN
DARK FAWN
DARK GREY
lexerframedimage-dot lexerframedimage-dot-light-fawn
lexerframedimage-dot lexerframedimage-dot-fawn
lexerframedimage-dot lexerframedimage-dot-dark-fawn
lexerframedimage-dot lexerframedimage-dot-dark-grey
BRIGHT BLUE
ROYAL BLUE
NEON GREEN
LIME
lexerframedimage-dot lexerframedimage-dot-bright-blue
lexerframedimage-dot lexerframedimage-dot-royal-blue
lexerframedimage-dot lexerframedimage-dot-neon-green
lexerframedimage-dot lexerframedimage-dot-lime

Background & Dot STYLES

lexerbackground color-mint
lexerbackground color-teal
lexerbackground color-light-fawn
lexerframedimage-dot lexerframedimage-dot-teal
lexerframedimage-dot lexerframedimage-dot-dark-teal

lexerframedimage-dot lexerframedimage-dot-fawn

lexerbackground color-fawn
lexerbackground color-light-green
lexerbackground color-light-grey
lexerframedimage-dot lexerframedimage-dot-dark-fawn

lexerframedimage-dot lexerframedimage-dot-lime

lexerframedimage-dot lexerframedimage-dot-dark-grey

Buttons

lexerbutton lexerbutton-tealborder

lexerbutton lexerbutton-darkgreyborder

lexerbutton lexerbutton-whiteborder

lexerbutton lexerbutton-whiteborder-grey

lexerbutton lexerbutton-brighttealborder

ICONS

lexericon icon-teal
lexericon icon-mint
lexericon icon-dark-teal
lexericon icon-bright-teal
lexericon icon-bright-blue
lexericon icon-light-fawn
lexericon icon-fawn
lexericon icon-dark-fawn
lexericon icon-lime
lexericon icon-neon-green
lexericon icon-royal-blue
lexericon icon-sky
lexericon icon-violet
lexericon icon-fuschia
lexericon icon-chili
lexericon icon-red
lexericon icon-orange
lexericon icon-gold
lexericon icon-lime-orig
lexericon icon-green

Headings

HEADING 1: TITLES, RUBIX 55PX, FONT WEIGHT 400, LINE HEIGHT 55PX, COLOR #3A405B

Your trusted CDP partner

HEADING 2: CAPTIONS, RUBIX 14PX, FONT WEIGHT 400, LETTER SPACING 2PX, COLOR #10C0B0

IT WAS SOME TIME BEFORE HE OBTAINED ANY...

HEADING 3: HEADERS, RUBIX 34PX, FONT WEIGHT 200, COLOR #3A405B

At length one of them called out in a clear, polite, smooth dialect, not unlike...

HEADING 4: SUBHEADERS, RUBIX 20PX, FONT WEIGHT 400, COLOR #3A405B

At length one of them called out in a clear, polite, smooth dialect, not unlike...​

paragraph text & STYLing

PARAGRAPH 1 PARAGRAPHS, RUBIX 18PX, FONT WEIGHT 300, COLOR #3A405B

<b>Real-time, 360 customer insight.</b>​

<p>Enrich your database with Experian’s Mosaic and CDP-powered surveys. With insight beyond your direct relationship, you can predict customer behavior, purchase patterns, preferences, and more.</p>

Real-time, 360 customer insight.

Enrich your database with Experian’s Mosaic and CDP-powered surveys. With insight beyond your direct relationship, you can predict customer behavior, purchase patterns, preferences, and more.

INLINE TEXT ELEMENTS PARAGRAPHS, RUBIX 18PX, FONT WEIGHT 300, COLOR #3A405B

<p>You can use the mark tag to <mark>highlight</mark> text.</p>

<p><s>This line of text is meant to be treated as strikethrough.</s></p>

<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>

<p><u>This line of text will render as underlined.</u></p>

<p><small>This line of text is meant to be treated as fine print.</small></p>

<p><strong>This line rendered as bold text.</strong></p>

<p><em>This line rendered as italicized text.</em></p>

<p>This line has a<a href=”#”>hyperlink</a> in it.</p>

<ul><li>This is a bullet point list</li></ul>

<ol><li>This is a numbered list</li></ol>

You can use the mark tag to highlight text.

This line of text is meant to be treated as strikethrough.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

This line of text has a hyperlink in it.

  • This is a bullet point list
 
  1. This is a numbered list

Blockquote

"It is the simplest integration I’ve ever done in over 10 years of experience. When you balance the cost, ease of integration, and ease for the end-user, I think Lexer is an excellent choice.”

Matt Smith, General Manager of IT & Supply Chain at kikki.K

lexer-client-blockquote

Primary drop shadow

As used extensively on the style sheet

lexer-primary-box-shadow

Article Segments

Sign up for our Lexer Live! Newsletter

[ elementor-template id=“1787″ ]

Want to share this story with your team?

[ elementor-template id=“4141” ]

THIS SITE USES COOKIES. BY CONTINUING TO USE THIS SITE, YOU ARE AGREEING TO OUR USE OF COOKIES.