Treasury Suite
Complete brand guidelines and visual identity system for professional financial technology solutions
Logo System
Our logo is the cornerstone of the Treasury Suite brand. It should be used consistently across all touchpoints to maintain brand recognition and trust.
Primary Logo
Use this version whenever possible. Maintains optimal legibility and brand recognition.
Logo Mark
Use when space is limited or when the full logo isn't practical. Perfect for favicons and small applications.
Color Palette
Our color system reflects trust, innovation, and financial expertise. Each color serves a specific purpose in our visual hierarchy.
Typography
Clean, modern typography that ensures readability and maintains professional credibility across all platforms.
Heading 1 - Primary Headlines
Heading 2 - Section Headers
Heading 3 - Subsection Headers
Body Bold: Use for emphasis and important information that needs to stand out in content.
Body Regular: This is our standard body text. It should be used for all general content, descriptions, and paragraphs throughout our communications.
Code/Technical: For technical specifications, API references, and system information.
Primary Font
System UI Font Stack
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif
Monospace Font
For code and technical content
'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace
Spacing & Layout
Consistent spacing creates visual harmony and improves user experience across all Treasury Suite touchpoints.
Spacing Scale
Logo Variations
Complete collection of logo variants for different applications and backgrounds.
Full Logo - Teal
Primary brand color
Full Logo - Black
For light backgrounds
Full Logo - White
For dark backgrounds
Logo Mark - Teal
Primary brand color
Logo Mark - Black
For light backgrounds
Logo Mark - White
For dark backgrounds
Logo Usage Guidelines
Proper logo usage ensures consistent brand representation and maintains the integrity of our visual identity.
When to Use Full Logo
The full logo should be your primary choice whenever space allows:
- Website headers and footers
- Marketing materials and presentations
- Business cards (if space permits)
- Email signatures
- Letterheads and documents
When to Use Logo Mark
Use the logo mark when space is limited or for specific applications:
- Favicons and app icons
- Social media profile pictures
- Small digital badges
- Watermarks
- Tight spacing scenarios
Clear Space & Sizing
Maintain proper spacing and never use logos smaller than minimum sizes:
- Full Logo: 120px wide minimum (digital)
- Logo Mark: 32px minimum (digital)
- Print: 1 inch minimum width
- Clear Space: 1.5x logo height all around
Do's and Don'ts
Following these guidelines protects our brand integrity and ensures consistent visual communication.
✓ DO
- Use the logo on clean, uncluttered backgrounds
- Maintain proper clear space around the logo
- Use approved color variations only
- Scale proportionally when resizing
- Use high-resolution files for all applications
- Choose the appropriate logo variant for each use case
✗ DON'T
- Stretch, skew, or distort the logo
- Change colors or add effects to the logo
- Place the logo on busy or low-contrast backgrounds
- Use the logo smaller than minimum sizes
- Recreate or redraw the logo
- Add drop shadows, outlines, or other effects
Brand Voice & Personality
Our brand voice reflects our commitment to financial innovation, trust, and user-centric design.
Professional
We communicate with expertise and authority, building trust through clear, accurate information and reliable solutions.
Innovative
We embrace forward-thinking approaches to financial technology, always seeking better ways to serve our users.
Accessible
We make complex financial concepts simple and understandable, ensuring our solutions are inclusive and user-friendly.
Background Assets
Subtle background patterns and textures to enhance your Treasury Suite branded materials while maintaining readability.
Treasury Suite Background
A light, subtle background pattern perfect for presentations, marketing materials, and web pages.
Example Usage
Demonstrates how the background works with overlaid content and proper contrast.
Sample Content
Use semi-transparent overlays to ensure text readability.
Usage Guidelines
- Perfect for slide decks, web banners, and marketing collateral
- Maintains brand consistency without overwhelming content
- Always ensure text has adequate contrast when placed over the background
- Works best with white or semi-transparent overlays for text content
Download Brand Assets
Access high-resolution logo files and brand assets for your projects.
Complete Logo Package
Full logos + logo marks in all colors (SVG & PNG)
Logo Transformer Script
Python script to generate custom color variants
Brand Guidelines
This complete brand guide (HTML)