Style Guide
An overview of Marel styling and interface elements.
An overview of Marel styling and interface elements.
Marel makes use of the Space Grotesk webfont for headings and body text.
#5A52FF
#0F072E
#F3F2FC
#321C64 #5731AB
Marel makes use of the Space Grotesk webfont for headings and body text.
Link exampleLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Represent users or customers around the interface
Marel makes use of the Space Grotesk webfont for headings and body text.
Indicate the current page’s location within a navigational hierarchy.
Styles for buttons with support for Multiple sizes, states, and more.
Styles and state variations for text inputs
Checkboxes, Radios and Select.
Provide messages for typical actions with the flexible alert messages.
Decoration images with resonsive positioning.
Indicate a series of related content exists across multiple pages.
Preset styles to imply depth on interface components
$shadow_1
$shadow_1
$shadow_1
Decorative elements to give your site some dynamic appeal
Custom logo designed for your work examples.
Structural component for displaying boxed content
Create professional short form video with the online video editor that anyone can master.
Create professional short form marel with the online marel.
Keep track of all the important