Enigma 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.

Fonts

Typeface, source and License

Typeface

Enigma uses the open-sourced typeface, Poppins.
It's available on Google Fonts and designed by Indian Type Foundry.

Font Weight

Font-weight: 200 / Extra Light
Font-weight: 400 / Normal
Font-weight: 600 / Semi Bold
Font-weight: 700 / Bold

Typography

Headings and text styles

Headings

Title - H1

Title - H2

Title - H3

Title - H4

Title - H5
Title - H6

Text types

Subtitle - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Medium - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Small - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hint - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text styles

Text Default - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Light - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Bold - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block quotes

Block Quote

Rich Text

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.

Enigma Software Template

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!

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
  • unordered list item
  • unordered list item
  • unordered list item
Ordered list
  1. ordered list item
  2. ordered list item
  3. ordered list item
blockquotes

Colors

Color palette and theme

Neutral Dark 5
#171717
Neutral Dark 4
#313131
Neutral
#999999
Neutral Light 5
#FAFAFA
Neutral Light 4
#E7E7E7
Neutral Light 2
#C0C0C0
Primary
#02AEF2
Secondary
#5BDBD4
Contrast
#FF644C
Contrast Secondary
#FFAD4C
White
#ffffff
White Opacity Light
#ffffff 70%
White Opacity Light
#ffffff 30%

Buttons

Buttons and links

Lists

Ordered and unordereD

Ordered list

  1. list item 1
  2. list item 1
  3. list item 1

Unordered list

  • list item 1
  • list item 1
  • list item 1

Help Links

Webflow guides