01
Public routes
Home, services index and eight detail routes, industries, case-studies index and eight detail routes, insights index and six article routes, team index and five profile routes, careers, contact, and a 404 fallback.
Professional & Financial Services
Lumen Practice — Creative Brand Consultancy
Lumen Practice is a static React single-page website for a fictional senior creative brand consultancy.
Professional services websiteconsultpracticeprovider
Visit live website ↗lumen-practice.vercel.app
Project type
Professional services website
Industry
Professional & Financial Services
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Lumen Practice — Creative Brand Consultancy experience
Lumen Practice is a static React single-page website for a fictional senior creative brand consultancy. The site is designed around the Performance Workshop direction: decisive editorial typography, charcoal-and-mineral surfaces, scarce lime interaction signals, and a travelling line that turns navigation, indexes, diagnostics, rosters, and the contact flow into one connected studio system.
The project is a portfolio demonstration. Case studies, open roles, locations, contact details, and enquiry outcomes are representative content rather than claims about an operating consultancy.
Public routes | Home, services index and eight detail routes, industries, case-studies index and eight detail routes, insights index and six article routes, team index and five profile routes, careers, contact, and a 404 fallback.
Experience details
Key features and interaction highlights
02
Navigation
Sticky desktop header, accessible mobile navigation drawer, active-route indication, skip link, and a shared forward-navigation scroll reset.
03
Contact workflow
A four-step client-side brief desk with selection, validation, loading, error, back, review, success, and reset states. It does not transmit data to a service.
04
Exploration
Expandable service rows, industry diagnostic selector, case and discipline filters, newsletter validation state, detail-page links, and route-aware footers.
05
Theme
Centralized semantic color tokens with light and dark modes, using ThemeProvider. The default presentation is dark.
06
Motion
Lightweight transform/opacity transitions, image-panel hover movement, signal-line emphasis, mobile-drawer motion, and a staged interactive milestone timeline.
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSFramer MotionWoutershadcn/uiRadix UI
Project FAQ
Questions about Lumen Practice — Creative Brand Consultancy
What is Lumen Practice — Creative Brand Consultancy?
Lumen Practice is a static React single-page website for a fictional senior creative brand consultancy.
Who is the Lumen Practice — Creative Brand Consultancy website designed for?
Decision-makers comparing expertise, services, process, and opportunities to engage.
What does the Lumen Practice — Creative Brand Consultancy experience include?
The documented experience includes public routes, navigation, contact workflow, exploration. The live website shows the complete interface and interaction flow.
Can I view Lumen Practice — Creative Brand Consultancy online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
