Style Guide

Style guide page contains styles and components used in Enigma template.You can change any style or color from this page and it will be applied for the whole template.Use links below to find what you need.

typography

urbanist

Urbanist is a low-contrast, geometric sans-serif inspired by Modernist typography and design. The project was launched by Corey Hu in 2020 with 9 weights and accompanying italics. Conceived from elementary shapes, Urbanist's neutrality makes it a versatile display font for print and digital mediums. It is currently available as a variable font with a weight axis.

It's available on Google Fonts with Open Font License and designed by Corey Hu.

h1 - Heading

h2 - Heading

H3 - heading

H4 - heading

H5 - heading

H6 - heading

Body text - Text large - Font weight 400 / normal.

Body text - Text regular - Font weight 400 / normal.

Body text - Text small - Font weight 600 / semi-bold.

Body text - Text extra small - Font weight 600 / semi-bold.

colors

Dark Main - #050605

Dark Additional - #292722

Light Main - #D0CBBB

Light Additional - #8D897F

Bright Main - #D2B379

Bright Additional - #EBBB61

buttons
& links

primary Button

secondary Button

Link button

small text link button

Rich Text

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Unordered list item
unordered list item
unordered list item

ordered list item
ordered list item
ordered list item

‍

Block Quote