Ray

Ray

An open-source AI financial advisor that learns your full situation and gives personalized advice from your real bank data — running locally on your machine.

4.0
34
Visits
Visit

Available Pages

Version History

Design Analysis

Ray Home design analysis

Build for a product that wants to sound useful, local, and technically honest. Keep the page stripped down. Big typography and product proof should do almost all the work. Avoid the usual glossy fintech tone. This system...

Key Takeaways

  • Build for a product that wants to sound useful, local, and technically honest.
  • Keep the page stripped down. Big typography and product proof should do almost all the work.
  • Avoid the usual glossy fintech tone. This system should feel closer to a good CLI tool than to a finance lifestyle brand.
  • Use dark terminal or app windows as the main visual proof.
  • Support them with simple light cards and plain documentation layouts.
  • Keep color bursts small and data-driven, mostly inside the product frame.

Overview

  • Build for a product that wants to sound useful, local, and technically honest.
  • Keep the page stripped down. Big typography and product proof should do almost all the work.
  • Avoid the usual glossy fintech tone. This system should feel closer to a good CLI tool than to a finance lifestyle brand.

Image Direction

  • Use dark terminal or app windows as the main visual proof.
  • Support them with simple light cards and plain documentation layouts.
  • Keep color bursts small and data-driven, mostly inside the product frame.

Colors

  • Use a warm near-white page field.
  • Keep text and primary actions in a dark stone-black.
  • Use soft gray for secondary links and supporting labels.

Typography

  • Use oversized modern sans-serif headlines.
  • Keep the body voice plain and readable.
  • Use monospace only for commands, snippets, and in-product terminal text.
SpacePlay/PauseSeek 1sShiftSeek 10s