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.

Colorful is a fully static portfolio theme designed for creative professionals who want a site with genuine personality. Built with React 18, Framer Motion, and Tailwind CSS, it ships nine pre-built pages — from a dynamic homepage to case studies, blog, and contact — all compiled to plain HTML, CSS, and JavaScript ready for GitHub Pages.

Introduction

Learn what Colorful is, who it’s for, and what makes it distinctive.

Quickstart

Fork, personalize, and publish your live portfolio in under 15 minutes.

Pages & Structure

Explore all nine included pages and understand the SPA routing model.

Components

Dive into the Navigation, FluidBackground, and CursorTrail components.

Customization

Swap colors, fonts, and layout to make the theme your own.

Deploy to GitHub Pages

Push your portfolio live with GitHub Pages — no server required.

What’s included

9 Pages

Home, About, Projects, Skills, Work, Case Studies, Blog, Testimonials, and Contact.

3 Components

Navigation, FluidBackground, and CursorTrail — each independently customizable.

Fluid Gradients

Animated teal-pink-amber-indigo shifting gradients driven by CSS keyframe animation.

Spring Animations

Framer Motion powers the floating nav menu, hover states, and page transitions.

3 Font Families

Bricolage Grotesque for display, Caveat for handwriting accents, and Inter for body copy.

Fully Static

No backend, no build server at runtime — just files on GitHub Pages.

Get started in three steps

1

Fork or clone the repository

Go to github.com/apursley2012/colorful and fork it into your own GitHub account, or clone it locally.
2

Replace the placeholder content

Edit the HTML files and the source files in assets/ and components/ to add your own bio, projects, skills, and contact details.
3

Publish to GitHub Pages

In your repository Settings → Pages, set the branch to main and the folder to / (root). Your site goes live at https://<your-username>.github.io/<repo-name>/.
Keep .nojekyll at the repository root alongside index.html. Without it, GitHub Pages runs Jekyll processing and may break the static asset paths.

Build docs developers (and LLMs) love