The Otto logo, colours and type.

One seed shape: a vertical 9:16 frame with a play cut-out. It is the "o" in otto, a phone screen and a finished video at once, which is the product: your screens go in, a video comes out.

Download the full brand kit (.zip)

Logo

• Logo (SVG): Primary lockup
• Logo on dark (SVG): For dark backgrounds
• Mark (SVG): App icon, avatars
• Wordmark (SVG): Where the mark is already nearby

Colour

• Otto Teal #0F766E: The tile, links, accents
• Ink #0E1412: Text and primary buttons
• Paper #FDFCF9: Page background
• Stone #F5F4EF: Muted surfaces
• Stage #0B100E: Dark bands behind video
• Mint #2DD4BF: Accent on dark only

Type

• Funnel Display: Headlines and the wordmark
• Funnel Sans: Body text and the product UI
• Geist Mono: Labels, timestamps, credits

Using the logo

• Write the name as “Otto” in text; the logo wordmark is lowercase.
• Keep clear space around the logo of at least the frame’s width.
• Don’t recolour, stretch, rotate, outline or add effects to the logo.
• Don’t place the teal tile on a teal or busy background; use the white lockup on dark.
• Smallest sizes: mark 16 px, full logo 20 px tall.

Start your first batch with Otto — Your automated social media marketer.