Luminary Studio.

Description

Luminary Studio is a bold, dark landing page for a fictional creative digital agency. It opens on a gradient “We build brands that dare to stand out” hero backed by animated stat counters, then moves through services, work, process, about, testimonials, and a closing contact call-to-action.

Background

This is an entry in my “One Day One Code” series of small, focused daily builds, mostly landing pages. The brief here was to practice a confident, high-contrast agency aesthetic, leaning on gradients and glow effects to make a single-file page feel premium.

Goal

Ship a self-contained, single-file agency landing page in a day, one that communicates the studio’s personality through a dramatic dark palette, gradient typography, and subtle motion, without reaching for any framework or build step.

Features

• Gradient headline hero with animated count-up stats (8+ years, 240+ projects, 18 awards, 98% satisfaction).
• Services, work, and process sections outlining what the studio does and how it works.
• About and testimonials sections with client quotes.
• A “Let’s build something” contact call-to-action closing the page.
• Scroll-reveal animations as sections enter the viewport.
• Gradient and glow visuals rendered entirely in CSS.

Technologies

• HTML (single self-contained file)
• Inline CSS for layout, gradients, and glow visuals
• Vanilla JavaScript for scroll reveals and count-up stats
• Poppins via Google Fonts

How to Run

Clone the one-day-one-code repository and open 08. digital-agency/index.html directly in a browser; it is a self-contained single file. You can also serve the folder with a static server such as python3 -m http.server 8000. A live version is deployed at the demo URL above.

Technical Decisions

The whole page lives in one index.html with inline CSS and vanilla JavaScript, no framework and no build step, keeping it easy to open and read. Google Fonts load from a CDN for the intended typography, but the page still works offline with system-font fallbacks. Gradients and glows are done purely in CSS, and the only scripting is for scroll reveals and the animated stat counters.

What I Learned

This build reinforced how much perceived polish comes from small motion details, like count-up stats and scroll reveals, layered over a strong static design. Keeping everything in a single file was a useful constraint that pushed me to be deliberate about structure and to lean on CSS for the visual heavy lifting.

Notes

Part of the shared one-day-one-code repository. A preview image is included with the project. This is a small daily build rather than a full production site.