Portfolio
Aurum - A dark luxury portfolio template for digital creatives
Aurum is a dark luxury HTML/CSS/JS portfolio template built for designers, developers, and creative professionals. Featuring editorial typography, gold accents, a custom animated cursor, scroll-driven reveals, and 8 polished sections — all in a single page.
£5.00
About This Theme
Aurum is a premium single-file portfolio template crafted for creative professionals who refuse to compromise on quality. Built entirely with vanilla HTML, CSS, and JavaScript — no frameworks, no dependencies, no build tools required — Aurum is ready to customise and deploy straight out of the box.
Inspired by the world of luxury editorial design, Aurum pairs a deep obsidian background with warm gold accents and a refined typographic hierarchy using Google Fonts (Cormorant Garamond, Syne, JetBrains Mono). The result is a portfolio that commands attention and communicates expertise before a single word is read.
What's Included
Aurum ships with 8 fully built sections:
Hero — Full-viewport opener with animated text reveal, availability status indicator, animated geometric ring decoration, and a mouse-reactive glow
Stats Bar — Animated counters that trigger on scroll
Marquee Ticker — Infinite scrolling skills/services strip
Selected Work — Numbered project list rows with expand-on-hover descriptions and arrow reveals
About — Two-column layout with photo frame placeholder, bio area, and skills grid
Services — Three-card grid with animated top-border hover effect
Process — Four-step workflow layout
Testimonials — Four-card quote grid
Contact — Large-scale CTA section with ghost background typography
Footer — Minimal footer with smooth back-to-top
Key Features & Techniques
Custom animated cursor with a lagging ring that reacts to hover states
Scroll progress bar with a gold glow effect
Navigation bar that hides on scroll down and reappears on scroll up, with blur backdrop on scroll
Staggered hero entrance animations using CSS keyframes
Scroll-triggered section reveals using the Intersection Observer API
Animated stat counters triggered on viewport entry
Subtle mouse-parallax on the hero glow element
CSS-only infinite marquee with no JavaScript
Grain noise texture overlay for depth and a print-quality feel
Fully responsive across all screen sizes with a dedicated mobile layout
Accessible markup with ARIA labels, semantic HTML5, and keyboard navigation
Respects prefers-reduced-motion for users who prefer less animation
Custom scrollbar styling
Zero external dependencies — one .html file, that's it
Browser Support
All modern browsers (Chrome, Firefox, Safari, Edge). Custom cursor automatically disabled on touch devices.
Inspired by the world of luxury editorial design, Aurum pairs a deep obsidian background with warm gold accents and a refined typographic hierarchy using Google Fonts (Cormorant Garamond, Syne, JetBrains Mono). The result is a portfolio that commands attention and communicates expertise before a single word is read.
What's Included
Aurum ships with 8 fully built sections:
Hero — Full-viewport opener with animated text reveal, availability status indicator, animated geometric ring decoration, and a mouse-reactive glow
Stats Bar — Animated counters that trigger on scroll
Marquee Ticker — Infinite scrolling skills/services strip
Selected Work — Numbered project list rows with expand-on-hover descriptions and arrow reveals
About — Two-column layout with photo frame placeholder, bio area, and skills grid
Services — Three-card grid with animated top-border hover effect
Process — Four-step workflow layout
Testimonials — Four-card quote grid
Contact — Large-scale CTA section with ghost background typography
Footer — Minimal footer with smooth back-to-top
Key Features & Techniques
Custom animated cursor with a lagging ring that reacts to hover states
Scroll progress bar with a gold glow effect
Navigation bar that hides on scroll down and reappears on scroll up, with blur backdrop on scroll
Staggered hero entrance animations using CSS keyframes
Scroll-triggered section reveals using the Intersection Observer API
Animated stat counters triggered on viewport entry
Subtle mouse-parallax on the hero glow element
CSS-only infinite marquee with no JavaScript
Grain noise texture overlay for depth and a print-quality feel
Fully responsive across all screen sizes with a dedicated mobile layout
Accessible markup with ARIA labels, semantic HTML5, and keyboard navigation
Respects prefers-reduced-motion for users who prefer less animation
Custom scrollbar styling
Zero external dependencies — one .html file, that's it
Browser Support
All modern browsers (Chrome, Firefox, Safari, Edge). Custom cursor automatically disabled on touch devices.