Me Vs Me // Design System
HomeAnalyticsDevelopmentSecurityDesign SystemMe vs MeSite HealthFlowchart Designer
MVM
Design System
PHASES
9 available
OverviewDestiny 2 StylePhase 1: FoundationPhase 2: ComponentsPhase 3: NavigationPhase 4: Icons & MotionPhase 5: Templates & HubsPhase 6: Mobile & QAPhase 7: User Journeys
[ MvM / IMPLEMENTATION PLAN / PHASE 2 ]

Visual Effects & Components

Glassmorphism, buttons, cards, forms, data display, feedback. Weeks 3–4.

Tasks & Deliverables

  • Primary (Exotic Gold), Secondary (Void Purple), Tertiary (Ghost), Danger (Red)

    components/destiny/destiny-button.tsx

    → scroll
  • Icon button, FAB

    components/neo/icon-button.tsx, fab.tsx

    → scroll
  • States: hover, active, disabled, loading

    components/destiny/destiny-button.tsx

    → scroll
  • Sizes: SM, MD, LG, XL

    components/destiny/destiny-button.tsx

    → scroll
  • Button with icon (leading/trailing)

    components/destiny/destiny-button.tsx

    → scroll

Output: components/destiny/destiny-button.tsx

Live Examples

Destiny button variants

Destiny sizes (SM → XL)

Destiny with icon (leading / trailing)

Destiny states: disabled

Icon buttons — variants

Icon buttons — sizes (SM, MD, LG)

Icon buttons — common actions

FAB: see components/neo/fab.tsx (fixed bottom-right)

→ Full Destiny 2 Style showcase
DESIGN
Me Vs Me Design System9 phases