Crear paleta personalizada

What

Converly's custom palette builder is a browser-based tool for defining a project's core design tokens and documenting them in a Design.md file. It targets designers and front-end developers who need a consistent, shareable record of colors, typography, borders, spacing, and buttons rather than ad-hoc style decisions. The page presents it as a multi-step flow: colors and border radius first, with heading typography as the next step.

Features

• Primary, secondary, and background color inputs — establishes the seed colors from which the rest of the palette is derived.
• Border radius control — a slider with preset stops (0, 4, 8, 12, 16 px, shown at 8 px) that sets corner rounding as a reusable token.
• Generated Design.md documentation — the tool outputs a Markdown file covering colors, typography, borders, spacing, and buttons, with 12-step color scales and CSS variables.
• Light and dark mode support — both modes are included in the generated file rather than handled as a separate manual pass.
• Shareable export link — anyone opening the shared link can export the same Design.md, keeping recipients on an identical token set.
• Categorized font catalog — fonts are grouped as Sans Serif, Serif, Display, Monospace, and Handwriting, with a source label shown per entry (mostly Google) and a dedicated step for heading typography.

Helpful Tips

• Because the flow is sequential, settle the color palette and radius before moving to typography; changing seeds later may require regenerating the file and rechecking downstream token references.
• Treat the generated Design.md as the single source of truth for tokens, and commit it to version control so palette changes are reviewable rather than silent.
• Define light and dark mode together during the first pass; retrofitting dark mode after implementation typically produces inconsistent contrast decisions.
• Verify each font's actual availability and licensing against its listed source before committing it to a production stack, since the catalog labels entries with a source but does not document usage terms.