Style Guide
The Designrmind Style Guide provides text styles, color styles, and UI elements used in most web designs. All applied styles can be edited in the Assets tab to the left.
Typography
Typeface
Font size: 64px / 4rem | Line height: 120%
Lorem ipsum dolor sit amet consectetur
Font size: 56px / 3.5rem | Line height: 120%
Lorem ipsum dolor sit amet consectetur
Font size: 48px / 3rem | Line height: 120%
Lorem ipsum dolor sit amet consectetur
Font size: 40px / 2.5rem | Line height: 130%
Lorem ipsum dolor sit amet consectetur
Font size: 32px / 2rem | Line height: 140%
Lorem ipsum dolor sit amet consectetur
Font size: 24px / 1.5rem | Line height: 140%
Lorem ipsum dolor sit amet consectetur
Font size: 20px / 1.25rem
Line height: 150%
Text Large
Light
Text Large
Regular
Text Large
Medium
Text Large
Semibold
Text Large
Bold
Text Large
Extra Bold
Font size: 18px / 1.125rem
Line height: 150%
Text Medium
Light
Text Medium
Regular
Text Medium
Medium
Text Medium
Semibold
Text Medium
Bold
Text Medium
Extra Bold
Font size: 16px / 1rem
Line height: 150%
Text Normal
Light
Text Normal
Regular
Text Normal
Medium
Text Normal
Semibold
Text Normal
Bold
Text Normal
Extra Bold
Font size: 14px / 0.875rem
Line height: 150%
Text Small
Light
Text Small
Regular
Text Small
Medium
Text Small
Semibold
Text Small
Bold
Text Small
Extra Bold
Font size: 12px / 0.75rem
Line height: 150%
Text Tiny
Light
Text Tiny
Regular
Text Tiny
Medium
Text Tiny
Semibold
Text Tiny
Bold
Text Tiny
Extra Bold
Colors
Light-Primary
Light-Secondary
Light-Tertiary
Dark-Primary
Dark-Secondary
Darl-Tertiary
UI Elements
Buttons
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button