Typography

Type styles for body text, headings & subheadings.
Changes here will apply site wide.
Style Guide.
Body text 1
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Body text 2
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Body text 3
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
h5
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
Softrams Style Guide
H4

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

H3

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

Softrams Style Guide

H2

Softrams

Style Guide

Designer

Style Guide

H1

Softrams

Style Guide

Designer

Style Guide

Experience our Industry leading, 1-day design sprint that leverages the agile environment. Our methods focus on real outcomes instead of outputs, fast iterations based on usability testing, and quick retros to improve future sprints.

Experience our Industry leading, 1-day design sprint that leverages the agile environment. Our methods focus on real outcomes instead of outputs, fast iterations based on usability testing, and quick retros to improve future sprints.

Experience our Industry leading, 1-day design sprint that leverages the agile environment. Our methods focus on real outcomes instead of outputs, fast iterations based on usability testing, and quick retros to improve future sprints.

Brand Colors

Fill and border colors for backgrounds and more.
Changes here will apply site wide.
Style Guide.
Brand Blue
#ff007a
Red Ribbon
#cf56ff
Teal
#38a7ff
Blue Ribbon
#000
Yellow
#d4d4d4
Night Black
#f8f8f8
Blue Grey
#f3f4f5
Lite Blue
#fff

Forms & Fields

Form and input fields including subscribe forms.
Changes here will apply site wide.
Style Guide.
Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Send
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Send Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All Links

Buttons & Links

Buttons, links & Read More buttons.
Changes here will apply site wide.
Style Guide.
black button
48px
Main Button
white button
48px
Main Button
Accent 1 button
48px
Main Button
Accent 3 Button
48px
Main Button
black Border
48px
Border Button
white border
48px
Border Button
Accent 1 Border
48px
Border Button
Accent 3 Border
48px
Border Button
Large black button
64px
Large Button
Large white button
64px
Large Button
Large Accent 1 button
64px
Large Button
Large Accent 3 Button
64px
Large Button
Full Width button
Apply Class: 100W
Main Button
Large Button
Inline link 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Inline link 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Black Link
w/ Animated Icon
Read More
White Link
w/ Animated Icon
Read More