tbwiii / ds

A Design System

A Design System

Guiding Rules

• Accessibility is first class ✅
• Mobile first
• Modern conventions

Proposed Tech

• Vue ✅
• VueCLI
• Webpack ✅
  • Babel ✅
  • ESLint ✅
• Jest
• VueUtils
• FontAwesome Free

Possible Names

• Zora
• Jabun
• Gerudo
• Goron
• Tetra

Proposed Components

• Banner
• Breadcrumb
• Button ✅
• Icon ✅
• Form ✅
  • Checkbox ✅
  • Input ✅
    • Text ✅
    • Password ✅
  • Radio ✅
  • Select ✅
  • Toggle ✅
• Heading ✅
• Modal
• Segment ✅
• Toast ✅
• Tooltip
• Text ✅

Proposed Utilities

• Spacing

Problems to solve

• Theming