Can you refresh our logo instead of replacing it?

Often that is the better job. A refresh keeps what people already recognise and fixes what breaks: the spacing, the smallest sizes, the colours that disappear on a dark background.

What files do we get at the end?

Every form of the mark as vector and as PNG, the colours with their values, the typefaces or the links to license them, and the guidelines. Named so that someone who was not on the project can find the right file in under a minute.

Should the brand come before the website?

Ideally together. A brand tried on real pages before it is final catches the colour that fails on a button and the mark that falls apart at favicon size, while both are still cheap to change.

Can you work with the brand we already have?

Yes. We point out where it breaks on the web, such as a colour that fails contrast or a logo that does not survive small sizes, and fix only what you ask us to fix.

Why would a favicon need rules?

Because it is the one place the mark is always seen, at sixteen pixels, next to every other tab. Our own first version broke the spacing rule by six units out of sixty four and looked pressed against the edge. Now the build refuses to render a mark that breaks it.

Webflow Certified Partner

A brand that survives sixteen pixels

Logo, marks, colour, type and the rules that decide how they behave, from a browser tab to a full page. The rules come with numbers, so the next person who resizes the logo does not have to guess. Below is one of ours, working.

The Blago favicon tile with its spacing rule measured: outer field against inner field, in units of 64.

+1.03outer field beats inner fieldPadding 10.00 against a band of 8.97, in units of the 64 the tile is wide.

Rule holds

01.Deliverables

What an identity is made of

A mark with its own geometry
Drawn, not typed out in a font: its proportions, the clear space around it, and the smallest size at which it still reads as itself.
Colour with a job each
Which colour is a surface and which one carries words. A bright brand colour usually fails as small text, so the palette plans for that instead of discovering it on a button.
Type with a role each
Two or three typefaces, each with a job, each licensed for the web and available in Figma, so the site and the slides say it in the same voice.
A voice beyond the logo
Illustration, a character, marks for the margins, and the rules for combining them, so the brand has something to say on a page with no logo on it.
Poses, one character
Our own mascot comes in eight poses built from the same parts, so it can react to a page without turning into a different character each time.
Guidelines that answer the next question
Every rule with an example of it followed and of it broken, and the reason next to it, so the brand survives the people who were not in the room when it was made.

02.Process

Where brands usually come apart

Almost never in the presentation. A brand looks finished on the slide where it was approved, and starts to come apart the first time someone needs it somewhere the slide did not show: a dark footer, a sixteen pixel tab, a social card with a photo behind it.

A logo delivered as one PNG
Every form it needs: the full lockup, the mark alone, one colour, reversed, and a tile for the app icon, each as a vector and each named for where it goes.
Colours picked on a white artboard
Tried on every surface they will actually sit on, with the contrast measured rather than eyeballed, before anyone falls in love with them.
Guidelines as a PDF nobody opens
The rules live in the design system the site is built from, so following them is the default and breaking them takes effort.

Our own favicon build refuses to render a mark that breaks the spacing rule. The first draft broke it, and nothing else noticed.

03.Method

Rules with numbers, not adjectives

“Use the logo carefully on dark backgrounds” is not a rule. A rule says which version goes on which surface, how much space it needs around it, and the smallest size at which it still reads. Written like that, nobody has to ask.

Every surface gets a named version of the mark. Ours goes two-tone on paper, cream on ink and on coral, ink on blush. The two-tone version on coral would lose its top stroke entirely, because the stroke is the same coral.

Colour is split into surface and text. Our coral reads at 2.6:1 as small text on paper, which fails, so it is never used for words. A darker coral exists for exactly that job, and the system says which one to reach for.

04.Scope

What a brand costs is a conversation, what it starts at is not

From $2,000

Above that, the number comes from three things.

A new identity, or a refresh of the one you have
Where it has to work: web, print, social, product
How deep the guidelines need to go

Your quoteAfter the first call, because a refresh and a new identity are different jobs, and it is rarely obvious from the outside which one a brand needs.

05.Proof

The identity this site wears

Lockupblago

Mark on ink

Favicon

Mascot · 8 poses

Doodles · 11

Coral 500#F56A6CsurfaceInk 900#1C0D0Atext and groundPaper#FDEFEEpageButter 400#EFB947second accent

blago.studio

Mark, mascot, doodles and the rules between them

The studio’s own identity, rendered live

Everything on that board is the real component, drawn here by the same code as the rest of the site: the two-tone B, the mascot, the doodles in the margins, and the coral that is a surface and never a sentence. It is also the favicon in your tab right now.

8mascot poses
11doodle shapes
3typefaces, exactly

06.Next

Asked before a brand project

Often that is the better job. A refresh keeps what people already recognise and fixes what breaks: the spacing, the smallest sizes, the colours that disappear on a dark background.

A brand that survives sixteen pixels

What an identity is made of

A mark with its own geometry

Colour with a job each

Type with a role each

A voice beyond the logo

Poses, one character

Guidelines that answer the next question

Where brands usually come apart

A logo delivered as one PNG

Colours picked on a white artboard

Guidelines as a PDF nobody opens

Rules with numbers, not adjectives

What a brand costs is a conversation, what it starts at is not

The identity this site wears

Mark, mascot, doodles and the rules between them

Where a new brand goes next

Webflow Design & Development

Design Systems

Motion, Video & 3D

SEO & AEO

Asked before a brand project

Shape the brand

A brand that survives sixteen pixels

What an identity is made of

A mark with its own geometry

Colour with a job each

Type with a role each

A voice beyond the logo

Poses, one character

Guidelines that answer the next question

Where brands usually come apart

A logo delivered as one PNG

Colours picked on a white artboard

Guidelines as a PDF nobody opens

Rules with numbers, not adjectives

What a brand costs is a conversation, what it starts at is not

The identity this site wears

Mark, mascot, doodles and the rules between them

Where a new brand goes next

Webflow Design & Development

Design Systems

Motion, Video & 3D

SEO & AEO

Asked before a brand project

01Can you refresh our logo instead of replacing it?

02What files do we get at the end?

03Should the brand come before the website?

04Can you work with the brand we already have?

05Why would a favicon need rules?

Shape the brand