Navaro logo
Navaro
Personal finance platform
Design System
Components, tokens, and examples.

Style Guide

Brand story and experience principles to guide the system.

Brand Story

Navaro is a modern personal finance platform built to give people complete control and clarity over their financial lives. From day-to-day income and expenses to long-term investments and net-worth tracking, the product brings everything together into one coherent, trustworthy system.

Our mission is to help users move from guessing to knowing — with tools that make financial awareness effortless, accurate, and empowering.

Logo

Navaro logo
Navaro logo (SVG)
Path: /public/navaro-logo.svg

Use the provided SVG for brand placement in navigation and system pages.

Experience Principles

Calm
No noise, just clean information.
Analytical
Structured data presented intelligently.
Trustworthy
Dependable, stable, and respectful of financial context.
Holistic
Complete overview of finances, not just investments.

Design System Overview

A compact summary table for key system attributes. Use the small table size for tight dashboards and detail panes.

CoverageIncome, spending, net worth
Realised profit / lossInsights + attribution
DividendsCash yield summary
Transaction costFees and spreads
Transaction taxRegulatory charges
VoiceCalm, analytical, trustworthy
FocusClarity + control
Data densityCompact by default

Key Themes

  • Broader than investments.
  • Includes income, expenses, budgeting, and cash flow.
  • Includes accounts, holdings, and net worth.
  • Analytical, calm, and professional.
  • Emphasizes clarity and control.

PersonalFinancePro supports users in building confidence, understanding patterns, and making better decisions — whether they are tracking spending habits, organizing accounts, or managing investment performance.