Style Guide- Starting a Tech Business

14
Style Guide: Starting a Tech Business Copyright 2012 Cowan Publishing

description

@cowanSF: This item relates to the following blog post: http://www.alexandercowan.com/styleguide/ Example style guide. This is the style guide for the book 'Starting a Tech Business'

Transcript of Style Guide- Starting a Tech Business

Page 1: Style Guide- Starting a Tech Business

Style Guide: Starting a Tech Business

Copyright 2012 Cowan Publishing

Page 2: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

Brand Guidelines

This guide is intended to protect and enhance ‘Starting a Tech Business’. Following the suggestions and style guidelines will help people recognize and remember our brand.

Our brand is more than just a logotype, tagline or symbol. It’s a system of parts that work together to express our personality and create a memorable impression. Expressing who we are consistently and accurately, differentiates ourselves and creates a strong connection with our readership community.

Contents

Brand Brand Elements Applications Brand Vision Color

Website Brand Values Typography

Power Point Business Cards

Visual Identity Logotype

ALEX COWANAlexanderCowan.com

@cowanSF

Page 3: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

Brand Vision

Starting a Tech Business puts anyone in a position to succeed in a technology-enabled business. The book sympathizes with the reader’s trepidation and curiosity about the business of technology and satisfies it by providing them a solid grounding in the business’ key foundation concepts.

Brand Values

engaged but not rushedclear but not pedanticpositive but anchored

Brand Brand Vision Brand ValuesVisual IdentityBrand ElementsApplications

ALEX COWANAlexanderCowan.com

@cowanSF

Page 4: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

Logotype

The logo is a simplification of the book’s coverage art. The elements function together as an illustrated logotype. The blocks imply a finite and graspable presentation of high tech’s complexities.

Outside this treatment, the title of the book is rendered in the applicable type with quotes or oblique type (italics).

BrandVisual Identity LogotypeBrand ElementsApplications

ALEX COWANAlexanderCowan.com

@cowanSF

Page 5: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

ColorsBrandVisual IdentityBrand Elements Colors Textures TypographyApplications

C M Y K68 61 60 48

R G B63 63 63

Hex3F3F3F

Primary Colors

Supporting Colors

C M Y K97 66 46 33

R G B0 68 89

Hex4459

C M Y K7 94 100 1

R G B223 51 28

HexDF331C

C M Y K75 68 67 90

R G B0 0 0

Hex000000

C M Y K00 00 00 00

R G B255 255 255

HexFFFFFF

The dark grey below is the primary color on the book’s website. The blue below is the secondary accent color on the book itself. The red is used as an accent color on both the book and website.

The book itself is printed in black while most of the type on the website is in white offset on the dark grey.

ALEX COWANAlexanderCowan.com

@cowanSF

Page 6: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand Elements Colors Textures TypographyApplications

Textures

The texture below distinguishes the uniqueness of the brand and appears on the website (as background), business cards (the same), and Power Point (title page).

ALEX COWANAlexanderCowan.com

@cowanSF

Page 7: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand Elements Colors Textures TypographyApplications

Typography

‘Starting a Tech Business’ involves several different forms of media in addition to much of the collateral material you’d find at a company (business cards, letterhead, etc.). This is the primary driver for the number of typefaces in use.

Meridien Roman Regular 1

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

Primary Typefaces

Secondary Typefaces (web)(used for body

copy in book)Arial Regular

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

Arial Bold

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

Arial Italic

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

(used for body copy on web)

(used for body copy on web)

(used for body copy on web)

Akzidenz Grotesk Regular

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

(used in diagrams and illustrations)

Akzidenz Grotesk Bold

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 !@#$%^&*()+={}<>...?:;”/|The quick brown fox jumps over the lazy dog

(used in diagrams and illustrations)

ALEX COWANAlexanderCowan.com

@cowanSF

Page 8: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand ElementsApplications Book Website Cartoon Power Point Business Cards

Application- Book

On the book’s cover, you can see use of the brand’s blue color applied to type, various typefaces, and red accent color.

ALEX COWANAlexanderCowan.com

@cowanSF

Page 9: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand ElementsApplications Book Website Cartoon Power Point Business Cards

Application- Website

On the home page for the book’s website, you can see use of brand’s dark grey primary color, use of white type, and accents in the brand’s red. **revise w/ browser in there

ALEX COWANAlexanderCowan.com

@cowanSF

Page 10: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand ElementsApplications Book Website Cartoon Power Point Business Cards

Application- Cartoon

In the informational cartoon for the book, you can see use of brand’s dark grey primary color and accents in the brand’s red. Though not detailed in this guide, the figures also follow visual conventions established in the book.

ALEX COWANAlexanderCowan.com

@cowanSF

Page 11: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand ElementsApplications Book Website Cartoon Power Point Business Cards

Application- Power Point

In this presentation slide, you can see use of brand’s dark grey primary color and logo. The title bar makes use of the brand’s dotted texture. **some kind of frame…a border

ALEX COWANAlexanderCowan.com

@cowanSF

Page 12: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BrandVisual IdentityBrand ElementsApplications Book Website Cartoon Power Point Business Cards

Application- Business Cards

In this sample business card, you can see use of brand’s dotted texture and red accent color.

ALEX COWANAlexanderCowan.com

@cowanSF

Page 13: Style Guide- Starting a Tech Business

Copyright 2012 Cowan Publishing

BUY THE BOOKA practical primer for anyone wanting to actually implement today’s best practices in product development (available online or at any major retailer)VISIT THE SITEFree talks, tutorials, and resources for product development and new ventures.

ALEX COWANAlexanderCowan.com

@cowanSF

More?