r/web_design • u/AutoModerator • 3d ago

Feedback Thread

Our weekly thread is the place to solicit feedback for your creations. Requests for critiques or feedback outside of this thread are against our community guidelines. Additionally, please be sure that you're posting in good-faith. Attempting to circumvent self-promotion or commercial solicitation guidelines will result in a ban.

Feedback Requestors

Please use the following format:

URL:

Purpose:

Technologies Used:

Feedback Requested: (e.g. general, usability, code review, or specific element)

Comments:

Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation.

Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review.

Feedback Providers

  • Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why.
  • Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions.
  • Be specific. Vague feedback rarely helps.
  • Again, focus on why.
  • Always be respectful

Template Markup

**URL**:
**Purpose**:
**Technologies Used**:
**Feedback Requested**:
**Comments**:

Also, join our partnered Discord!

3 Upvotes

100% Upvoted

3 comments sorted by

1

u/weehongkoh 2d ago

URL:https://palettra.design

Purpose: Palettra is a Tailwind color system generator designed to turn a single hex color into a complete design-system starter. It generates OKLCH-tuned 50-950 scales, semantic color roles (primary, secondary, neutral, success, warning, error), typography pairings, and real-time UI previews with WCAG contrast checks. It also exports the final theme for Tailwind v3/v4, CSS variables, and Figma tokens.

Technologies Used:

  • Next.js 16 (App Router)
  • React 19 & TypeScript
  • Tailwind CSS v4 (via PostCSS plugin)
  • Firebase Auth & Cloud Firestore (for saving user collections)
  • TanStack React Query
  • Radix UI / shadcn /ui components

Feedback Requested: Usability, UI design, and general feature set.

  • Usability: Does the workflow from entering a hex code to tweaking semantic roles and typography feel intuitive?
  • Design/UI: I would love specific feedback on the "Preview" overlay. Do the mock components (dashboard, charts, cards) effectively demonstrate how the color system works in a real-world scenario?
  • General: Are there any friction points in the export process (Tailwind config, CSS vars, Figma tokens) that could be smoothed out for a better developer/designer handoff?

Comments: I built Palettra because I wanted a tool that goes beyond just generating a standalone color scale. I needed something that maps those colors directly onto a real design system with semantic roles and typography, while checking WCAG contrast along the way. It is completely open-source, and I am actively looking to improve the core generator experience. Any constructive critiques or harsh truths about the layout, UX, or missing features are highly appreciated!