All writing

Slync Brand System and Website

· 1 min read · Kapil Gowru
Slyncdesignbrand
The Slync brand system shown across styleguide pages.

Skills: Brand design, Webflow

Cover of the 2019 Slync.io brand styleguide: the white Slync monogram of concentric line strokes next to the Slync.io wordmark on bright Slync Blue.
the Slync.io styleguide, 2019

Background

Slync was founded in 2017 to tackle the legacy software used in the supply chain. I wanted to develop a brand that was friendly and enterprise while displaying elements of the supply chain. The Slync logo symbolizes the unique digital thumbprint of any shipment, object, or asset our customers track when using Slync. Its shape represents the global nature of Slync's customers and business. The Slync font is an approachable sans-serif while being professional. It works well in various weights and emphasis.

The logo page of the styleguide: Slync monogram and wordmark lockups in blue, charcoal, white, and light-blue treatments, with the digital-thumbprint rationale alongside.
logo
The typography page of the styleguide: alphabet and numeral specimens of the Muli typeface in bold and regular, with paragraph samples across weights and italics.
typography
The colors page of the styleguide: swatches with RGB, CMYK, HEX, and Pantone values for Slync Blue, Gray, Midnight, and BG, plus secondary purple, red, and green and four neutral grays.
colors
The design elements page of the styleguide: Supply Chain Motion node-grid patterns with tiny plane and box icons, a falling-bars motif, and overlapping hatched Intersection shapes.
design elements
The Workflow Motion page of the styleguide: small blue logistics icons of planes, trucks, factories, and documents connected by arrowed lines with red alert triangles.
workflow motion

Slync website

Slync website was built in Webflow in house. We wanted to showcase Slync's powerful integration layer and collaborative platform (in a step-by-step way). We kept it simple to just a home page, a product page, an about us page, blog page, and a CTA form (last 3 not shown in Figma).

See the website design in Figma

Outcome & reflection

The Slync's brand is still being used today in their website and marketing material especially the Slync logo, color palette, and design elements.

Skillsets used

  • Creating a brand system from 0 to 1
  • Building a Webflow website from concept to deployment