Site-wide Color Scheme & Visual Guidelines Reference Pack

This product provides a complete set of color schemes and visual guidelines for an entire website. It includes 12 preset color palettes (each comprising primary, secondary, neutral, accent, and background colors), color definitions for 6 button states (default, hover, active/click, disabled), color specifications for form elements, contrast ratio examples for links and body text, and standard color values ​​for cards, dividers, and icons. The deliverables consist of editable source files in PDF format (provided in both Adobe Illustrator and Figma versions), along with a CSS variables file (defining color codes within the `:root` pseudo-class). Deliverables:
The ZIP archive contains:

/color-palettes Folder: 12 .fig files and 12 .ai files, each corresponding to a specific color palette.

/css-variables Folder: 12 .css files, each containing a complete set of color variable definitions (e.g., –primary, –secondary, etc.).

/guidelines-pdf Folder: A 42-page PDF visual guidelines manual, featuring color combination examples, contrast ratio references, and usage recommendations.

/swatch-images Folder: Color swatch images for each palette (in PNG format, suitable for direct drag-and-drop into design software).

Use Cases:
You may select one of the color palettes to serve as the visual foundation for your website; simply modifying the CSS variables allows for site-wide color adjustments. This product does not provide a complete website design; it offers color palette references and variable files only. All colors are provided as hexadecimal value examples and do not represent any specific brand colors.

File Size: Approx. 210 MB