DOTUI: Polkadot UI/UX Design System Draft

DOTUI: Drafting the future of Polkadot UI/UX

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.

DOTUI is a project to create a design system for apps using Polkadot technology. Here are the main points:

The goal is to create important UI components and a simple template for Polkadot apps.
DOTUI will feature a modular design so parts can be reused easily.
A draft will be shared for the community to give feedback and suggestions.
The design includes a "frosted material" look with Polkadot's pink colors.
The project plans to take about 5-7 weeks to complete initial designs and gather feedback.
After community input, a more detailed plan will be developed for the project.
This project encourages teamwork to create a design that fits the Polkadot ecosystem.

Source