For business
For business

For business

Company policy Company policy Discovery phase Discovery phase Dedicated team Dedicated team Product Requirement Document (PRD) Product Requirement Document (PRD) Services and expertise Services and expertise Development approach Development approach
For clients
For clients

For clients

Logo & identity Logo & identity Testimonials Testimonials Merchandise Merchandise Workspaces Workspaces Weekly news Weekly news History of agency History of agency
From idea to deployment
From idea to deployment

From idea to deployment

Where to start a project? Where to start a project? Development stage Development stage Discovery Phase and Developing a PRD Discovery Phase and Developing a PRD Post Production stage Post Production stage Design is more than it seems Design is more than it seems Summary Summary Workflow Workflow
Examples
Examples

Examples

Style guides Style guides SaaS and web-services SaaS and web-services Logotypes Logotypes Control systems Control systems Wireframes Wireframes Browser extensions Browser extensions Web-design Web-design Custom E-commerce solution Custom E-commerce solution Corporate identity Corporate identity Graphics design and retouching Graphics design and retouching
Get started

Logo & identity

Logo

Logo icon

The main associations embedded in the icon are the letters of the name ABZ, an hourglass as a symbol of deadline fulfillment, and a link sign as a symbol of the company's business direction. The plastic of these elements combined together make up the logo icon

Logo

Logo

Horizontal orientation

A version of the logo with a horizontal orientation, for use in horizontal blocks, such as the site header, and on horizontally oriented surfaces, such as a pen. Also in cases when the logo should not be too large, but at the same time it should be well read

Horizontal orientation

Logo

Vertical orientation

A version of the logo with a vertical orientation, mainly for use in branding materials and merchandise, on vertically oriented surfaces, and when the logo should be emphasized

merchandise
Logo on the coordinate system Logo on the coordinate system
Logo on the coordinate system Y Logo on the coordinate system

Logo

Margins and centering

The minimum margins around the logo should be equivalent to the height of the letter "y" from the logo.

For the horizontal version, to compensate for the greater visual weight of the left side of the logo, the logo area is considered without taking into account the part of the trademark sign, the right border of the logo area runs along the left edge of the letter "R" in the trademark sign. Taking into account the same conditions, the logo is centered.

For the vertical version, since the trademark sign has very little visual weight, the logo area is considered without taking into account the trademark sign at all. Also considered area not includes descenders of the font part of logo. Taking into account the same conditions, the logo is centered.

Logo

Colors

On a light background, the logo is displayed in the primary or secondary color only. On a dark background, the logo is displayed in white color only

correct correct
correct incorrect
colors

Logo

Resizing

Logo resizing should be only proportional. No change of proportions or other distortion is allowed

Correct logo resizing of abz.agency® Incorrect logo resizing of abz.agency®

Pattern

Base pattern

The pattern is formed by multiple repetition of the logo icons connected in one continuous plexus

Base pattern

Pattern

Side patterns

Side patterns are used mainly for branding large windows, doors, as well as merch where two opposite sides are bordered

Vertical side pattern example Horizontal side pattern example
Real side pattern examples Mockup side pattern example Side pattern on the cup

Pattern

Corner patterns

Corner patterns are used mainly for the branding of large areas of walls or interior partitions, where the vertical logo used as the central element

corner patterns
Corner patterns examples

Pattern

Detached patterns

A detached pattern is used for branding on surfaces where it should not be adjacent to the edges of the application area according to technical requirements

Detached pattern
Detached patterns examples

Colors

Brand colors

The main colors of the brand are black and white, they are used for most of the website, as well as for merchandise and interior branding. Red is used as the accent color, for call to action elements, headings, and simply creating bright spots if necessary

Primary

RGB: 22, 22, 22

HEX: #161616

Tertiary

RGB: 208, 2, 27

HEX: #D0021B

Secondary

RGB: 255, 255, 255

HEX: #FFFFFF