Color Melt is a static GitHub Pages portfolio theme built for creative developers, designers, and illustrators who want a vivid, personality-driven site without the overhead of a backend or build pipeline. It pairs a liquid-color visual identity — rainbow gradients, lava blobs, cursor drops, tie-dye spirals, and sticker-style details — with nine ready-to-customize HTML pages that cover everything from featured projects to professional work history. The result is a site that feels expressive and memorable while still making the portfolio content easy to read and navigate.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/color-melt/llms.txt
Use this file to discover all available pages before exploring further.
Purpose
Color Melt is designed to be deployed directly to GitHub Pages without a server, database, or paid hosting account. The entire theme is a folder of static HTML, CSS, and JavaScript files. You can open it locally in a code editor, update the text and images, upload the files to a GitHub repository, and publish the site in a single GitHub Pages settings step. That workflow is intentionally straightforward. Beginners who are still learning how web deployment works can get a finished, professional-looking site live without needing to understand build tools or server configuration. At the same time, the project is organized clearly enough that more experienced developers can use it as a clean starting point — editing components, adjusting the stylesheet, or extending the layout for a larger personal site. The theme’s structure guides visitors through a portfolio in a natural order: a homepage introduction first, then featured work, then supporting pages like skills and work history, and finally a contact section. That sequence exists because good portfolio design reduces friction — a visitor should not have to search for the most important content.Intended Users
Color Melt is best suited to creative developers, designers, illustrators, and portfolio owners who want a vivid site that still keeps content organized and readable. The theme is flexible enough to work across a wide range of portfolios: software development, design, technical writing, freelance services, creative work, coursework, and mixed or personal projects. Different levels of technical experience are welcome. Someone new to web development can update the HTML text, replace links, add screenshots, and publish the folder through GitHub Pages without touching the component files. Someone more comfortable with code can go deeper by editing the CSS inassets/main.css, adjusting individual components, modifying animations, or using the theme as the foundation for a larger site.
The theme can carry any content, but it works best when the writing is specific and honest. A strong visual identity helps people remember the site, but the portfolio ultimately succeeds because the text clearly explains the actual work and decisions behind it.
Design Philosophy
The visual direction for Color Melt comes from a liquid-color portfolio with rainbow visuals and sticker-like details. The thirteen interactive components —CursorDrops, LavaBlob, TieDyeSpiral, RainbowArch, StickerSheet, ShirtRack, MagazineSpread, PatchworkQuilt, SmileyFlower, SpiralTimeline, LiquidForm, Navigation, and PageTransition — each contribute to a cohesive visual identity rather than appearing as unrelated effects.
Every design decision connects back to core principles: visual hierarchy guides the eye from headings to supporting details, consistent spacing makes pages feel intentional, and contrast keeps text readable against the themed backgrounds. Familiar navigation labels help visitors understand where they are even when the overall aesthetic is playful. Decorative elements are there to support the content, not compete with it — the most important portfolio information is always easy to find.
The rainbow dye palette — Dye Yellow (#FFCA3A), Dye Blue (#1982C4), Dye Red (#FF595E), Dye Green (#8AC926), Dye Pink (#FF99C8), Dye Orange (#FF924C), Dye Purple (#6A4C93), Turquoise (#40E0D0), and Teal (#008080) — anchors the theme on a Cream (#FDFBF7) background with Ink (#1A1A24) text. The palette was chosen for its contrast balance and its ability to support animated text gradients, form focus states, and decorative borders without sacrificing readability.
Color Melt is fully static — no Node.js, no build step, and no paid hosting required.
Get Your Portfolio Live
Fork the theme, customize your content, and publish to GitHub Pages in four steps.
Explore Components
Browse all 13 interactive and animated components that make up the Color Melt visual system.