3Knots Digital Get Started

Brand

Brand & Creative.

Logo design, graphic and UI design, and creative direction on one desk — so the mark, the product, and the campaign look like one company.

The practice

The mark, the interface, and the campaign.

Logo, graphic design, and creative used to be briefed as three vendors. Here they are one practice. The mark has to hold at 24 pixels, the interface has to use that same geometry, and the campaign has to leave with a file the page can ship.

Geometry first. Clear space. A kit the next campaign can open without calling the studio. Wordmark, symbol, lockups, favicon, app icon, and social avatars from one construction. If it fails as a favicon, it is not done. Print, product, and vehicles from the same drawing. If product and campaign invent two companies, the launch already failed. We map the jobs the interface must do, then the frames, then the tokens engineering can build. Motion — launch films, UI transitions, social systems — comes from the same type, color, and geometry. One review loop. One named lead. Creative sits in the same review as the product. Campaigns, key visuals, and stories are built so marketing and the interface still match on Monday.

If the mark, the interface, and the campaign invent three companies, the launch already failed.
  • Primary and secondary lockups that survive a nav bar and a wrap.
  • Favicon, app icon, and social avatars from the same geometry.
  • UI/UX: research, flows, mobile first, then every other glass.
  • Brand and identity that product can actually ship.
  • Art direction — A visual point of view the rest of the studio can follow.
  • Campaign craft — Key visuals and lines that hold from the ad to the landing page.
Figma Illustrator UI/UX Brand kits Motion
Brand & Creative

On this desk.

Stills from the practice. The work changes. The review does not.

The mark
The system
The review
The kit
The frames
The mark

The mark

What it ships.

Teams who need a mark, a product interface, and campaign creative from one named lead.

Primary & secondary marks

Mark

Primary & secondary marks

Wordmark, symbol, and lockups that survive a nav bar and a vehicle wrap. Geometry first — no decoration that dies at sixteen pixels.

Icon and app-icon systems

Icons

Icon and app-icon systems

Favicon, app icon, and social avatars from the same construction. One drawing, every glass.

Logo guidelines

Rules

Logo guidelines

Clear space, color, misuse, and files a vendor can open without a call. The next campaign should not invent a new mark.

Redesign packages

Refresh

Redesign packages

A controlled evolution of a mark that already has equity. Keep what still works. Retire what fails at 24px.

UI / UX design

UX

UI / UX design

Research, flows, and interfaces. Mobile first, then every other glass. The path before the pixels — then frames engineering can build.

Brand & identity

Brand

Brand & identity

Mark, type, color, and guidelines for companies that need a coherent system — product and campaign in the same conversation.

Design systems

System

Design systems

Tokens and components for web and apps so engineering is not guessing. The kit lives in the repo.

Animation & motion

Motion

Animation & motion

Launch films, UI motion, and social systems that keep the brand consistent in movement — not a second identity.

Art direction

Direction

Art direction

A visual point of view the rest of the studio can follow.

Campaign craft

Campaigns

Campaign craft

Key visuals and lines that hold from the ad to the landing page.

Brand stories

Stories

Brand stories

The short story a stakeholder can tell upstairs.

Creative system

System

Creative system

Templates so the next piece does not start from zero.

Identity

Mark

Identity

A mark and icon set that still read at 24 pixels.

Brand system

System

Brand system

Type, color, and layout rules in one place.

Brand film

Film

Brand film

A short film that states what the company is.

Product video

Product

Product video

The product on screen, cut for the page and the ad.

How this desk runs.

Geometry first. Flows before pixels. One file the campaign can use.

01
The mark

Geometry, clear space, and lockups that still read at 24 pixels.

02
The interface

Flows, frames, and a system product and marketing can share.

03
The campaign

Art direction and key visuals that leave the board as a file.

04
The kit

Guidelines, tokens, and motion the next desk can open.

After the release.

What a stakeholder can point to once the practice is live.

Holds at 24px

If it fails as a favicon, it is not done.

One look

Product, site, and campaign share a stand-up.

One file

Art direction leaves the board as a file the page can ship.

What you keep.

The work transfers with the release. Source, files, and a named owner stay with the stakeholder.

Marks, lockups, and a favicon that holds

UI frames and tokens engineering can build

Campaign files from the same system

Motion and cuts that fit the page

Next

Brief Brand & Creative.

Name the goal, the date, and the stack. A producer replies the same business day.

Start a brief