Brand guidelines
WealthOS
The financial operating system for Saudi Arabia. This identity is deliberately drawn from the same brand system as elvone, one visual language across the portfolio, not a new one invented per product.
Logo & mark
Full lockup
The icon mark and wordmark together. This is the default logo, use it whenever there's room.
Icon mark alone
The same open-ring mark used across the elvone/neuriya portfolio: one continuous connection, closing the loop between a customer's accounts and their money. Gradient and box-free, anywhere the full lockup won't fit; the favicon is the one exception, boxed and plain white for legibility at tab size.
Clear space & minimum size
- Keep clear space around the full lockup at least equal to the height of the icon mark, on all sides.
- Don't render the full lockup narrower than 120px wide.
- The icon mark alone stays legible down to 16px; that's its floor.
Don't
- Don’t recolor the mark or wordmark outside the defined palette.
- Don’t place the logo where it needs to compete with a busy background; give it clear space.
- Don’t stretch, skew, rotate, or add drop shadows or outlines.
- Don’t introduce a second gradient; the one Bright Blue → Bright Green gradient is the brand’s only one.
- Don’t set "WealthOS" in any font other than Exo for display use.
- Don’t separate the icon mark and wordmark by more than their defined lockup spacing.
Color
Bright Blue
Primary: CTAs, links, gradient start
#007AFF · --color-primary
Steel Blue
Secondary: supporting accent
#35536F · --color-secondary
Bright Green
Accent: highlights, gradient end
#D0F94A · --color-accent
Green (text)
Same hue, darkened for readable text/labels on light backgrounds
#607619 · --color-accent-text
Off White
Background
#F5F7F9 · --color-background
White
Cards & panels
#FFFFFF · --color-panel
Cool Gray
Nested cards
#E9EEF3 · --color-panel-2
Charcoal
Heading text (darkest)
#17212B · --color-heading
Slate
Body text
#5B6875 · --color-text
Soft Gray
Borders & dividers
#D4DCE4 · --color-border
Gradient
Vivid Signal
The one brand gradient: wordmark, key emphasis phrases, and CTA buttons. Never a second gradient. Shared verbatim with elvone.
#007AFF → #D0F94A · --gradient-primary
Typography
Display · Exo, bold, uppercase
One stack.
One picture.
Used for headlines and section titles only. Always uppercase, always tight leading.
Body · Montserrat
Used for all running copy. Optimised for long-form reading on a light interface: regular weight for paragraphs, semibold for emphasis.
Mono · JetBrains Mono
Labels · Eyebrows · Prices
Reserved for small uppercase labels, tags, and anything numeric — including every SAR price on this site. Never for paragraph copy.
Voice & tone
- Precise and numbers-led. State the price, the timeline, and the deliverable — never round up a claim.
- Never claim a capability or integration that hasn’t actually been built and tested.
- WealthOS assesses and connects; it never moves money without an explicit, auditable customer instruction.
- Say what stage the product is at plainly: a pilot assessment is a pilot assessment, not "a platform," until Stage 2 actually exists.
- No hype. The tone is a precise operator quoting a scope and a price, not a growth-hacked landing page.
Usage guidelines
- Brand name is always "WealthOS", capitalized exactly this way — never "Wealthos" or "WEALTHOS" in running text.
- The wordmark and key emphasis phrases use the one approved gradient, Bright Blue to Bright Green, clipped to text; nothing else on the site uses a second gradient.
- Lead with Bright Blue for primary CTAs and links; reserve Steel Blue for secondary actions and hairline accents. Bright Green is never used as small text or UI labels on a light background — use Green (text) instead, the same hue darkened for legibility.
- Backgrounds are light (Off White/White); WealthOS does not have a dark theme today, matching the shared elvone/neuriya brand system this identity is drawn from.
- Mono type (JetBrains Mono) is reserved for labels, eyebrows, and data, never for body copy.
Assets
/wealthos/logo.svg · full lockup (icon + wordmark)
/wealthos/icon.svg · icon mark only
/wealthos/favicon.svg · favicon (same mark, boxed)