for partners and developers.
Minimum Size
Maintain a minimum logo size of 24px height for digital use and 0.5 inches for print.
Clear Space
Provide clear space around the logo equal to at least half the height of the logo.
Color Variations
Use the logo in full color on light backgrounds, or in white on dark backgrounds.
Don't Modify
Never stretch, rotate, add effects, or modify the logo in any way.
Primary
#1B37DB
Main brand color for text and primary elements
Secondary
#329FFE
Secondary text and supporting elements
Accent
#355CFF
Accent color for highlights and interactive elements
Background
#F7F5F3
Main background color
Border
rgba(27,55,219,0.12)
Subtle borders and dividers
White
#FFFFFF
Card backgrounds and contrast elements
Serif Headings
Instrument Serif
Main page titles and hero headings
Sans Body
Inter
Body text, descriptions, and UI elements
Wordmark
Icon
Both (Icon + Wordmark)
XS
4px
Tight spacing for related elements
SM
8px
Small spacing for grouped items
MD
16px
Medium spacing for sections
LG
24px
Large spacing for major sections
XL
32px
Extra large spacing for page sections
2XL
48px
Maximum spacing for hero sections
Clear and Direct
Communicate clearly without unnecessary jargon. Be straightforward and honest in all communications.
Helpful and Supportive
Focus on helping users succeed. Provide guidance and support throughout their journey.
Professional yet Approachable
Maintain professionalism while remaining friendly and accessible to all users.
Innovative and Forward-thinking
Embrace new ideas and technologies while explaining their benefits clearly.
Icon Style
Use consistent line weight (1.5px) and rounded-none corners. Icons should be simple and recognizable.
Icon Size
Standard icon sizes: 16px, 24px, 32px. Maintain consistent sizing within the same context.
Icon Color
Icons should use the primary color (#1B37DB) or secondary color (#329FFE) based on context.
Icon Spacing
Provide adequate padding around icons. Minimum 4px padding for 16px icons, 8px for 24px icons.
Do
- •Use the logo at appropriate sizes
- •Maintain clear space around the logo
- •Use approved color variations
- •Follow typography guidelines
Don't
- •Modify or distort the logo
- •Use unapproved colors
- •Place logo on busy backgrounds
- •Create custom logo variations
build your website?
powerful components, and seamless integrations.
All trademarks and registered trademarks are the property of their respective owners.
