Type

Preview

.d-100

The Pixel may be ‘dead’ BUT
your PAID ads don’t have to be

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

.d-90

.d-80

A beautiful workspace.
For doing beautiful work.

.d-70

.D-60

.D-50

A beautiful workspace

.D-40

A beautiful workspace

.D-30

A beautiful workspace

.D-20

Designed for those who defy limits and change the worl

Preview

.P-70

Bring to the table win survival strategies ensure proactive domination.

.P-60

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards.

.P-55

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards.

.P-50

.P-40

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

.P-30

.P-20

Preview

.L-60

Title Example
List item
List item
List item

.L-50

Title Example
List item
List item
List item

.L-40

Title Example
List item
List item
List item

.L-30

Title Example
List item
List item
List item

.L-20

Title Example
List item
List item
List item

.L-10

Title Example
List item
List item
List item

Classes

Available Classes

Name

Styles

Use Case

.d-100

.d-90

.d-80

.d-70

.d-60

.d-50

.d-40

.d-30

.d-20

Changes size, leading, letter-spacing

Use these classes to set the display heading style. Apply these classes directly to a text block element.

.p-70

.p-60

.p-50

p-40

.p-30

.p-20

Changes size, leading, letter-spacing

Use these classes to set the paragraph style. Apply these classes directly to a text block element.

.L-60

.L-50

.L-40

.L-30

.L-20

.L-10

Changes size, leading, letter-spacing

Use these classes to set the text style. Apply these classes directly to a text block element.

.mb--sm

.mb--md

Adds bottom margin

When you need create vertical separation between heading and paragraph text.

.tracking--ondark

Adjust letterspacing

Use this classes when text sits on a darker background. Generally speaking letter-spacing should almost always be increased.

.@m xsm shrink

.@m xsm grow

.@m xsm maintain

Make size adjustments at different breakpoints

Use this modifier if you'd like change text size at a particular breakpoint. For example @M XSM (At portrait phone size) Grow (Make text larger than default).

.@m lg

.@m md

.@m sm

.@m xsm

Make adjustments are different breakpoints

Use this modifier if you'd like to make a change at a particular breakpoint. LG = Desktop, MD = Tablet, SM = Phone horizontal, XSM = Phone Vertical.