IdrisVale

About this template

Idris Vale is a cinematic portfolio template for brand and product designers who want their site to feel as considered as their work.

Everything moves on a single 12° slant - the angle of the "/" in the logo. The hero headline exhales from heavy to light as you scroll, the image splits into diagonal shutter slices, and a cobalt slash sweeps between the words Brand and Product before two featured case studies wipe in. A pinned manifesto hands over to four principles that light up one by one, and a five-step process slider morphs its image mask at every step. The footer rises over the page on a slanted edge.

Built for real use, not just a showreel:

• 6 pages - Home, About, Archive, Contact, Project detail and 404

• CMS-powered projects with a detail page, gallery and meta fields

• Archive with lightbox previews, powered by its own CMS collection

• Contact form with budget select and validation

• Custom code components, all editable from the properties panel - no code needed

• Preloader, custom slash cursor, smooth page transitions and a live local-time clock

• Cobalt duotone image treatment built in - drop in any photo and it matches

• Fully responsive across desktop, tablet and mobile

• Accessible headings, keyboard-friendly navigation and reduced-motion support

• Color and text styles set up as tokens, so restyling takes minutes

Type: Zalando Sans Expanded, Instrument Serif and Switzer.

Images are from Lummi and are for preview only - replace them with your own work.