Announcement Bar is Here For Your Information
Style Guide

Design Consistency:
TradePulse Style Guide

This guide provides detailed instructions on how to use colors, fonts, layouts, and other design components consistently across your projects.

Overview

This guide provides detailed instructions on how to use colors, fonts, layouts, and other design components consistently across your project.

Colors

Discover the core of TradePulse visual identity with a focused color palette: gray for balance, black for sophistication, white for clarity, and orange for energy.

#000000
#FFFFFF
#FE4804
#F6F6F6
#8CFF00

Fonts

This project utilizes the "Creato Display" font, which is 100% free for both personal and commercial use, ensuring versatility and accessibility in all your design needs.

Creato Display
www.dafont.com/creato-display.font

Headings

Heading L
Heading M
Heading S
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5

Paragraphs

Normal (16px) Paragraph

Text formatted at 16px offers excellent readability and visual comfort, making it the ideal choice for the main body of your content. This font size strikes a perfect balance between readability and space efficiency, allowing for clear presentation of information without overwhelming the reader. It's well-suited for detailed explanations and narrative content, ensuring that readers can easily engage with the text without strain.

Small (14px) Paragraph

Using 14px for text paragraphs provides a slightly more compact typography option, ideal for secondary texts such as captions, disclaimers, and footnotes. This smaller font size helps differentiate less critical information from the main content, while still maintaining legibility. It's particularly effective in areas where space is limited but clarity cannot be compromised, allowing for a clean, organized presentation of text across various design elements.

Rich Text

Text formatted at 16px offers excellent readability and visual comfort, making it the ideal choice for the main body of your content. This font size strikes a perfect balance between readability and space efficiency, allowing for clear presentation of information without overwhelming the reader. It's well-suited for detailed explanations and narrative content, ensuring that readers can easily engage with the text without strain.

Buttons

Brand Color Button
Gray Border Button
White Button

Buttons Inversed

Light Gray Button
Black Button

Grids

4 Column
3 Column
2 Column

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Notifications

Announcement Bar is Here For Your Information