A landing page for a custom socks product line from the same parent company as Client 1. The unique challenge: building a compelling design around a neutral gray brand palette where the primary color isn't really a "color."
This page was designed mobile-first. Here's how it looks on a phone.
This is a sister brand to Client 1 — same parent company, but a completely different product line focused on custom socks. Where Client 1 had a strong green brand color to anchor the design, this brand's palette is almost entirely gray. That might sound like a limitation, but it turned into one of the most interesting design challenges I've worked on.
The brief was to create a product page that feels polished and professional while being visually distinct from the patches brand. Both needed to clearly belong to the same family, but each had to stand on its own. The trick was making gray feel intentional and premium rather than just... plain.
The core design challenge here was genuinely unusual: how do you create visual impact when your brand's primary "color" is gray? Most landing pages lean heavily on a vibrant brand color for CTAs, section dividers, highlights, and hover states. Take that away and you need a completely different approach to visual hierarchy.
On top of the color constraint, this page needed to feel connected to Client 1's patches brand (same parent company, similar audience) while being clearly its own thing. If it looked too similar, customers might confuse the two product lines. If it looked completely different, the family relationship would be lost.
There was also a practical conversion challenge. The previous page had decent traffic but a high bounce rate, especially on mobile. Visitors were landing, seeing a generic-looking page with no personality, and leaving. The design needed to stop that initial bounce and give people a reason to stay and explore the product line.
Instead of relying on color for visual hierarchy, I built the entire design system around shadows and texture. Different shadow depths create layering effects that guide the eye through the page — lighter shadows for subtle background cards, deeper shadows for interactive elements and CTAs. It gives the page a sense of depth that most flat, colorful designs don't have.
For the one pop of color, I used green (#01CA76) — the same green from the parent company's palette — but only on CTAs and critical action elements. Because everything else is grayscale, that green absolutely jumps off the page. It's impossible to miss the "Get a Quote" button, which is exactly the point. Every color decision was deliberate and documented to keep things consistent.
The overall feel is minimal and clean. Black text on light gray backgrounds, with the darkest blacks reserved for primary CTAs. The contrast ratios are strong, and the page looks sharp without needing a single vibrant color for decoration.
An achromatic palette with a single strategic accent. Every visual decision was made to create depth and hierarchy without relying on color.
Gray-dominant palette with green reserved exclusively for conversion-critical elements.
Post-launch numbers compared against the previous page, same traffic sources and spend levels.
This project proved that you don't need a vibrant brand color to build a page with strong visual hierarchy. The shadow system ended up being more effective at creating depth and guiding attention than a typical flat design with colored sections. When everything is gray, the eye naturally moves to the elements with the most visual weight — which is exactly where I placed the key content and CTAs.
The strategic use of the green accent was probably the single biggest conversion lever. Because the entire page is achromatic, that one splash of green on the CTA buttons creates an almost magnetic pull. It's the only color on the page, so it's impossible to ignore. This is something I'd apply to future projects even when there is a full brand palette available — limiting accent usage makes CTAs dramatically more visible.
Working on sister brands back-to-back was a great exercise in brand differentiation. The patches page and the socks page share the same font, similar layouts, and even the same green accent — but they feel like completely different brands. That's what happens when you change the palette strategy from vibrant to achromatic. It's the same bones with a totally different personality.
Whether your brand has a bold palette or a neutral one, I can build a page that converts. Let's talk about what your business needs.
Get in Touch