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
Scrummage uses the open-sourced typeface, Inter.
It's available on Google Fonts and designed by Rasmus Andersson
Font Weight
Source and license
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.
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
- ordered list item
- ordered list item
- ordered list item
blockquotes
Colors
Color palette and theme
Black
#070f1a
Dark
#1f2631
Grey
#404350
Light
#f2f4f8
Black Opacity
#070f1a 10%
Light Grey
#73849a
Lavender Blush
#ffebfc
Deep Pink
#ec008c
Orange
#ffa185
Coral
#fd8274
Blue
#6e71dc
Yellow
#fec114
Light Yellow
#fff7e6
Light Blue
#ebf5ff
Green
#2bb673
Light Green
#f0faf5
Purple
#352c82
Placeholder
#ffffff
Placeholder
#ffffff
Placeholder
#ffffff
White
#ffffff
White Opacity Light
#ffffff 70%
White Opacity Light
#ffffff 30%
Lists
Ordered and unordereD
Ordered list
- list item 1
- list item 1
- list item 1
Unordered list
- list item 1
- list item 1
- list item 1
Help Links
Webflow guides
