The most effective way to customize Color Melt is to focus on content before style. Getting your real name, projects, and professional details into the theme first gives you something accurate to look at — then color and layout adjustments become much easier to evaluate. This guide walks you through every editable section in the order that produces the least confusion and the most visible progress.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.
Recommended Editing Order
Work through the pages below in sequence. Each step builds on the previous one, so your homepage introduction is correct before you start linking to other pages.Homepage introduction — index.html
Open
index.html at the repository root. Replace the starter name, headline, and tagline with your own. This is the first thing every visitor sees, so getting it right early sets the tone for the rest of your edits.About page biography — pages/About.html
Open
pages/About.html and replace the placeholder biography with your own background, career path, interests, and anything else that helps visitors understand who you are. The About page should sound human — it does not need to be formal.Projects — pages/Projects.html
Open
pages/Projects.html and replace every starter project entry with a real one. Update titles, descriptions, screenshot references, and external links (live URL, GitHub repo). Add or remove project blocks to match the number of projects you want to feature.Skills — pages/Skills.html
Open
pages/Skills.html and replace the starter technology and tool entries with your actual skills. Group them in whatever way is most readable for your stack — by language, category, or proficiency level.Work history — pages/Work.html
Open
pages/Work.html and update employer names, job titles, employment dates, and role descriptions. If you are a student or freelancer, adapt the entries to reflect your actual experience — coursework, freelance clients, or independent projects all count.Case studies — pages/CaseStudies.html
Open
pages/CaseStudies.html and replace the starter case study content with a deeper breakdown of your best or most complex work. A good case study explains the problem, your process, your decisions, and what you shipped.Articles — pages/Articles.html
Open
pages/Articles.html and replace any starter article entries with links to your own writing, or remove entries you do not need. If you do not have published articles yet, consider leaving this page for later or using it for technical notes.Testimonials — pages/Testimonials.html
Open
pages/Testimonials.html and replace the starter testimonials with real ones. If you do not have testimonials yet, remove the placeholder entries until you have something genuine to add — an empty section is better than invented quotes.Editing HTML Files
Every page in Color Melt is a plain HTML file. No build step, compilation, or server restart is required to edit them — open the file in any code editor, find the text you want to change, replace it, and save. The simplest edits are straightforward text swaps. Find the starter content and type your own in its place. For links, update both thehref attribute and the visible link text. For images, update the src attribute to point to your own file.
Here is a basic example of replacing the homepage introduction:
Before
After
Checklist Before Publishing
Go through this checklist before sharing your live URL. It covers the most common things people forget during a first customization pass.Homepage and identity
Homepage and identity
- Replace the homepage intro, name, headline, and tagline in
index.html - Confirm your name appears correctly in the browser tab title
Biography and background
Biography and background
- Update the About page biography with your real background
- Remove or rewrite any starter text that does not apply to you
Projects and work
Projects and work
- Add real projects with actual titles, descriptions, and screenshots
- Replace starter project links with your live URLs and GitHub repos
- Update the work history with real employers, roles, and dates
Skills
Skills
- Update the Skills page to reflect your actual technologies and tools
- Remove any placeholder skill entries that do not apply
External links and contact
External links and contact
- Replace starter GitHub and LinkedIn links with your own profile URLs
- Update all contact information with your real email or preferred contact method
- Confirm no links still point to the theme’s original placeholder destinations
Navigation and layout
Navigation and layout
Deployment files
Deployment files
- Confirm
.nojekyllis present at the repository root besideindex.html - Confirm
index.htmlis at the root, not nested inside a subfolder