Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/colorful/llms.txt

Use this file to discover all available pages before exploring further.

The Projects page is the centrepiece of your portfolio — the place where you put your best work on display. It gives visitors a curated view of what you can do, combining visuals, context, and links so they can explore further. The route path is /projects and the Navigation component labels this page Made With Love, styled with accent color #f59e0b.

​
Purpose

Use the Projects page to present a hand-picked selection of your strongest work. Unlike a case study, each project entry here is typically a concise snapshot: a title, a short description, a visual, and a link. The goal is to give visitors enough context to be intrigued and enough direction to click through to learn more.

​
What to Fill In

Open projects.html and replace the placeholder content with your own projects. For each entry, provide:
  • Project title — the name of the work, product, or client project
  • Short description — one to three sentences explaining what it is, what you did, and what makes it worth noticing
  • Link — a URL to a live site, GitHub repository, case study, or external write-up
  • Image or visual — a screenshot, mockup, or cover image that represents the project; update the alt text to describe the image accurately for accessibility
  • Tags or labels (optional) — technology stack, project type, or year completed

​
Tips for a Strong Projects Page

  • Lead with your most impressive or recent work — visitors rarely scroll to the bottom
  • Keep descriptions focused on your contribution and the outcome, not just a list of technologies used
  • Use consistent image dimensions across all project cards so the layout feels intentional
  • Include a mix of project types if your work spans multiple disciplines

​
Navigation Integration

The active route is highlighted in the floating navigation menu. When a visitor is on the Projects page, the Made With Love label is shown with #f59e0b as the accent color. The route definition in Navigation.js is: 
{ path: '/projects', label: 'Made With Love', color: '#f59e0b' }

​
Related Docs

Case Studies

Go deeper on individual projects with problem, process, and outcome narratives.

Pages Overview

Full table of all ten pages with routes, nav labels, and purposes.

Build docs developers (and LLMs) love

Get started for freeTalk to us