betterflo brand kit
====================

Logomark
--------
The mark is one stroke that enters as a waveform and settles into a written
line, ending at a magenta caret — the flow from speech to clean text, in one
gesture. It is the same artwork as the app's launcher icon, so the mark here
and the icon on a user's home screen are the same object.

logomark.svg — vector, use this wherever possible.
logomark.png — 512×512 raster, transparent-free flat colour, for places that
  can't take an SVG.
apple-touch-icon.png — 180×180, for iOS home-screen bookmarks.

Clear space
-----------
Keep clear space of at least one tenth of the mark's width on every side.
Don't let text, edges, or other UI crowd closer than that.

Minimum size
------------
Don't render the mark smaller than 24px — below that the waveform's peaks
close up and the magenta caret merges into the stroke.

Palette (hex)
-------------
base      #FFFDF5
ink       #201A2E
vermilion #E8452B
peacock   #0E7C7B
marigold  #F6A31A
magenta   #C4267F

The mark uses three of these: a marigold field, an ink stroke, a magenta caret.

Type stack
----------
Display  Baloo 2   — headings
Body     Mukta     — running copy
Accent   Kalam     — handwritten accents, used sparingly

Usage
-----
Do:
  - Use the mark at full opacity on light (#FFFDF5) or dark (#201A2E) backgrounds.
  - Keep the rounded-square proportions and the stroke's peaks intact.
Don't:
  - Recolour the mark outside the palette above.
  - Stretch, skew, rotate, or add drop shadows/outlines to the mark.
  - Redraw the stroke, drop the caret, or flatten the waveform. (The flat
    variant is reserved for betterflo's own "no signal" states.)
  - Place the mark on a busy photo or low-contrast background.

Naming
------
In running body copy, the name is lowercase: betterflo — not "Betterflo"
mid-sentence. (Proper-noun contexts like a document title or a legal name
are the exception.)

Full detail, live version: https://betterflo.io/brand
