Branding
Guidelines

Break the Grid is a creative studio for brands that lead with purpose; blending strategy, storytelling, and digital design.

Brand-first thinking for tech, industrial, and luxury retail sectors; made to resonate and perform.

What We Do

Design-led solutions for brands that build, shape, and scale.

Digital illustration of a graphic design workspace with a computer monitor displaying the letter G, surrounded by 3D letters B, T, and G, a pen, a paper with scribbles, a color palette, and grid lines.

Creative Direction

Portable electronic device with buttons, knob, and a small screen, labeled with functions like 'break the grid' and symbols for plus, minus, and other controls.

3D Product Visualization

Abstract digital data visualization with charts, graphs, and a laptop displaying 99.9%

Motion Design & Animation

Word cloud with the phrase 'break the grid' and a small grid icon.

Frame to Break

The monogram in the top-left of Break the Grid asserts itself with quiet confidence, inspired by three creative realms: graphic, video, and digital. Their influence is felt through form, implied motion, and a balance of precision and openness.
The logotype reflects the agency’s spirit: an immersive identity driven by going beyond expectations.

Close-up of a computer screen showing a cursor clicking on the hashtag '#btg' with three colored buttons (red, yellow, blue) in the top left corner.

Close-up of a computer keyboard with a blue key featuring a Chinese character, surrounded by white keys and a gray background.

Close-up of a printed page with the words "break the grid" and a grid icon.

Colors

Midnight

Denim Blue

Sky Wash

Pale Cloud

Deep Teal

Evergreen

Mint Leaf

Soft Frost

Color Usage

The brand palette is built on a clear hierarchy of proportion. Midnight is the primary color, making up the majority of applications to establish a strong and consistent foundation.

Secondary colors like Mint Leaf and Sky Wash are used in smaller proportions to support and balance the design, adding clarity and visual interest.

Accent colors should be applied sparingly to highlight key elements and guide attention. Maintaining these proportions ensures consistency and a cohesive brand presence across all touchpoints.

Pie chart showing color preferences with 60% Midnight, 15% Mint Leaf, 15% Sky Wash, and 5% Denim Blue.

Close-up of a squid with a light-colored body and tentacles, on a dark background.

Secondary Colors

Color System

The secondary palette is applied sparingly as a set of spot colors, designed to create contrast, draw attention, and amplify the presence of blue rather than compete with it.

Together, this hierarchy forms a cohesive and flexible color system that is purposeful,

Digital illustration of hands holding a 3D cube at the center, surrounded by icons including a dartboard with a dart, an eye with a magnifying glass, a speech bubble with "24/7", a clock, a hourglass, and a screen displaying "99.9%".

The image shows font styles labeled Light, Regular, and Bold, with increasing thickness of the letters 'a' corresponding to each style.

Manrope

Designed by Mikhail Sharanda, this neo-grotesque sans serif combines modern precision with a subtle human touch. As a variable font, it offers flexible weights and styles, making it ideal for digital interfaces and branding. Its clean, balanced forms create a calm, professional look that remains approachable and versatile.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

google font

A business card and a promotional card for Break the Grid are displayed on a split surface, one white and the other gray, featuring modern typography and colors.

A person wearing a lanyard with a badge that reads "break the grid" and an ID card with the name Matteo Lamproye.

White coffee mug with the words '#break the grid' and a person illustration, placed on a wooden table next to a pen and a piece of paper.

Poster for 'Break the Grid' with a slogan 'Big moves start with small talk,' and a website link.

A brand designed for every touchpoint

The logotype, codename, and brand mark are designed to adapt and express themselves seamlessly across a wide range of applications from digital interfaces to physical objects, apparel, and print.

Each medium becomes an opportunity to reinforce the brand’s presence, ensuring consistency, clarity, and impact at every touchpoint.

The result is a cohesive identity that is not only seen, but experienced everywhere it lives.

Line drawing of various items related to work and scheduling, including a badge, computer monitor, bottle, lanyard, pen, t-shirt, mug, and a small container, with the phrase 'break the grid' on some items.

Illustrations

A set of fluid, minimal animated illustrations designed to echo the spirit of Break the Grid. Soft gradients and geometric forms shift and evolve, visualizing ideas like experimentation, disruption, and creative flow. Each motion piece breaks away from rigid structures, reinforcing a brand identity that challenges convention and embraces dynamic thinking.

A magnifying glass with a black handle and silver rim, zooming in on a stylized eyeball inside the lens, symbolizing focus or investigation.

Abstract image of a pie chart with a paper note on a purple background.

Abstract color wheel with four color options on a light blue background.

Commercial Narrative Thinking

Interactive Visual elements

Digital illustration of a smartphone with social media icons including a notification bell, a graph, a video camera, and a line graph on the screen set against a gradient blue background.

Multimedias

Growth

Digital data analytics and performance metrics visualized with charts and graphs, including a pie chart, bar graph, line chart, speech bubbles, and a percentage indicator, all in shades of blue and green.

Digital graphic with large 3D letters B, T, G, and a stylized pen, paper with wavy lines, and color palette on a mint background, symbolizing digital content creation.

Motion Design

Artistic Direction

Illustration of electronic devices including a smartphone, tablet, wireless headphones, a microphone, and a small spherical speaker on a blue background.

3D Product Visualization

Digital illustration of a smartphone displaying a percentage symbol, with a shopping bag and a price tag in the background.

Retail Technology

Futuristic illustration of a hand holding a holographic interface with a central dark blue sphere and floating translucent rectangles

Explainer Video

A graphic illustration of a space shuttle launching into space against a dark blue circular background with a moon and a trail of exhaust.

Fast Execution

Icons

Line drawing of a rocket ship with a pointed nose, fins, and a small circle on the body, above with a star and downward with a triangle.

Two circular arrows, one light blue and one dark blue, forming a continuous loop.

Active Campaign

Conversion

Outline of a smartphone with a mountain, circle, and rectangle icon on the screen.

Icon of a person with a Wi-Fi signal above their head, indicating wireless connectivity or internet access.

Expression

Intuition

Icon of a calendar with a highlighted date.

Planning

Brand Strategy

Outline of a light bulb with a downward arrow inside, symbolizing a new idea or innovation.

Icon of a pencil drawing a straight line.

Creative Direction

Graphic Design

Icon of a magnifying glass over a bar graph, representing data analysis or search in analytics.

Icon of a microchip or processor with a square in the center and emerging lines indicating electronic connections.

KPIs

SaaS Technology

Icon of two overlapping silhouettes of people in blue and dark blue, representing users or community.

Outline of a filing cabinet with sparkle icons, symbolizing cleanliness or organization.

Connexion

Creative Portfolio

Icon of a rising line graph with bar chart in the background.

Icon of a horseshoe magnet with two magnetic poles

Growth

Lead Generation

Video play button icon inside a rectangle with a curved arrow around it, representing the concept of video or media playback.

Video Production

A graphic icon illustrating a 3D cube within a larger wireframe cube.

Outline icon of a hard hat helmet with a gear around its base, symbolizing construction or engineering safety and maintenance.

Illustration of a pencil surrounded by sparkles.

Contact

3D Product Visualization

Industrial Features

Creativity

Outline of an open book with a bookmark on the left page.

Icon of three stylized human figures, with one larger figure in the foreground and two smaller figures in the background, representing a group or community.

Academy

Methodology & Team

Icon of a smartphone with a shopping cart symbol on the screen.

Icon of a person in front of a screen with a play button, representing online video or virtual presentation.

E-Commerce

Content Creator

Circular target with four horizontal blue bars on the left side, symbolizing speed or focus, against a black background.

Line art of a closed padlock with an unlocked shackle, indicating security or unlocking access.

Motion Design

Intellectual Property

Explainer Video

Our motion design is an extension of the brand system. It exists to communicate clearly, reinforce identity, and create a consistent visual experience across all touchpoints. Every animation decision (timing, color, movement, composition) must support meaning, not decoration.