Multiple platforms, one core identity

When the digital product expands across multiple platforms, a silent issue begins to arise: the web uses one color palette, iOS uses another, and Android uses yet another, not because anyone intends to, but because each team makes changes in their own space without informing each other. After a while, customers look at the three platforms and feel they are facing three different brands.

Which factor must be exactly the same, and which factor can differ?

This is the first question that needs to be answered before discussing tools or processes. Not everything needs to be absolutely uniform, and forcing uniformity in the wrong places will disrupt the user experience.

• Must remain consistent across platforms: brand colors, typeface (typeface and font sizes), logo, and the ratio of white space around the logo. These are the elements users look at and immediately recognize as your brand.
• Should follow platform habits: Navigation, button placements, and notification displays. iOS users are accustomed to the tab bar at the bottom of the screen. Android users are familiar with a different layout. Forcing both platforms to look identical will make both feel strange.

Brand identity is the core layer inside. The foundational experience is the outer layer. These two layers do not conflict if clearly defined from the start.

Common source: why it is needed and what it looks like

The most sustainable way to maintain consistency is to establish a common source for core elements, then allow each platform to retrieve them, instead of each platform saving separate copies.

In the practice of digital product design, this concept is referred to as design tokens: each color value, font size, and spacing is named and stored in a single location. The technical team connects those tokens to the source code of the web, iOS, and Android. When a primary color needs to be changed, it is only changed in the common source, and the entire platform updates accordingly.

Update a self-applied token across all platforms. There is no common source, and platforms drift apart over time.

Summary from iTitans, UXPin

From the design perspective, the common source is a color system with sufficient codes for all environments, a typography system that maintains reading rhythm, and a synchronized component library. This is what Sinh Vũ builds and delivers. Connecting tokens to the code of each platform is the responsibility of your technical team, not the design team's.

When to invest consistently, when it’s not necessary yet

Investing in synchronization when the product is not stable is a waste, as each structural change requires a complete redo of the pipeline. The level of synchronization investment should be measured by team size and product stability, not just by the number of platforms.

Common errors when managing multiple platforms

• Fix each platform individually and forget to inform each other: The website changes button colors, Android is unaware, and two months later you notice the discrepancy. This is the most common error and can be completely avoided with a shared source.
• Making iOS and Android look identical: the result is an app that feels strange on both platforms because it does not follow the habits of any user.
• No clear owner for the master file: Everyone keeps a copy, and no one knows which version is the original. When needing to check color standards, it takes time to trace back to the beginning.
• Invest in a token pipeline when the product is still continuously changing: it takes effort to keep up and is often left unfinished.

The viewpoint of Sinh Vũ

Sinh Vũ approaches this problem by clearly distinguishing two layers: the core brand layer created and delivered by Sinh Vũ and the technical connection layer operated by the client's team.

The Sinh Vũ is responsible for: a color system with codes for all display environments, typography rules that maintain reading rhythm across platforms, a component library that has been synchronized and documented sufficiently for the technical team to connect. The client's technical team: connects those values into the source code of each platform and maintains that connection over time.

Sinh Vũ does not advise on absolute uniformity because that is not the right goal. The goal is for users to recognize that this is your brand, regardless of how the screen layout may differ.