018Google Registry

Icon should not exceed this area81 x 81

Specifications

64 x 40Minimum Size

47

30

182

157

41

81

62

Isolated Mark It’s very important that you adhere to the specific dimensions and proportions of the mark.

Stand Alone

019Google Registry

Isolated Mark The clearance area has been established to allow the mark to stand out and not encroach upon other elements.

The space surrounding the lockups is proportional to it’s size. The clearance area is always defined by the a square of the height of the letters in the domain.

Clear Spacing

Stand Alone

021Google Registry

25 x 102Minimum Size

89

20

7841252

Construction Guidelines

Lock-up It’s very important that you adhere to the specific dimensions and proportions of the lockups.

Stand Alone

022Google Registry

Stand Alone

Lock-up The clearance area has been established to allow the mark to stand out and not encroach upon other elements.

The space surrounding the lockups is proportional to it’s size. The clearance area is always defined by the a square of the height of the letters in the domain.

Clear Spacing

Logo Application Examples

Google Registry

025Google Registry

Application Example

Promotional Swag

026Google Registry

Application Example

Promotional Swag

027Google Registry

Application Example

Mark as Background Pattern

Marketing Site Example

Google Registry

029Google Registry

Marketing Site

Logo Lockup Option A

Shown without tagline, with Google logo.

030Google Registry

HTML Template

Google Registry

031Google Registry

HTML template

032Google Registry

Template Instructions

This project was coded using:

• Grunt to automatize tasks (including processing Less files): gruntjs.com

• Bower to install components: bower.io• Handlebars for templating: handlebarsjs.com• Less as CSS preprocessor: lesscss.org• Twitter Bootstrap as a front end framework:

getbootstrap.com• Server requirements: as long as the server supports

HTML and javascript it’s good to go. A basic Apache server would work perfectly.

To run this project locally Node.js will be required (nodejs.org)

1. To preview the template: dev.method.com/goog-49

2. Download or clone the repository from Github: github.com/Method-Inc/goog-49.git (to gain access please send us the Github account you would like to use)

3. Install Grunt-cli (may require sudo) - “npm install -g grunt-cli”

4. Using the command line, go inside the folder you cloned

5. Type ‘npm install’ in the command line, it will download all the bower components

6. Type ‘grunt’ in the command line and it will create the ‘dist’ folder where all the com-piled files will be placed to be readable.