GoCSM Brand Guidelines
LOGO TYPE
The GoCSM logo represents our identity, featuring a modern and dynamic design comprising gradient bars paired with clear typography. The logo symbolizes connectivity, growth, and streamlined customer success management.
Proper Usage:
- Always maintain clear spacing around the logo to ensure readability.
- Use provided high-resolution files for both digital and print applications.
- Keep the logo proportions consistent without stretching or distorting the dimensions.
Restrictions:
- Do not alter colors, rotate, skew, or add effects like shadows or outlines.
- Avoid placing the logo on backgrounds that clash with its gradient color scheme.
LOGO VERSIONS
The GoCSM logo is available in multiple color variations to maintain brand visibility and contrast across diverse applications.
ICON
The GoCSM icon is a simplified representation of our brand designed for smaller applications, such as mobile app icons, favicons, social media profiles, or visual markers where space is limited.
#06233D
#1E293B
#67768E
#000000
#ffffff
PRIMARY COLORS
Primary colors are foundational, reflecting professionalism and trust. Use these colors predominantly in backgrounds, text, and large interface elements.
ACCENT COLORS
Accent colors enhance visual engagement, drawing attention to key information or interactive elements.
#2897FC
#4ACE29
#FAC202
#E84E38
Linear gradient 90°
#0097b2
#7ed957
Linear gradient 90°
#ffde59
#ff914d
Linear gradient 90°
#5de0e6
#004aad
GRADIENTS
Gradients offer visual dynamism, ideal for icons, graphics, or UI elements needing depth and visual interest.
TYPOGRAPHY
GoCSM Fonts is essential to maintaining GoCSM’s brand consistency and visual clarity. Our selected typefaces enhance readability and establish a clear informational hierarchy across our communication channels.
Proper Usage:
- Maintain consistent type scale and font weights to create a cohesive brand experience.
- Ensure sufficient contrast with the background colors for optimal readability.
Restrictions:
- Avoid mixing unapproved fonts with the GoCSM typography set.
- Do not overly reduce text size or apply stylistic effects (like outlines or shadows) that compromise legibility.
Heading
Use these weights for main titles and prominent headings, ensuring maximum visibility and immediate recognition. Ideal for capturing attention in banners, page titles, and major UI elements.
GoCSM Extra Bold
GoCSM Extra Bold
Sub-heading
Appropriate for secondary headers and subheadings, providing clear differentiation from main headings. Offers balance by emphasizing essential subsections without overpowering primary headings.
GoCSM Semi Bold
GoCSM Semi Bold
Body Text
Designed for extended reading comfort and clarity. Use Regular weight for general body text and detailed information. Light and Extra Light variants are suited for subtle textual elements, disclaimers, captions, or smaller interfaces.
