The Wiredcraft Playbook

Brand Positioning

Wiredcraft is a digital product design & engineering company.

Brand idea

Engineering innovation.

Company Overview

Please download the Wiredcraft Introduction.

Visual identity

Our visual identity is maintained in the Figma Wiredcraft Branding project.

Everything branding can be found in this Figma project

Logotype

The primary logo background color is white. The other color variations are secondary and should be used only when the primary doesn’t fit visually. Download Wiredcraft logotype in PNG & SVG.

White background

Black background

Red background

Logo Safe Zones

The safe zone for the Wiredcraft logo can be determined as pictured below. This is the absolute minimum safe space between the logo and other elements, or even the canvas, to keep an optimal visual integrity.

Logo Misuse

The appearance of the logo should be consistent.

DO NOT apply any filter on it

DO NOT use the logo as a mask

DO NOT change the logo’s orientation

DO NOT stretch the logo, change the letter spacing or thickness of each letter

Symbol or Logomark “W”

The “W” symbol is independent from the logotype and is not restricted to the main colors. Both can appear on the same layout as long as they are not combined into a lockup.

wiredcraft logomark — Pixel grid for symbol construction

Colors

Our main colors are White, Black, Red, and Grey. The full set of colors can be found on the Figma Wiredcraft Colors page.

Typography

Our primary font is used virtually everywhere. From the logotype itself to promo materials, print assets and social media events.

NEXT
All headlines, titles or descriptions should be aligned left.
Capitalization style: sentence case (All words are lowercased, except for proper nouns and acronyms.)

Alternative typography

Google fonts are used in Google Docs and places where custom fonts are not available.

Roboto Regular for the body.
Roboto Mono Light for inline and block code.
Georgia for serif.

Documents

You can create your own documents with predefined styles (font, color, layout) for both internal and external use.

wiredcraft google template — A Google Slides template

Google Slides Creating a new presentation? Use this
Google Docs Creating a new document? Use this
Letterhead Need this for whatever reason? Go for it
Creating a Key Visual Check these Playbook Marketing guidelines
Creating a Proposal Check the Wiki
Wiredcraft Introduction Latest and greatest version of the company introduction

Brand Experience

Website

The main point of our brand experience and marketing initiatives.

Guidelines and source files for all of our social media profiles, each includes templates and best practices. General social media guidelines, strategy an approach can be found in the Wiredcraft Playbook Social Media Guide document.