About Celeste
Celeste is an editorial portfolio for photographers, art directors and creative studios. Each project gets a full screen of its own colour, with a big serif title cut by the photo, so a body of work reads like the pages of a magazine.
Pages
Home: an endless vertical slider of projects you can scroll, drag or step through with the arrow keys, opened by a short intro on the first visit
A project page for every project: a full-screen hero, an overview, a statement and a five-image gallery, with a link to the next project
About: a statement, a portrait with a hand-written signature, and lists of clients, services and recognition
Contact: one large email address that copies on click, and a 404 page
CMS included
Projects collection with 6 example projects
Each project has a title, a cover photo, an optional cover video, a background colour and a text colour, client, year, role, category, an intro, a note, five gallery images and the next project
The home slider, the project pages and the next-project panel all read from the same collection
Motion
A photo opens into its project page full screen, and Close shrinks it back into its slide
A paper-like wave on the photos, a circle colour reveal between projects and a rolling project counter
Smooth scrolling, masked word reveals and clip-path image reveals on project pages
A live Paris clock in the footer
Reduced motion is respected
Details
Desktop, laptop, tablet and phone layouts
Named colour and text styles, and a Main layout template with the navigation, the footer and the motion component, so new pages start ready
SEO title and description on every page; project pages use the project title, intro and cover
Alt text on every project photo
Free fonts for commercial use: Bodoni Moda and Inter Display (Google Fonts)
Setup notes: the motion component finds layers by name, so keep the layer names. It loads GSAP and Lenis, both free for commercial use. The Instructions page explains covers, gallery sizes and colours.
