Docquity Design System
Typography
Display 1
Display 1
Display 2
Display 2
Display 3
Display 3
Display 4
Display 4
XXL – H1
Heading – XXL
XL – H2
Heading – XL
LG – H3
Heading – LG
MD – H4
Heading – MD
SM – H5
Heading – SM
XS – H6
Heading – XS
XXS – H7
Heading – XXS
XXXS – H8
Heading – XXXS
H1
Heading 1
H2
Heading 2
H3
Heading 3
H4
Heading 4
H5
Heading 5
H6
Heading 6
Label
Label
Button – Small (Default)
Button Small
Button – Medium
Button Medium
Button – Large
Button Large
Caption
Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla. Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla.
Body – Default
Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla. Commodo commodo sint veniam irure dolore velit eu officia cupidatat amet laborum aute. Sit ut nisi est et duis eu eiusmod nulla aliqua. Ullamco sint voluptate excepteur Lorem ea ad. Consequat nisi cillum veniam ad velit eu nisi. Et adipisicing et enim anim eiusmod anim aliquip.
Esse incididunt reprehenderit et irure amet fugiat dolor. Adipisicing veniam sunt laborum labore amet. Labore in ullamco laboris magna id labore exercitation tempor duis. Veniam dolore eu cupidatat duis duis consectetur commodo amet. Ut et magna nulla qui culpa aute. Veniam excepteur magna sunt proident pariatur in veniam aliquip consequat irure culpa mollit.
Body – Small
Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla. Commodo commodo sint veniam irure dolore velit eu officia cupidatat amet laborum aute. Sit ut nisi est et duis eu eiusmod nulla aliqua. Ullamco sint voluptate excepteur Lorem ea ad. Consequat nisi cillum veniam ad velit eu nisi. Et adipisicing et enim anim eiusmod anim aliquip.
Esse incididunt reprehenderit et irure amet fugiat dolor. Adipisicing veniam sunt laborum labore amet. Labore in ullamco laboris magna id labore exercitation tempor duis. Veniam dolore eu cupidatat duis duis consectetur commodo amet. Ut et magna nulla qui culpa aute. Veniam excepteur magna sunt proident pariatur in veniam aliquip consequat irure culpa mollit.
Body – Large
Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla. Commodo commodo sint veniam irure dolore velit eu officia cupidatat amet laborum aute. Sit ut nisi est et duis eu eiusmod nulla aliqua. Ullamco sint voluptate excepteur Lorem ea ad. Consequat nisi cillum veniam ad velit eu nisi. Et adipisicing et enim anim eiusmod anim aliquip.
Esse incididunt reprehenderit et irure amet fugiat dolor. Adipisicing veniam sunt laborum labore amet. Labore in ullamco laboris magna id labore exercitation tempor duis. Veniam dolore eu cupidatat duis duis consectetur commodo amet. Ut et magna nulla qui culpa aute. Veniam excepteur magna sunt proident pariatur in veniam aliquip consequat irure culpa mollit.
Section – Title 1
Your lifelong education begins here
Section – Title 2
Your lifelong education begins here
Section – Intro
Dolor amet officia consequat excepteur sit deserunt. Sit aliqua ullamco magna excepteur nostrud nulla. Commodo commodo sint veniam irure dolore velit eu officia cupidatat amet laborum aute. Sit ut nisi est et duis eu eiusmod nulla aliqua. Ullamco sint voluptate excepteur Lorem ea ad. Consequat nisi cillum veniam ad velit eu nisi. Et adipisicing et enim anim eiusmod anim aliquip.
Esse incididunt reprehenderit et irure amet fugiat dolor. Adipisicing veniam sunt laborum labore amet. Labore in ullamco laboris magna id labore exercitation tempor duis. Veniam dolore eu cupidatat duis duis consectetur commodo amet. Ut et magna nulla qui culpa aute. Veniam excepteur magna sunt proident pariatur in veniam aliquip consequat irure culpa mollit.
Colors
Primary
Primary / Main
#E2504B
Primary / Hover
#C74945
Primary / Border
#B6423E
Primary / Light
#E3ACAB
Primary / Medium
#C73F3B
Primary / Dark
#9C2825
Secondary
Secondary / Main
#285E67
Secondary / Hover
#22525A
Secondary / Border
#1D454B
Secondary / Light
#8CB3BA
Secondary / Medium
#154D56
Secondary / Dark
#042C33
Quiet
Quiet / Main
#74788D
Quiet / Hover
#636678
Quiet / Border
#5D6071
Quiet / Light
#E3E4E8
Quiet / Medium
#464855
Quiet / Dark
#383A44
Light
Light / Main
#EFF2F7
Light / Hover
#E3E7EE
Light / Border
#D9DFE7
Light / Light
#FFFFFF
Light / Medium
#CED4DA
Light / Dark
#ADB5BD
Dark
Dark / Main
#343A40
Dark / Hover
#1B1E21
Dark / Border
#1B1E21
Dark / Light
#495057
Dark / Medium
#2E3235
Dark / Dark
#000000
Accent
Accent 1
#FDF7F0
Accent 2
#FFF5F5
Accent 3
#FDDED7
Accent 4
#EFF5F5
Gradient
Gradient 1
Gradient 2
Gradient 3
Buttons
Primary
Primary
Primary
Secondary
Secondary
Secondary
Components