Official typeface is Space Grotesk.
Shared interface guidance
VINASIG Design System
A shared source of interface guidance for people and SI agents building websites across the VINASIG organization.
A common foundation for every team
Build interfaces with the same clear rules.
A practical home for VINASIG's shared UI principles, reusable patterns, and implementation guidance.
Current snapshot
A first shared baseline
One place to explain the rules, show the components, and tell agents how to apply the context.
established identity colors
proposed responsive ranges
awaiting owner review
Explore the system
From brand foundations to complete patterns
01 Brand and logo
Choose the right logo variant
Identity facts, export files, and draft guidance for using the VINASIG logo system.
View brand and logo guidance02 Foundations
Set the shared visual language
Color, typography, spacing, responsive behavior, and accessibility guidance.
View foundations03 Components
Make common controls predictable
Buttons, text inputs, status messages, and cards with clear interaction rules.
View components04 Patterns
Connect the pieces into flows
Reusable guidance for forms, empty states, loading, errors, and page layouts.
View patternsDesigned for SI agents
Give every SI agent the same context.
Start with the short project guide, follow the relevant page, and treat this prototype's rules as proposals until they are approved.
How SI agents should use this system# In a VINASIG website repository
Read the root AGENTS.md.
Find the matching design-system guidance.
Follow approved rules.
Flag draft rules.This prototype is a draft
The site demonstrates a structure and a proposed visual baseline. No UI rule here is approved as an organization-wide standard yet.