Guidelines
Brand guidelines for the Rogo identity.
Logo
Wordmark
The Rogo wordmark features "rogo" in lowercase with a custom logotype. The distinctive circular forms on the "g" and "o" characters create a recognizable and modern appearance.
Wordmark Dark
For use on light backgrounds
Wordmark Light
For use on dark backgrounds
Icon Mark
The Rogo icon mark is an abstract geometric symbol formed by two brackets creating a dynamic, offset composition. It represents data framing, precision, and focus—core principles of the Rogo platform.
Icon Mark Dark
For use on light backgrounds
Icon Mark Light
For use on dark backgrounds
Usage Guidelines
Clear Space
Maintain adequate clear space around the logo to ensure visibility and impact. This protected area should remain free of other graphic elements.
- Wordmark: Minimum clear space equal to the height of the "o"
- Icon mark: Minimum clear space equal to ¼ the width of the mark
Minimum Size
Voice & Tone
Brand Voice
Rogo's voice is professional, authoritative, and confident without being arrogant. We communicate clearly and directly, with an enterprise-focused approach that builds trust with financial professionals.
- Professional and authoritative
- Confident but not arrogant
- Clear and direct
- Enterprise-focused
Key Messaging Themes
- Security and trust: "Built for Enterprise, Secure by Design"
- Efficiency and automation: "Stop Wasting Your Team's Time"
- Financial expertise: "AI That Learns How Your Firm Thinks and Works"
- Innovation with credibility: Cutting-edge technology backed by domain expertise
Capitalization
- Section labels: ALL CAPS with tracking (e.g., "SECURITY", "OVERVIEW")
- Headlines: Title Case with emphasis differentiation
- Body copy: Sentence case
Photography & Imagery
Style
Urban, architectural photography featuring modern skyscrapers and financial district imagery. Used as dramatic full-width backgrounds with overlay content to create a sense of scale and professionalism.
Treatment
- Desaturated or muted tones
- Cool gray-blue color grading
- White UI cards overlaid on imagery for contrast
- High contrast between imagery and content
UI Elements
Buttons
- Primary: Solid fill with white text
- Secondary: Brand color fill with white text
- Border radius: 6–8px
- Padding: 12px 24px
Cards
- Clean, minimal backgrounds
- Border: None or subtle
- Border radius: 8–12px
- Shadow: Subtle, minimal elevation
Icons
- Style: Outlined, minimal line icons
- Stroke: 1.5–2px
- Consistent sizing within context
Layout Principles
- Generous white space with clean, uncluttered layouts
- Left-aligned content for readability
- Card-based UI for content organization
- Two-column grids for feature sections
- Full-width hero sections with bold headlines
- Consistent spacing rhythm throughout
Data Visualization
- Clean table interfaces with subtle borders
- Checkmarks and progress indicators for status
- Minimal chart styling without excessive decoration
- Highlight key data points with brand accent colors
- Clear hierarchy between primary and secondary data