DOTUI: Polkadot UI/UX Design System Draft

DOTUI: Drafting the future of Polkadot UI/UX

Figma: DOTUI

Proposal Overview

This initial proposal aims to draft essential UI components and a template for DOTUI, a general-purpose design system targeting cross-platform applications within the Polkadot ecosystem. The primary goal is to create a foundation for community discussion and alignment, which will inform a more comprehensive proposal in the future.

Key Objectives

1. Draft Essential Components (Prototype-Ready)

• Develop a basic set of UI components that reflect Polkadot's aesthetic.
• Focus on modularity and reusability for future expansion.

2. Prototype Template

• Design a simple template using the drafted components.
• Include basic onboarding views and an NFT dashboard concept.

3. Community Engagement

• Create a forum post showcasing the draft components and template.
• Gather community feedback to align the project's direction.
• Use insights to inform a more detailed, community-driven proposal.

Preliminary Design Concept

This is a starting point that will be included in the future forum post for community discussion, not a final design decision.

DOT Material

• Explore a "frosted material" design concept, incorporating Polkadot's signature pink.

Signature Color

• Primary: Polkadot Pink (#E6007A)
• Secondary: Light Pink (#FF60B5)

Typography

• Primary Font: 'Unbounded' (for headings and emphasis)
• Secondary Font: 'Inter' (for body text and UI elements)

Timeline

5-7 weeks to accomplish these preliminary goals:

• Weeks 1-3: Draft essential components
• Weeks 4-5: Create prototype template
• Weeks 6-7: Prepare and post community forum, gather initial feedback

Expected Outcomes

• A set of draft UI components for community review.
• A basic prototype template demonstrating potential applications.
• A forum post to engage the Polkadot community and gather direction for the project.
• Insights and feedback to shape a more comprehensive future proposal.

Next Steps

Based on community feedback and alignment, a more detailed proposal will be developed, addressing:

• Refined design system
• Refined and expanded components
• Refined and expanded template views
• Detailed implementation strategies and platform priority
• Comprehensive timeline and resource allocation

Conclusion

This initial proposal serves as a starting point for the DOTUI project. By drafting basic components and a template, aiming to spark community discussion and gather valuable insights. This collaborative approach will ensure that the final design system aligns with the current and future vision of the Polkadot ecosystem.