Formant

Challenge

Adding a visual identity for Formant, a cloud platform connecting robots and humans, that feels approachable yet reflects the complexities of robot observability.

Diagram of a robot with the label "Speak Robot" showing geometric shapes including a rectangle, circle, and triangle against a dark technological background.
Icons representing transportation and navigation, including a roadending sign, an arrow, and a circle.

Solution

Formant breaks the mold in robot management. Their approachable brand identity and user-friendly platform empower teams, not intimidate them. This human-centered approach simplifies robot interaction, making automation accessible and empowering for businesses of all sizes.

Login screen for Formant with sign-in options via Google or email and password, on a dark background.
Dark-themed digital map dashboard showing fleet and device locations across North America, with data on online and offline statuses, total orders, and average order duration.
A digital dashboard interface displaying graphs, images of a yellow robotic dog, a map, and various data panels on a dark background.
Animated illustration of a futuristic warehouse with robotic systems, including a robot moving on the ground, conveyor belts, and storage containers. Sections labeled 'Charging', 'Inventory', and 'Shipping' are visible, with robotic arms managing the flow of goods.
Digital illustration of a platform for connected machines named 'Speak Robot,' featuring various stylized app windows and icons on a dark background.
Graphic showing symbols for 'machine', 'human', and 'data' with labels underneath each symbol.
Brand style guide for Formant displaying logo, primary and secondary typefaces, and font samples on a dark background.
Typography style guide showing various font styles and sizes on a dark background, including headings, body text, lists, labels, and numbers.
A dark themed infographic with text and decorative elements about typography, including headlines, paragraph text, and visual guides for line length and column span.
A color palette chart displaying various shades and gradients from light to dark, arranged horizontally with categories labeled as Color, Severity Colors, and Gradients.
A dark mode icon library featuring various categories such as Primary, Modules, and Events, with numerous small white icons on a dark background.
A dark-themed style guide for buttons with different sizes, styles, and states including primary, secondary, tertiary, disabled, loading, and hover. The guide uses colors like blue, gray, pink, and purple to differentiate button types and states.
A dark-themed UI design showing various button styles organized into rows and columns under headings like 'Large' and 'Small'. Each style has different states such as 'Empty', 'Focused', 'Filled', and 'Error', with some including icons or icons plus labels. Different outlines and fill styles are demonstrated with labels like 'Focus', 'Filled', and 'Error message here'.
Digital illustration of futuristic technology, including a holographic dome with geometric shapes and a globe on the left, and autonomous vehicles and drones on the right, all in pastel and dark tones.

Impact

The platform unlocks ROI for any business by simplifying robot data, workflows, and management. Empowering a human-centered future of automation, processing over 5 billion data points monthly and support 50k concurrent streams across 200+ robot types.

Metal roll-up door with geometric painted shapes and the word 'POUR' on a brick building, urban sidewalk scene
Digital illustration of a cloud with geometric shapes and a funnel on top, with three conveyor belts loaded with cones, cubes, and spheres, next to a dark background with a menu showing options to Observe, Operate, and Analyze.

Curious? Dive into the details.

Discover

Define

Develop

Deliver

Discover • Define • Develop • Deliver •

Role


Design director, system design, product design, brand experience

Collaboration

Jeff Linnell, Peter Tarka