Logo, Visual Identity or Design System?
By CodexierPublished 6 min read
A logo is a mark. A visual identity is the set of rules that makes everything you produce look like it came from the same company. A design system is the same idea applied to software: components, tokens and code that keep a product consistent as it grows. Buyers often pay for the wrong level, either a logo when they needed an identity, or a design system for a company with one landing page. This guide explains what each contains and when each is the right purchase.
What a logo alone gives you
A logo delivery is the mark in colour, black and white, horizontal and stacked versions, a favicon-sized simplification and vector source files. That is enough to be recognisable on a van, a business card and a website header. It does not say which blue to use on a slide, which font the newsletter uses, or how a photo should be cropped. As long as one person produces everything, their taste fills the gap. The moment a second person does, inconsistency starts.
A visual identity: the full kit
An identity is a set of decisions written down so that anyone can apply them: a designer at a print shop, a freelancer making ads, the new colleague building a proposal in PowerPoint. The deliverable is a short guide plus templates, and its value is measured in how little you need to correct other people's work afterwards.
| Component | Logo | Visual identity | Design system |
|---|---|---|---|
| Logo and variants | Yes | Yes | Yes, as a component |
| Colour palette with usage and contrast rules | No | Yes | Yes, as tokens |
| Typography with sizes and hierarchy | No | Yes | Yes, as type scale in code |
| Templates: slides, documents, social | No | Yes | No |
| Interface components, states, spacing, code | No | No | Yes |
Contrast rules belong in the identity, not only in the design system. A brand blue that fails accessibility contrast on white will be re-litigated in every project.
A design system: for digital products
A design system exists because interfaces are built by several people over years, and every button, form field and error message they build should look and behave the same. It consists of tokens (named colours, spacing, type sizes), components (button, input, table, dialog) with all their states, usage guidance, and the same components as code so developers do not rebuild them.
You need one when
You have a product with more than a handful of screens, more than one developer, and a roadmap that keeps adding features. Consistency now saves rework every sprint.
You do not need one when
Your digital presence is a marketing site and a few forms. A good identity plus a component library in your website platform is enough.
Start small
Tokens, five core components and a Figma file that matches the code. Grow it feature by feature; a big-bang system nobody adopts is wasted.
Which level fits your stage
- Sole trader or first year, one person producing everything: logo, plus a one-page note on colour and font so the website and invoices match.
- Several people or suppliers producing material, or a first serious website: visual identity with templates. This is where most companies of five to fifty people should be.
- A software product with a team building it: identity first, then a design system grown alongside the product.
- Rebrand of an established company: identity, with the design system updated in the same project if a product exists, so the two never drift.
Prices for each level are on the pricing page. Our design system and UI kit package assumes an identity exists; if it does not, we say so and scope the identity first rather than invent tokens from nothing.
Growing from one to the next
The cheap route through all three levels is to buy each one with the next in mind. Ask for a logo delivered as vectors with a defined palette, not as a flattened image. Ask for an identity whose colours are named and whose contrast has been checked, so they become tokens without redesign. Ask for a design system whose Figma components mirror the code components one to one.
- Keep every source file in your own accounts: Figma, the font licences, the vector originals. Ownership problems appear exactly when you try to grow to the next level.
- Write down the decisions, not only the visuals. Why the blue is that blue matters when someone later proposes changing it.
- Version the identity. Small updates every few years beat a rebrand every decade.
When you should not buy this from us
If you need a logo and nothing else, a specialist brand designer or a good freelancer is the right buy; our design work starts at the identity and system levels because that is where our developers add value. If you have an identity you like and one website, you do not need a design system, whatever a proposal says. If your product team already maintains a component library that works, extend it instead of replacing it. A 15-minute call is enough to place you on the ladder, and our note on whether your company needs a design system goes into the last case.
Frequently asked questions
Can we skip the identity and go straight to a design system?
Technically yes, practically no. A design system needs a palette, a type scale and a tone to encode. Without an identity, those decisions get made ad hoc inside the system, and your marketing material will not match the product. Do a light identity first, even a short one.
Do we own the logo and identity files?
You should. The contract must assign the rights to the mark and deliverables to your company, with fonts licensed in your name. Ask for vector originals and the Figma file, not only PDFs. This applies to any designer, including us.
How long does each level take?
A logo takes a few weeks including feedback rounds. An identity with templates is typically one to two months. A starter design system alongside a product is a few weeks for the core and then continuous. Delivery windows for our fixed-price packages are published with each package.
Not sure which level you actually need?
Bring what you have today, a logo file, a site, a product screenshot, to a short call. We tell you which level your stage calls for, what can be reused, and what the fixed price for that level is.
Book a free 15-minute call