Skip to content

design: add dark mode stats and pricing sections#218

Open
Temi709 wants to merge 1 commit into
SwiftChainn:mainfrom
Temi709:design/dark-stats-pricing
Open

design: add dark mode stats and pricing sections#218
Temi709 wants to merge 1 commit into
SwiftChainn:mainfrom
Temi709:design/dark-stats-pricing

Conversation

@Temi709

@Temi709 Temi709 commented Jun 29, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR adds high-fidelity Dark Mode Figma designs for the Statistics and Choose a Plan sections, following the SwiftChain design system and visual guidelines.

What Changed

  • Designed the Statistics section to clearly present key platform metrics using a clean visual hierarchy and engaging data presentation.
  • Designed the Choose a Plan section with intuitive pricing cards, clear feature comparisons, and strong call-to-action elements.
  • Applied the project's Dark Mode color palette to ensure excellent contrast, readability, and visual consistency.
  • Used reusable Figma components and Auto Layout to improve scalability, consistency, and maintainability.
  • Maintained consistent typography, spacing, alignment, and visual hierarchy across both sections.
  • Created responsive layout variants for desktop, tablet, and mobile screens.
  • Organized frames, components, and layers using clear naming conventions for efficient developer handoff.

Notes

  • This PR contains UI/UX design work only; no frontend implementation is included.
  • Both sections adhere to the SwiftChain Dark Mode design system and maintain consistency with the platform's existing visual language.
  • The Figma file is organized for future iterations, component reuse, and seamless collaboration with developers.

Closes #189
Closes #190

@drips-wave

drips-wave Bot commented Jun 29, 2026

Copy link
Copy Markdown

@Temi709 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Design Dark Mode: Choose a Plan Section Design Dark Mode: Statistics

1 participant