Art Style Guide

Use the common Art Palette whenever possible.

Please use the official artwork sources on Jumbo whenever possible.

When Violet Volts art is available, use it, else, fall back on Quicksilver (Tootsville IV) or Nightmare (Tootsville III) art.

Most splash/landing pages should have the general Tootsville logo at the top-left. Use the “Toots” logo only to refer to the characters, not the game itself.

Page backgrounds should generally be white with black text in Acme font.

Icons[edit]

The circled T logo should be the bookmark (favorite) icon for all web pages, and icon for most applications. If the context is monochrome/outline-only, using only the stylized “T” is preferred.

For settings, using a standard gear wheel icon is preferred. Use FontAwesome where possible.

Menu buttons can use the hamburger (three lines) icon. Don't hide normally-useful options behind the hamburger menu: Users should have a clear “next step” on the screen without opening a menu.

Splash pages[edit]

For landing pages from advertisements, use a new splash page copied from _template under https://www.tootsville.org/for/PURPOSE. PURPOSE in the links should be a word or hyphenated-lowercase-phrase — the server config will append “.html” automatically.

Metadata[edit]

See www.tootsville.org for sample metadata including schema.org entries.