Visual Identity

The elements used to represent Seaonic and it's products, such as its logo, color scheme, web design, illustration style, animation style, typography, icons, photography, and the overall aesthetic representation of the brand.

Logo

Colour Palette

#FFFFFF

#F5F5F5

#80E0EF

#01D4E8

#0371BF

#0C2786

#000B33

#000000

Typography

Font Scale 
Explanation

Heading 1 (H1): Primary headline, used for titles or key messaging.

Heading 2 (H2): Section headings or important subheaders.

Heading 3–H5: Subsections or less prominent headings, scaled progressively smaller.

Heading 6: CTA's

Paragraph 1: Default body text for main content.

Paragraph 2: Supporting text or smaller content.

Paragraph 3: Small text like captions, disclaimers, or fine print.

Font Type

Titles: Exo 2

Headings: Lato Black

Paragraphs: Lato Normal

CTA's: Lato Bold

Desktop

Heading 1

heading 2

heading 3

heading 4

heading 5

heading 6

Paragraph 1 - Body Text

Paragraph 2 - Secondary Body

Paragraph 3 - Small/Captions

Tablet

Heading 1

heading 2

heading 3

heading 4

heading 5

heading 6

Paragraph 1 - Body Text

Paragraph 2 - Secondary Body

Paragraph 3 - Small/Captions

Mobile

Heading 1

heading 2

heading 3

heading 4

heading 5

heading 6

Paragraph 1 - Body Text

Paragraph 2 - Secondary Body

Paragraph 3 - Small/Captions

CTA's