Abstract

A refreshed brand identity and web presence for modern design workflow and collaboration tool, Abstract.

Credits

4

Devin Jacoviello, Design partner
Heather Phillips, Design director
Abstract design team
Josh Brewer, CEO

Explorations

Abstract

A refreshed brand identity and web presence for modern design workflow and collaboration tool, Abstract.

Credits

4

Devin Jacoviello, Design partner
Heather Phillips, Design director
Abstract design team
Josh Brewer, CEO

Abstract is a modern design workflow tool that helps designers version, collaborate, and manage their files. We were challenged with the brief of creating and designing a brand identity for designers like ourselves. In partnership with Devin Jacoviello and the Abstract in-house design team, we reimagined a new visual identity and designed a website that matched their ambitious mission.


Abstract illustration.

We were drawn to concepts like connection, multiplication, and a sense of an analog feel as an homage to the (graphic) design process of former days.


Asterisk.

Symbols were created to be the main graphical hooks that the brand latched onto. These symbols represent the qualities of the product—collaboration and a central, reliable place to work from.


Unity symbol.
Unity illustration.

Above is an illustration example showcasing "all files in one place," making use of the core symbol.


Brand guide.
Color system.

The color system relies on dark colors at first glance, but utilizes warm and bright colors in graphic and illustrative treatments. The primary colors use a mix of functional dark and light swatches for type and backgrounds with an extended color palette featuring distinct saturated colors and shades for variety.


Business cards.

Thinking about our vantage point of creating an identity for a company that serves a creative industry, we wanted to pay homage to the graphic design cadences of the past, while also setting up the brand for success, visually.


Type specimen.

Devin and I worked with the Abstract team to create a distinct type system using two typeface families for the Abstract brand.

Featured is Vesterbro, a punchy yet dynamic and legible serif.


Type specimen.
Type specimen.

GT America Mono is a versatile workhorse for all things meta-data-related from Grilli Type.


Abstract illustration.
Abstract illustration.

With this system, we could pull back or forward the levers when needed, depending on the context. An illustration for a blog post needed to strike a different chord than a feature homepage illustration.


With the brand identity and visual language in place, we put it all together with a new website that utilizes a robust type system, web style guide, components, and feature illustrations.


Website design.

Outfitting the site with a strong brand presence was our primary goal. Creating a nuanced typographic scale with several header, paragraph, and utility styles helped to tell stories in different expressions across all screens.


Website design.
Type system.
Form fields example.