documentation:

Style Guide

Logo

horizontal logo on white
horizontal logo on white
vertical logo on white
vertical logo on white
horizontal logo on black
horizontal logo on black
vertical logo on black
vertical logo on black

Color

Primary colors


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#4190C4
RGB 65, 144, 196


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#66CCCC
RGB 102, 204, 204


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#404040
RGB 64, 64, 64


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#FFFFFF
RGB 255, 255, 255

Secondary colors


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#FF6308
RGB 255, 99, 8


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

HEX #404040
RGB 64, 64, 64 (50%)


Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 695

Warning: Undefined array key "icon" in /home/serenaec/inknotebook/wp-content/plugins/elementor/includes/widgets/icon-box.php on line 708

#EEEEEE
RGB 238, 238, 238

Typography

Font Family

SF UI Text

Font Sizes

Heading 1

36px

SF UIText • Medium

Heading 2

36px

SF UI Text • Regular

Heading 3

36px

SF UI Text • Light

Heading 4

20px

SF UI Text • Bold

Body

16px

SF UI Text • Regular

LARGE BUTTON

16px

SF UI Text • Bold

SMALL BUTTON

14px

SF UI Text • Medium

Small Text

12px

SF UI Text • Regular

Components

Large Buttons

Small Buttons

Other Buttons

Default

Active

Input forms

Default

Search Box

Other components

Checkbox

Switch

Popover

Insert Menu

Small Popover

Color Selector

Alert Message

Draw Tool

Annotation Toolbar

Icons