Vy brand guidelines
Vy's Spor design system documents UI components, React code examples, design tokens, and creative libraries for digital journey services.
Vy Spor homepage introducing the design system with key links to Figma, GitHub, and component guidelines.
Introduction page detailing the purpose, architecture, and developer and designer workflows for Vy's Spor.
Component documentation for IconButton featuring code variants, live previews, and React props specifications.
MediaController component page displaying audio playback button states, props, and code examples.
PressableCard component documentation presenting interactive card examples, guidelines, and API props.
Resources overview page linking to Vy's design tokens, icon library, illustration library, and image bank.
Want a brand center like Vy’s?
Create your brand center with Freedam ↗Freedam's take
Exploring Vy's Spor design system feels refreshingly pragmatic. I appreciate how candid the navigation is, showing lifecycle status badges like Deprecated, Updated, and New directly beside component names in the sidebar. Each component page balances interactive UI previews, copyable React snippets, and props tables alongside Figma links. The portal also groups foundational assets into dedicated sections for design tokens, illustration libraries, and an image bank. It serves both engineers and designers without unnecessary corporate polish, focusing squarely on the practical mechanics of assembling interfaces for travel services.
At a glance
- Sections
- Spor · Resources · Guidelines · Getting started · Components · Contribute · Vy Identity
- Tone
- Technical and practical documentation tailored for engineers and product designers.
What I noticed
- Component navigation in the sidebar includes explicit status tags such as 'Updated', 'Deprecated', and 'New' next to component names.123
- Component documentation pages like IconButton and MediaController feature interactive previews, copyable React code snippets, and structured API props tables.45678
- The Resources area indexes design tokens, icon libraries, illustration libraries, an image bank, and a playground.91011121314
Numbers refer to the screenshots above.
What I could not see
- No direct file download triggers or brand logo asset packages were visible on the captured screens.
- Internal contents of the image bank and illustration library could not be inspected beyond their top-level resource links.
Ideas to borrow
- Adding component lifecycle badges like Deprecated or Updated directly within the sidebar navigation gives team members immediate visibility into library health.
Reviewed on 25 September 2026. Request a correction · I built this
Similar brand centers
All brand guidelines →
