Sys.Witch V2 is a static single-page-application portfolio theme that compiles to plain HTML, CSS, and JavaScript — no server, no database, no backend required. It was built for developers, designers, technical writers, digital artists, and any creative professional who wants an atmospheric, personality-driven portfolio rather than another clean-but-forgettable landing page. Every visual decision is deliberate: deep near-black backgrounds, four neon accent colors, animated particle effects, and a sigil-based icon system combine to create a site that feels as expressive as the work it showcases.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/sys-witch/llms.txt
Use this file to discover all available pages before exploring further.
Design Language
Sys.Witch V2 belongs to the Mystical and Haunted design category. The visual direction draws from mystical interfaces, dramatic color contrast, and atmospheric storytelling. The palette is intentionally narrow and high-contrast so that portfolio content — projects, writing, case studies — always reads clearly against the dark canvas.| Role | Color Token | Hex Value |
|---|---|---|
| Background base | --bg-base | #050508 |
| Background surface | --bg-surface | #0A0A12 |
| Background elevated | --bg-surface-elevated | #12101C |
| Neon purple (primary accent) | --neon-purple | #B026FF |
| Neon magenta | --neon-magenta | #FF00FF |
| Neon cyan | --neon-cyan | #00F3FF |
| Neon lime | --neon-lime | #39FF14 |
| Neon deep purple (scrollbar) | --neon-deep-purple | #4A00E0 |
| Text primary | --text-primary | #E2E8F0 |
| Text secondary | --text-secondary | #94A3B8 |
| Text muted | --text-muted | #475569 |
Key Features
Animated Particle Field
A full-screen canvas-based particle field renders behind every page via
ParticleField.js. Particles drift and connect with glowing lines, producing a living background that reacts to the viewport without touching portfolio content.SVG Sigil & Rune Icon System
Sigil.js, PortalRing.js, and RuneTile.js form a cohesive SVG icon language. Sigils appear as decorative skill markers on the Skills page, as rotating portal rings on section dividers, and as the anchor icons throughout the navigation.Data-Driven Content
Portfolio content is separated from rendering logic inside the
data/ folder. Update projects.js, skills.js, writing.js, caseStudies.js, and sigils.js to swap in your own work without touching any component or stylesheet.GitHub Pages Ready
The
assets/ folder contains pre-compiled CSS and JavaScript bundles. Drop the repository onto GitHub Pages and it publishes immediately — no build tools, no Node.js install, and no _config.yml required.Pages Included
Each portfolio section is a separate HTML entry file. The homepage lives at the repository root asindex.html; all other pages are located inside the pages/ subfolder.
| File | Purpose |
|---|---|
index.html | Main homepage and GitHub Pages entry file |
pages/About.html | Biography and background |
pages/CaseStudies.html | Detailed project and technical breakdowns |
pages/Contact.html | Contact details and communication links |
pages/Projects.html | Featured project portfolio |
pages/Skills.html | Skills, technologies, and capabilities |
pages/Writing.html | Writing archive and long-form content |
Tech Stack
Sys.Witch V2 is authored with the following libraries and tools, all compiled into the pre-builtassets/ bundles:
- React — component-based UI rendering
- Tailwind CSS — utility-first styling compiled to
assets/main.css - Framer Motion — declarative animation for entrance transitions and interactive hover states
- Lucide React — SVG icon set used throughout the component layer
- JetBrains Mono — monospace font for code labels, tags, and sigil identifiers
- Tektur — display font for section headings and project titles
- Inter — body font for readable paragraph text throughout the theme
- Audiowide — decorative display font imported alongside the core type system
Repository Relationship
Sys.Witch V2 is maintained as a standalone repository atapursley2012/sys.witch-v2 and is also listed in the apursley2012/github-pages-themes collection — a curated directory of static portfolio themes that links visitors to each theme’s live demo, source repository, and issue-request form. The collection repository does not affect how Sys.Witch V2 is deployed or customized; it acts purely as a discovery index.
The live demo is published at
https://apursley2012.github.io/sys.witch-v2/. Open it to preview every page, all animations, and the full interactive detail before deploying your own copy.