A portfolio website template for visual designers and art directors, built to show work, share writing, and invite new projects. All content is managed through a connected CMS, no code edits needed.
Product description
single-page portfolio website with dedicated pages for projects and blog posts. It is aimed at visual designers, art directors, and creative studios who want a professional online presence without maintaining a custom codebase. The layout separates your work, a visual gallery, a written journal, and a contact section into distinct areas, each editable through Sanity Studio. You write and upload from a web-based dashboard; the site updates automatically.
Key features
- Interactive hero section. The homepage opens with a full-screen title that reacts to mouse movement, with floating image cards that follow the cursor as visitors explore.
- Project showcase with quick preview. Selected works appear in an asymmetric grid. Visitors can open a project in a slide-up modal for a fast preview, or navigate to a full case study page.
- Scrolling visual gallery. A marquee strip displays gallery images in a continuous horizontal loop. Clicking any image opens a full-screen lightbox view.
- Blog / journal with table of contents. Each article page includes a sticky sidebar that lists headings so readers can jump between sections.
- About section with CV download. Displays a profile photo, biography, and separate lists for experience and education. A download button links to an external CV or resume file.
- Contact section. A dark, full-width call-to-action section with a direct email or link button. Copy and button URL are managed in the CMS.
- Custom animated cursor. A two-part cursor (dot and trailing ring) replaces the browser default across the entire site. It adapts its color when scrolling over dark sections.
- CMS-driven content. Every section title, text, image, and button label is editable through Sanity Studio. No code changes are needed to update the site content.
Pages included
- Home
- Works (archive)
- Works detail (individual project / case study)
- Blog (archive)
- Blog post (individual article)
- Studio (Sanity CMS dashboard, embedded)
Design style
Clean and editorial, with a near-white background, near-black text, and a red-orange accent color. Typography is large-scale and uppercase throughout, with tight tracking. A subtle animated film grain overlay adds texture across all pages.