OpenFinance-OS Visual Identity System
OpenFinance-OS is the community home for UAE Open Finance. This brand guide ensures consistency across all touchpoints, building recognition and trust within the ecosystem.
These guidelines define how we present OpenFinance-OS visually and verbally. Following them ensures our brand remains cohesive, professional, and recognizable.
OpenFinance-OS is a community initiative, not an official regulatory body. Our brand must clearly communicate this while maintaining professionalism expected in financial services.
Community members creating content, documentation, or materials for OpenFinance-OS.
Organizations referencing or co-branding with OpenFinance-OS in their materials.
Our mission and values guide every decision we make, from design choices to content creation.
"To bring visibility, resources, and collaboration to the UAE Open Finance ecosystem through community-driven, open-source tools and content."
We operate in the open. Our code, data sources, and decision-making are visible to all.
We believe ecosystems thrive when participants work together.
We link to official sources, never replace them.
We don't rank or favor specific participants. Our content is factual and balanced.
Our brand has a distinct personality that guides how we communicate and present ourselves.
| We Are | We Are Not |
|---|---|
| Knowledgeable — Deep expertise shared generously | Condescending or elitist |
| Professional — Trustworthy and reliable | Stiff, corporate, or bureaucratic |
| Welcoming — Warm and approachable | Overly casual or unprofessional |
| Clear — Direct and easy to understand | Jargon-heavy or confusing |
| Community-focused — Here to serve | Self-promoting or commercial |
Our logo represents the interconnected Open Finance ecosystem — banks, TPPs, regulators, and developers working together.
The interconnected ecosystem — banks, TPPs, regulators, developers.
Levels of participation — sandbox, production-ready, live.
Four key stakeholders: Banks, TPPs, Regulators, Developers.
The "live" indicator — activity, momentum, growth.
Proper logo usage ensures brand consistency. Follow these guidelines in all applications.
Maintain minimum clear space around the logo equal to the height of the accent dot. Never use the logo smaller than 32px for digital or 0.5" for print.
| Context | Minimum Size | Notes |
|---|---|---|
| Digital | 32px | Use simplified favicon below 48px |
| 0.5" / 12mm | 300dpi minimum resolution | |
| Full logo | 200px width | Use mark only if narrower |
Our color palette balances professionalism with warmth. Teal conveys trust; amber adds energy and approachability.
Use accent colors sparingly for emphasis — CTAs, highlights, badges, and the logo's "live" indicator. The accent should draw attention without overwhelming the primary palette.
Our typography system uses three typefaces, each serving a specific purpose to create hierarchy and readability.
Our display typeface for headlines and titles. Brings personality while maintaining professionalism.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Our primary body typeface for all general content and UI. Clean, modern, highly legible.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Our monospace typeface for code, technical content, and data displays.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 {} [] () =>
!==
Consistent spacing creates visual rhythm and hierarchy. Our scale is based on a 4px base unit.
| Token | Value | Use Case |
|---|---|---|
| radius-sm | 6px | Tags, small buttons |
| radius-md | 10px | Buttons, inputs |
| radius-lg | 16px | Cards, containers |
| radius-xl | 24px | Modals, large panels |
Reusable components ensure consistency across all digital products and interfaces.
Button Variants
Status Tags
Our voice is consistent; our tone adapts to context. Here's how we communicate.
Use plain language. Avoid jargon. If technical terms are necessary, explain them.
Anticipate questions. Provide context. Link to resources.
Never overstate our authority. Clarify our community nature.
Welcome all skill levels. Avoid assumptions about knowledge.
The community home for UAE Open Finance
"OpenFinance-OS is a community initiative and is not affiliated with, endorsed by, or officially connected to the CBUAE, Al Tareq Platform, or any financial institution. Always verify information with official sources."
Download official brand assets for use in your projects and communications.
| Asset | Format | Use Case |
|---|---|---|
| logo-icon.svg | SVG | Primary logo mark, scalable |
| logo-icon-dark.svg | SVG | Dark backgrounds with glow |
| logo-full.svg | SVG | Full logo with wordmark |
| logo-favicon.svg | SVG | Simplified for small sizes |
| logo-icon-512.png | PNG | High-res raster, app stores |
| apple-touch-icon.png | PNG | iOS home screen |
/* Primary Colors */ --color-primary-500: #0D4F4F; --color-primary-400: #1A6B6B; /*
Accent Colors */ --color-accent-500: #E8A85C; --color-accent-300: #F5C989; /* Typography
*/ --font-display: 'Fraunces', Georgia, serif; --font-body: 'DM Sans', sans-serif;
--font-mono: 'JetBrains Mono', monospace;
Built by the community, for everyone.
OpenFinance-OS Brand Guidelines v1.0 · December 2025