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
LIGHT BLUE
LIGHT GREEN
DARK TEAL
lexerbackground color-light-blue
lexerbackground color-light-green

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

lexerbutton lexersolutions-buttonbar-button lexersolutions-buttonbar-button-selected

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

I’m going to know where my customers live, how they transact, what their interests are in my collection.
Optus , CTO of Finance

Primary drop shadow

As used extensively on the style sheet

lexer-primary-box-shadow

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