Creating a sleek, dev-friendly brand and website for a GraphQL platform

tailcall-visual-hero

Our goal was to create a visual language that appealed to both individual developers and large-scale GraphQL organizations.

Website Design

Visual Design

Logo Design

Problem Statement

The process of creating APIs has become more straightforward with time, but their utilization has become increasingly complex, with organizations integrating various products to achieve a functional system. Tailcall is developing a comprehensive solution that effectively addresses these challenges.

We were tasked with redesigning their website and revamping the existing logo. The goal was to showcase their services more effectively and improve engagement with prospective customers.

tailcall-visual-illustration
tailcall-visual-grid1tailcall-visual-grid2
BRAND ANALYSIS

Analysing the
existing logo

Inconsistent stroke-widths within the logo icon.
The tip of the arrow is notably sharp, which contrasts with the overall structure & the current logotype.
tailcall-visual-oldlogo
tailcall-visual-new-logo
VISUAL IDENTITY

Brand Colors

A dev-friendly color palette that incorporates neutral tones such as black, white, and shades of grey, complemented by a single accent color.

Typography

We considered utilizing typefaces with variable font options, streamlining font management by avoiding distinct font files for each weight. For terminal code display, selecting a mono font was ideal, ensuring clear legibility across the website.

A balance between Mono and Sans-serif fonts allowed us to connect with both traditional large-scale organizations and contemporary, tech-savvy developers.

We used the color yellow strategically to draw attention to key elements, features, or keywords within our design.

tailcall-visual-typo
tailcall-visualgrid-illustration
tailcall-visualgrid-colors
WEBSITE DESIGN
The Tailcall website’s visual language was designed to appeal to both individual developers and enterprise-level audiences, striking a balance between sophistication and accessibility. We opted for a clean, minimalistic white background approach, allowing our content and features to stand out.
tailcall-visual-mweb
tailcall-visual-features
tailcall-visual-website-01
tailcall-visual-website-02
Development
In addition to developing the website, we helped create a sandbox environment for Tailcall where developers can test APIs hands-on.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
Tushar Mathur
Founder & CEO at Tailcal

Over to you. What's your big idea? Let's bring it to life.