Style Guide

Typography

Headers

Headers (Decorative)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading 3

Heading 4

Heading 5

Body

Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body Text Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body Text Tiny
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link

Decorative

Heading Label

Subheading

Title Label

Button Label

Colors

DIALOG Green

#00928F

Primary Color

Sunglow

#FFCF55

Accent Color

Azure

#EAF5F5

Primary Light Color

Turquoise

#1BCCB7

Primary Bright Color

Azure

#005A58

Primary Dark Color

Peach

#FFE4AF

Accent Light Color

Charcoal

#274C5B

Heading Color

Davy's Green

#525560

Body Text Color

French Gray

#C8CAD0

Body Text Light Color

Seasalt

#F8F8F8

Background Light Color

Pistachio
#8BC869

Highlight Color

Buttons

Button Label

Link Label

Label

Cards

Bento Card

Grow Your Career With DIALOG

Take a look at what we have to offer.

Find Out More

Title

Description

Service Card

Description (optional)

Miscellanous

Standalone Round Corner Image

Image in Round Corner Wrapper (For Scale In Animation)

Icon With Text

Vertical Icon & Text Pair

Project Title With Location

Bayan

Offshore Bintulu, Sarawak

Default List Style

This is some text inside of a list item.
This is some text inside of a list item with link.
This is some text inside of a list item with two lines.
This is some text inside of a list item with two lines.

Default Tab

This is some text inside of Tab 1.

This is some text inside of Tab 2.

This is some text inside of Tab 3.

Slider

Jubail Supply Base

Jubail, Saudi Arabia

Jubail Supply Base

Jubail, Saudi Arabia