Digital design

One source of truth for your digital interfaces

Sinh Vũ turns your identity into a single source of truth for designers and developers. Your team builds new screens from ready-made components, instead of every team doing it its own way.

5 steps · 5 approvals on your side
How Sinh Vũ works

Five steps, clear at every turn

Pick a step to see what Sinh Vũ does, what you decide and what you receive.

Step 01 · Discovery and alignment

Inventory the components in use

Sinh Vũ does
Gather all existing interface components, note their usage and frequency, and group them by their functions.
You decide
Approve the inventory.Within 3 working days.
You receive
An inventory of the interface components in use, with where and how often each appears, grouped by job.

Step 02 · System and usage rules

Build the foundations

Sinh Vũ does
Finalize color scale, typography scale, spacing scale, and grid; this is what all components will refer to.
You decide
Approve the foundations.Within 3 working days.
You receive
The foundation: colour, type and spacing scales plus the grid, written as shared tokens.

Step 03 · System and usage rules

First pilot component

Sinh Vũ does
Create a sample component with all states for the design team and development team to review and approve before implementation.
You decide
Both teams approve the pilot component.Within 5 working days.
You receive
One sample component with every state, signed off by both your design and engineering teams.

Step 04 · System and usage rules

Build the component library

Sinh Vũ does
Create remaining components by layer, each component should have all states and include documentation on when to use and when not to use.
You decide
Approve the component library.Within 5 working days.
You receive
The full component library in layers, each component documented with when to use it and when not to.

Step 05 · Rollout

Handover and training

Sinh Vũ does
Deliver the system and train your team, acceptance is done by having the development team recreate a sample screen using only the system.
You decide
Sign off the handover.Within 5 working days.
You receive
The handed-over system and a trained team, proven by a sample screen rebuilt using only the system.
01 / 05

We already have brand guidelines, so why do we need a digital design system?

Brand guidelines are written for people to read; a digital design system is the machine-readable version of the same identity. Once a brand has several digital products, each team builds its interface its own way, and colours and spacing slowly drift. A brand that looks great on paper still dilutes inside digital products, because nothing enforces it. Sinh Vũ builds one source of truth so the design team and the engineering team read the same table of values, instead of each side copying its own version.

A brand that looks great on paper still dilutes once it goes into digital products.
One continuous flow

From inventory to your team using it

A system only lives if the engineers can use it. Sinh Vũ starts by taking stock of what is already running, builds the foundations, then has both teams review one sample component before rolling it out.

Part 1

Inventory and foundations

Collect every component in use, note where it appears, then agree the colour, type and spacing scales and the grid.

Foundations approvedEvery component will read from it

Part 2

Build the component set

Build one sample component with all its states, review it together with someone from your engineering team, then roll out the rest.

Reviewed by both teamsDesign and engineering check it together

After handover

Handover and training

Hand over the system, train your team, and sign off once your engineers can rebuild a sample screen using only the system.

A sample screen rebuiltUsing only the system, no extra questions

Timing

How long until you have it

8 to 9 weeksSinh Vũ's part
21 working daysYour time, across 5 approvals

Add the two figures together for the real time from kickoff to handover. Your part follows the approval window of each step, so approving early shortens the schedule.

Before we start

What you need to prepare

  • Access rights to the design files and the running code repository.
  • One member of the development team must participate in the review; this is a requirement, not a preference.
  • Priority screen list.
  • Design tools and programming tools the team is currently using.

Having these ready keeps the project on schedule. If something is missing, Sinh Vũ can still start, and the handover date moves back accordingly.

Handover

What you receive

Each item comes with its format and the job it does for you; your engineering team turns the library into code.

Component library

Assemble new screens from ready-made buttons, inputs and cards, with every state.

Component library file

Colour, type and spacing tables

Bring colour, type and spacing into code without copying by hand.

Exportable to code

Usage documentation

Know when to use each component, and when not to.

With every component

Ownership of the library

The library lives in your company's own workspace.

Transferred to your company

Team training session

Your designers and engineers build new screens with the system on their own.

Handover session

Sign-off standard

Know in advance what passes

The system is signed off by your team being able to use it, not by how good the drawings look. The four points below are written down from the start.

Every state covered

Each component has all the states stated in scope, with none missing when it is built for real.

Checked component by component

Usage documentation included

Each component comes with documentation on when to use it and when not to, clear to a newcomer.

Each entry read

Engineers rebuild a screen

Your engineers can rebuild a sample screen using only the system, without asking Sinh Vũ anything more.

A sample screen built

Source files that open

Source files open in the tools your team already uses, with no Sinh Vũ-specific software needed.

Opened in your team's tools

Real projects

This expertise in real projects

Investment

Three tiers by scope

Sinh Vũ quotes once it knows the number of components, the number of screens and the tools your team uses, as a fixed package. No surprise fees along the way.

Paid once

Digital system scope

Quoted by the actual number of components and platforms, fixed as a package before building.

Design token foundations

One or two digital products, standardising colour and type first.

4-7 weeks

Quoted by scope

  • Core component library
  • Grid, colour, type, spacing
  • Files and guide handed over
Choose this tier
Popular

Full system

Several products, shared design and engineering teams.

8-9 weeks

Quoted by scope

  • Everything in the foundations tier
  • Components for the agreed screens
  • Full usage documentation
Choose this tier

Complete system

Many teams and partners share the digital identity.

10-12 weeks

Quoted by scope

  • Digital icon set
  • Interaction and motion principles
  • Standard page templates
Choose this tier

Not sure which tier fits? Talk for 5 minutes and Sinh Vũ will suggest one →

Frequently asked questions

Before you send a request for a design system

Sinh Vũ talks to your technical team first to understand the platform in use, for example web or mobile app, before agreeing the design token table (standardised colours, spacing and type sizes) and the interface components reused in many places, such as buttons and inputs. The handover is a set of design files and a token table that exports to code, so engineers can follow it without guessing. Coding a working component library is not part of the service.

Yes, but the basics such as colour, type and spacing must be agreed before components are built; otherwise the system has nothing to anchor to, and changing the foundations later means rebuilding every component. That is why Sinh Vũ usually suggests tidying up the identity first, then building the digital system.

The point of a digital design system is that your team adds screens and uses existing components without asking Sinh Vũ about every small detail. Sinh Vũ hands over usage rules with it, and can run a quick training session for your in-house designers or engineers if you need.

They are not locked. Files are built in a widely used design tool, and tokens export in a standard format that ordinary web and app tooling can read. Your team can keep editing them without coming back to Sinh Vũ.

The digital design system is built with components and tokens in mind from the start, not drawn as nice screens and then worked out how to turn into code. That is why a conversation with your technical team always comes before building the system, so both sides speak the same language.

The number of components and screens and the complexity of digital products vary a great deal between businesses, so a single price list would not reflect the real workload. Sinh Vũ quotes once it clearly understands your product scope and technical platform.

It depends on the size of the product, the number of components to standardise and whether the business already has brand guidelines. The timeline is agreed with the quote, based on the real scope discussed.

The tokens and core design principles are not tied to any one technology, so they can be reused. Only the way components are implemented in the new technology needs redoing, which is usually much lighter than building the system from zero.

Start your digital design system

Send a few lines about what you need, and Sinh Vũ replies within the working day.