Update Roadmap Designs to match W3D Brand.

[nomadbitcoin]

We are considering leveraging the OnlyDust interface to bootstrap our functionality, with some necessary adaptations. We only have a sketch by now, so the next step is to build it on Figma and apply the web3dev brand colors and styles to the existing screens.

• Figma Section of OnlyDust -> Web3Task Interface
• WEB3DEV Brandig Book

Deliverables:

1. Build on Figma

   • [ ] Create Figma designs based on the initial sketch.

2. Apply Brand Colors

   • [ ] Update all screens with the primary, secondary, and accent colors from the brand guidelines.

3. Update Typography

   • [ ] Apply brand-specific fonts to headings, body text, and other text elements following brand’s design guidelines.

4. Style Components

   • [ ] Ensure all UI components (buttons, inputs, cards, modals, tables, etc.) follow the brand's look and feel.

5. Responsive Design

   • [ ] Verify and adjust the design to ensure it looks good on different screen sizes and devices.

6. Additional Figma Tasks

   • [ ] Create a prototype with interactive elements to demonstrate the flow and user interactions.
   • [ ] Document any deviations from the initial mockup and provide reasoning for changes.