Knight Performance Medicine
A luxury landing page conceived and developed within 24 hours.

Project Details
My Role
Designer and developer
Timeline
July 2026 | Completed within 24 hours
Client
Knight Performance Medicine
Overview
To legally sell their product, the client needed a website that proved authenticity. Knight Performance Medicine came to my company a couple weeks before their scheduled launch, asking for a finished site by that date. By the time they signed on and the content was written, I had 24 hours to design the landing page.
The Problem
The client needed a website, fast, that could schedule appointments and establish credibility to sell their product elsewhere.
Our Solution
I designed a compelling, elegant website in 24 hours, on time for their launch date.
Design Breakdown
As standard practice, I sent the client a questionnaire to understand how they perceive their brand and how they want to be perceived.
The Results
In their own words, the client described their brand as "Exclusive luxury but accessible and doable."
Visual Direction
Our AI breakdown described their visual direction as, “the good version of a private practice: unhurried, uncluttered, and genuinely welcoming rather than intimidating.” They leaned toward a neutral color palette, lot’s of breathing room, and clean typography.

Design Questionaire Results
Preparing to Design
Mood Board
I took the questionnaire results and built a mood board. The direction for typography, color use, and layout from their results were all pointing in one specific design direction, since the client had a clear sense of what they wanted.
One reference image, with soft blobby gradients in the background, became the inspriation for a unique, low-contrast animted background.
One reference image, with soft blobby gradients in the background, became the inspriation for a unique, low-contrast animted background.
Colors
From the mood board, I broke the client’s palette (a neutral green and terracotta) into ten values to give the design more range.

Mood board
Designing Wireframe
Normally, I’d finalize every design decision in Figma before moving to Webflow for pixel-accurate development. Because of the time constraint, I created a loose direction in Figma, finalized typography, and completed the rest of the design in Webflow.

Loose Figma Design
Design Constraints
My company usually does a photoshoot with the client to avoid relying on stock imagry. That wasn’t an option here, but I knew too much stock photography would undercut the luxury look the client requested. I needed a design that relied on typography to keep the users engaged.
Solution
Thankfully, I had access to a library of easily edited, animated components. A few of these near the top of the page kept users engaged early on, while scroll aniamtions and expressive typography carried their momentum further down.
Final Design
I took this project from concept to final development in 24 hours. I”m proud of it, not just for hitting the deadline, but for the level of elegance and engagement in the final result. It pushed my capabilities and let me design in a style that I love.

Let's Connect
