#### **DOTUI: Drafting the future of Polkadot UI/UX**
![image](https://i.ibb.co/FbWnsfJ/22774-Marti-1723914255999.jpg)

[**Figma: DOTUI**](https://www.figma.com/proto/AqUAKDK049BISL3ZSXWe0O/DOTUI?page-id=0%3A1&node-id=11-19&viewport=238%2C-59%2C0.68&t=JsJURUvDUOqUgdlg-1&scaling=min-zoom&content-scaling=fixed)  


#### 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.

- **Problem Statement:** Drafting essential UI components and a template for DOTUI design system within the Polkadot ecosystem to spark community discussion and alignment.
- **Significance:** Creating a foundation for community engagement, gathering feedback, and shaping a more detailed, community-driven proposal.
- **Proposed Solution:** Develop UI components reflecting Polkadot's aesthetic, design a prototype template, and engage the community for feedback.
- **Expected Outcomes:** Draft UI components, prototype template, community forum post, and insights to shape a comprehensive future proposal.

#1097 DOTUI: Polkadot UI/UX Design System Draft

No Active Proposals