This is the Notioneers Style Guide
https://notioneerseunew.super.site/en/style-guide-notioneers
Typefaces
These are the Notion Blocks:
Heading 1 with green text
Heading 2 with green text
Heading 3 with green text
Normal text
this is grey text
This is bold text
This is a bold text within a normal text
This is a Textlink within a text
This is a Italic Text
This is a italic and bold text
This is a numbered list
- First item
- second item
- third item
This is a bullet points list
- bullet point 1
- bullet point 2
- bullet point 3
This is notion todo
We’re using these fonts:
TWK Lausanne 300
TWK Lausanne 300 Italic
TWK Lausanne 600
TWK Lausanne 600 Italic
Buttons
We have the following button styles
Tags
Notion Code Formats are used for different applications.
Tags in the Sections are used just like this
SOLUTIONS
→ Green Background, Gray Text
PROCESS
→ Gray Background → Gray Text
Code Formats
Notion Format | Example | |
Code Format Green | Code Format
with color-default | Step 1 Click here in a how to step by step manual. |
Code Format Red | Code format
without formatting | Step 2 Click here in a how to step by step manual. |
Code Format Red | Code Format
with color-Red |
Colors
This is the preview of cards of main colors
AERIS
Callout - Blue Background
#ACD6EF
NIMBUS
Callout - Purple Background
#898AE3
MUSE
Callout - Pink Background
#CBA8E8
CORAL
Callout Red Background
#DBB0AF
SOLEA
Callout Yellow Background
#F9E8AF
COVE
Callout Orange Background
#E5C0A8
VEIL
Callout - Grey Background
#D1E2D1
Section Backgrounds
Section Background Mist
NOT IN USE YET
No Background
Brown Background
FAQ (Toggles)
UI Elements
Tabbed Nav
Name |
|---|
Forms
wewewewe
Keep up with the latest Notion business trends.
Subscribe to receive tips, templates and updates directly to your inbox.