What is this guide
This Style Guide is a comprehensive resource designed to ensure consistency and coherence in the visual and textual presentation of our brand and products. It serves as the definitive reference for our design principles, encompassing color schemes, typography, and general styling rules. Purpose and Usage The primary purpose of this guide is to maintain a consistent brand image and communication style across all platforms and mediums. Whether you're creating web content, marketing materials, or product interfaces, this guide will provide you with the necessary tools and guidelines to align your work with our brand's standards.
How to use this guide
Colors: The color section provides a palette of colors with specific codes that define our brand's visual identity. Use these colors to ensure uniformity in web design, digital media, and print materials. Fonts: In the fonts section, you'll find a curated selection of typefaces and styles that are essential to our brand's voice. This section specifies font sizes, weights, and styles for different contexts. Text Styles: This section outlines various text styles, including headings, paragraphs, blockquotes, and more, each with specific styling guidelines. Refer to this section to style text content consistently across all platforms.
Colours
The color schemes used in this site are listed below
light blue
#add8e6
light cyan
#e0ffff
blue
#0000ff
purple
#800080
light green
#90ee90
orange
#ffa500
light pink
#ffb6c1
pink
#ffc0cb
Fonts
This is Roboto font.
Font: Roboto, Size: 16px, Weight: 400This is Open Sans font.
Font: Open Sans, Size: 16px, Weight: 400This is Lato font.
Font: Lato, Size: 16px, Weight: 400Text Styles
Heading 1 Example
Style: Font Size: 32px, Weight: Bold, Font Family: RobotoHeading 2 Example
Style: Font Size: 24px, Weight: Bold, Font Family: Open SansParagraph text example
This is a sample paragraph to demonstrate the text style.
Logos

CodeCore.png

Logo2.png