Skip to content
finagotchi.

Brand kit.

Everything you need to talk about Finagotchi without making the ghost cry: the logo, the colors, the type, the voice, and the rules. Download what you need and use it as documented — the chain is the referee, but this page is the style guide.

Download all assets

Lockups, the brand symbol, animated ghost loops, and the social banner. SVG, PNG & GIF, one zip.

The name

finagotchi.

One word, capital F in prose: Finagotchi. The wordmark is always lowercase and keeps its trailing period: finagotchi. Never FinaGotchi, never Finagotchi App, never Fina.

Finagotchi primary lockup: light-blue flower symbol beside a dark lowercase finagotchi wordmark with a light-blue period

Primary lockup

Flower symbol + lowercase wordmark, for light backgrounds. Symbol and period always stay Sky.

Finagotchi reversed lockup: light-blue flower symbol beside a white lowercase finagotchi wordmark with a light-blue period

Reversed lockup

For Navy and dark imagery. The wordmark goes frost; symbol and period stay Sky.

Finagotchi brand symbol: a light-blue outlined flower shape with a solid dot at its center

Brand symbol

The flower alone, for avatars, favicons, and tight spaces. Always Sky, on light or dark.

Clear space: at least the width of the flower symbol on every side. The symbol and the period are always Sky — never recolor them to match a background or a mood.

Color

Light-first on the web, Navy after dark. Brand Blue carries the actions; Sky carries the identity; Ghost Cyan belongs to the mascot alone.

  • Page

    #F8FAFF

    The light canvas. The brand is light-first on the web.

  • Surface

    #FFFFFF

    Cards and controls on the light canvas.

  • Ink

    #1D2B45

    The wordmark and primary text on light backgrounds.

  • Muted

    #66748B

    Secondary text and captions on light.

  • Line

    #E1E7F1

    Hairlines and borders on light surfaces.

  • Brand Blue

    #2466DB

    The primary action on light: buttons, links, key highlights.

  • Blue Dark

    #1A51B4

    Hover and pressed states of Brand Blue. Never standalone.

  • Sky

    #8EBCF3

    The brand symbol and the period. Accents on dark surfaces.

  • Navy

    #0B2858

    Dark surfaces and detail pages. The reversed lockup lives here.

  • Page Blue

    #2668B8

    The mid step of the dark gradient, below Navy.

  • Frost Text

    #F6FAFF

    Primary text on dark surfaces.

  • Frost Muted

    #E0EBF8

    Secondary text on dark surfaces.

  • Ghost Cyan

    #35D7FF

    The ghost mascot, and nothing else. Never a UI accent.

Typography

One family does everything: DM Sans. Weight, size, and tracking do the talking — never a second face.

finagotchi.

Wordmark

DM Sans 700 · tight tracking

One weight, one casing, one tracking. The wordmark is never re-set in another face — use the lockup assets instead.

Better financial habits within reach.

Display

DM Sans 500 · -0.045em

Headlines run large, medium weight, and tight. No bold display type, no all-caps headlines.

Your pet runs on a 7-day Care Clock, refilled by every verified save. The chain is the referee — the deposit either happened or it didn’t.

Body & UI

DM Sans 400–600

Body copy at 15–18px with generous line height. Small uppercase labels track wide (+0.1em) at 500–600 weight.

Voice

High-stakesPlayfulUncompromising

Urgent, confident, slightly degen. Saving is a weekly survival game and the copy says so — but the stakes are real, so the tone stays honest.

SayThe chain is the referee.

NotWe verify your progress with our partners.

SayYour streak is an asset position.

NotBuild healthy habits for your future self.

SaySave weekly, or it dies.

NotDon’t forget to check in this week!

Not childish, not clinical fintech, no guilt trips, no wellness-speak — and never frame the pet as a flip. Speculation is the thing the brand exists to kill.

Mascot & sprites

The ghost is the product mascot — it lives in the app and the hero, never in the logo. It idles, it winks, it evolves — and yes, it dies. Use the animated loops where motion is welcome, the stills everywhere else.

  • Ghost · idle loop asset preview

    Ghost · idle loop

    GIF
  • Ghost · wink asset preview

    Ghost · wink

    GIF
  • Ghost · evolved asset preview

    Ghost · evolved

    GIF
  • Ghost · evolution asset preview

    Ghost · evolution

    GIF
  • Social banner · X/Twitter asset preview

    Social banner · X/Twitter

    PNG

Rules of play

Do

  • Set the wordmark lowercase with its trailing period: finagotchi.
  • Keep the symbol and the period in Sky #8EBCF3, always.
  • Use the reversed lockup on Navy and dark imagery.
  • Give the lockup clear space — at least the symbol’s width on every side.

Don’t

  • Recolor, rotate, redraw, or add effects to the flower symbol.
  • Re-set the wordmark in another typeface, weight, or casing.
  • Place the light lockup on dark backgrounds — use the reversed one.
  • Imply partnership, endorsement, or price speculation with the brand.