Skip to content

Latest commit

 

History

History
101 lines (73 loc) · 3.73 KB

File metadata and controls

101 lines (73 loc) · 3.73 KB

WallGodds Design Documentation

📝 Have Suggestions?

We value your input! If you have ideas or feedback about the design, feel free to share them in the Discussions.


🎨 Designer? Contribute to Our Design

If you're a designer interested in contributing directly to our Figma design file, we’d love to have your expertise! Please fill out this form to request access. Once approved, you’ll be granted edit permissions to collaborate effectively.


📂 Design Resources

Our design work is centralized in a Figma file, which is constantly updated as the project progresses. This file includes wireframes, prototypes, and finalized design assets.

👉 WallGodds Figma Design


🛠️ Design Components

Color Palette

The primary color palette for the website:

Color Hex Code Usage
Primary (White) #FFFFFF Background
Secondary (Black) #000000 Text
Nav Bar Gradient select (1st Color) #FF5100 Button Background
Nav Bar Gradient select (2nd Color) #00A483 Button Background
Nav Bar Gradient select (3rd Color) #4400FF Button Background
Delete Your Account(Button) #FF5100 Button Background
Log Out ( Button ) #407BFF Button Background
Typo Color #6F6F6F Typo Color

Typography

  • Poppins Regular - (Submit - 32)
  • Poppins Regular (Nav Bar - 27)
  • Poppins Regular (Pop up - 24)
  • Poppins Regular (Submit( Under the rectangle) - 20)
  • Poppins Regular (Categories - 21.98)

📐 Layouts and Breakpoints

  • Width - 719.39
  • Height - (∞ for scrollable) Default 1572

Grid System

WallGodds uses a ∞ column grid system for layouts to ensure responsiveness.


💡 Suggestions

If you think any design components can be improved or have suggestions, please:

  1. Open a GitHub discussion or issue.
  2. Provide references or examples for clarity.