---
title: "A design system that holds up over time"
description: "Visual identity delivered as a design system in code, ready to build on immediately."
url: https://torn.studio/en/services/design-and-branding
locale: en
---

# A design system that holds up over time

> **Short answer:** Identity, design system and guidelines delivered as code and components. What you get can be used immediately by anyone who builds on it next.

**From: €6,000**
**Timeline:** 2–4 weeks

## What you get out of it

- Design tokens and components, ready to build with
- Guidelines that live in the repo, where the code is written
- A system that holds when more hands join
- A visual identity that works in light and dark

## Deliverables

- Brand platform and visual direction
- Design tokens and component library
- Logo and core graphic assets
- Guidelines documented in code

## Case study

- [voxcog: a design system in code, and user testing](https://torn.studio/en/work/voxcog-design-system-and-user-testing) — voxcog is a product Torn Studio built and holds a stake in. The studio ran product management, architecture and the build. This shows an interface that holds together and a method that separates real problems from wishes. It shows no conversion figure: voxcog was handed over before launch, so there is no traffic to measure against.

## Common questions

### Do we get a logo?

Yes. A logo and core graphic assets are included, delivered in the formats you need for web, print and social channels, with guidelines for how the mark may be used.

### What is a design system in code?

Color, spacing, typography and components defined as code. What you get can be built with immediately, and a deviation fails the build automatically.

### Can our existing agency build on it?

Yes. Components and guidelines are documented in the repository, where developers already work. The system is built to be kept alive by hands other than the ones that built it.

### Is dark mode included?

Yes. Colors are defined as roles with one value per mode, which makes dark mode a property of the system itself. Contrast is calculated for both modes.

### How many design options do we get?

One direction, worked deeply, with the rounds spent making it right. You get the reasoning behind every choice, so you can judge the direction on its merits.

### What happens to the system as we grow?

It holds as more hands join — that is its whole purpose. New components inherit the same foundation, and the gates stop every new feature arriving with its own interpretation of the brand.