Moby

Open Source Design Language

A unified design system for decentralized applications, built for developers and designers to create consistent, accessible interfaces across Web3 and quantum computing platforms.

Design System Overview

Purpose

Our design system provides ready-to-use components, tokens, and documentation to ensure consistent UI/UX across all decentralized platforms. Created with accessibility, modularity, and decentralization in mind.

Web3 Ready

Core Principles

  • Modular Components
  • Accessible by Design
  • Decentralized First

Key Design Elements

Button Primary

Buttons

A range of button styles for actions and links across dark/light modes with hover effects and accessibility states.

Label Input Field Option

Forms

Interactive input fields, radio buttons, and form containers with validation feedback for secure data input.

Card Title Description text CTA

Cards

Floating cards with shadow transitions, responsive layout, and interactive hover states.

Core Design Principles

Modularity

Components should be flexible and reusable across applications, from mobile to blockchain dashboards.

Accessibility

Every element follows WCAG 2.1 AA/AAA standards with contrast ratios to support all user needs.

Consistency

A unified style guide ensures all components use the same color, spacing, and scale values.

Ready to Build?

Help shape a cross-platform design language for open protocols, quantum interfaces, and more.