Style Guide
Navigate the extensive design guidelines for color, typography, and essential design elements.
Colors
Primary
#7147e9
Secondary
#111111
Background 01
#f8e3f8
Background 02
#f1edfd
Background 03
#d7f3fe
Background 04
#f5daf6
Background 05
#fee5cd
Background 06
#b8f6b7
Border
#e1e1e1
Typography
Heading 1
The quick brown fox
56px / Bold / Lexend
Heading 2
The quick brown fox
40px / Bold / Lexend
Heading 3
The quick brown fox
28px / Bold / Lexend
Heading 4
The quick brown fox
22px / Bold / Lexend
Body Large
The quick brown fox jumps over the lazy dog. This is an example of body text at a larger size, used for introductory paragraphs and descriptions.
18px / Regular / Lexend
Body Default
The quick brown fox jumps over the lazy dog. This is the default body text size used throughout the template for general content and descriptions.
16px / Regular / Lexend
Handwriting / Accent
The quick brown fox jumps
36px / Covered By Your Grace
Icons
The Taskbes template uses SVG icons throughout the interface. All icons are inline SVG for optimal performance and easy color customization via CSS currentColor.