Clear
Concrete labels, understandable numbers, and visible distinctions between spending, transfers, cash flow and balances.
Identity system / 01
A little clarity.
A lot of possibility.
BAS — Budget Automation Studio. Pronounced “bass,” like the fish. A practical, adaptable identity for an open-source budget studio.
The original fish remains the anchor. Use the full name at first mention, BAS in compact spaces, and “Find your financial flow.” as the primary brand line.
01 / Positioning
Your budget. Your connections. Your code.
Capable
A useful local workspace today, with optional adapters and code that can be changed as needs grow.
Self-directed
The user chooses connections and AI. Explain data boundaries without absolute privacy or security promises.
02 / Color
Grounded in ink. Guided by emerald.
Emerald
#10b981Mint
#6ee7b7Ink
#0a0d12Panel
#12161dSurface
#161b23Border
#232a35Text
#eef2f7Muted
#9aa6b6Use emerald for filled primary actions and graphics; pair it with ink text. Use mint for small accent text and links on dark surfaces. Financial meaning always needs a label as well as color.
03 / Typography & layout
Quiet structure. Clear numbers.
System UI keeps the product fast and native to its host. Use a heavy BAS wordmark, tightly spaced large headlines, regular body text, and tabular figures. Body copy: 16–17px. Product labels: 11–13px. Maintain a 1.6 line height for explanatory copy.
- 16px card corners; 10px controls; 44px minimum interactive targets.
- Use 8px spacing increments, generous outer margins and visible focus outlines.
- Keep the icon at least 24px on screen. Leave one quarter of its width clear on every side. Do not stretch, rotate, crop, recolor or decorate the fish.
- The horizontal SVG uses editable system-font text. Use HTML text for responsive interfaces; use the original icon where space is tight.
04 / Voice
Helpful. Direct. In your element.
Say what the tool does and what the user can choose. “Review this month’s transactions.” “Connect the services you choose.” “Your question and budget aggregates go to your selected AI provider.”
Avoid invented traction, guaranteed savings, bank-grade claims, financial advice, or calling local-first completely offline. Keep the fish reference in the identity; everyday product copy should stay clear.
05 / Applications
One identity. Different surfaces.
Social composition is an editable SVG master. Platforms that require PNG/JPEG need a reviewed raster export; a site hostname and social image URL must be configured before launch.