Brand
Storyflow Brand Guidelines
Resources for presenting the Storyflow
brand consistently and professionally.
Naming
“Storyflow” is a single word, always spelled with a capital “S” and never “StoryFlow”. It is the name of both our company and our product, so it stands on its own — not “the Storyflow app”.
Named parts of the product are proper nouns and keep their capitals: Storyflow AI, Whiteboards, Tactics, Documents.
Usage
Give the mark room. Keep clear space around it of at least half its height on every side, and let it be as large or as small as the layout wants — it should never feel cramped.
Always place the version drawn for the background you are using: the white mark on dark, the ink mark on light. Do not recolour, rotate, stretch, outline, or add effects to the files, do not redraw the mark, and do not lock it up with another logo as though the two were one.
These marks are Storyflow’s property and are protected by trademark and copyright. You are welcome to use them to refer to Storyflow — in an article, a talk, an integration listing. You may not alter them, and you may not use them in a way that suggests Storyflow built, endorsed, or partnered on something it did not. If you are unsure whether a use is fine, ask us at [email protected] first.
Storyflow logo
The mark is the whole logo — there is no separate wordmark file. Where Storyflow is named in text beside it, set the name in Lora and give it the same clear space as the mark itself.
White mark, for dark backgrounds.
Ink mark, for light backgrounds.
App icon
The mark in its tile: the form Storyflow takes as an app icon, an avatar, or a favicon. Use it where the mark needs to carry its own background. Anywhere the layout already provides one, use the logo above instead.
The mark in its tile, for dark backgrounds.
The mark in its tile, for light backgrounds.
Colors
Storyflow is monochrome by default. Ink and white are what the mark is drawn in, and one of the two is always the right choice against a given background. Storyflow Blue is the single accent — it carries selection, links, and live signals in the product, and it is never used as a fill for the logo.
Storyflow Ink
RGB 20, 20, 20
#141414
Storyflow White
RGB 255, 255, 255
#FFFFFF
Storyflow Blue
RGB 75, 129, 238
#4B81EE
Typography
Two typefaces carry everything. Lora, a serif, sets headlines and anything that should read as voice rather than interface. Everything else — body copy, labels, the product itself — uses the reader's own system sans, so Storyflow looks native on the machine it is running on.
Lora
Headlines and display. Available from Google Fonts.
System sans
Body and interface. San Francisco, Segoe UI, or Helvetica, whichever the reader already has.