Selling pens, notebooks, and desk tools is trickier than it looks. You need to make functional products feel desirable without making them feel precious. Here's how five standout brands nail the landing page.
Baron Fig: Rainbow Sections
Baron Fig stacks a dozen short sections—each one a different background color paired with product photography. Charcoal, blue, coral, purple, green, yellow. The pens and accessories get the spotlight in flat-lay photography, isolated and clean against solid backgrounds.
What Baron Fig does well:
- Color as navigation—each section has a distinct background that makes the page feel like a visual journey rather than a static catalog.
- Flat-lay photography keeps focus entirely on the product, with minimal props or styling that could distract.
- Modular section layout lets you showcase variety without overwhelming the page or forcing visitors to use navigation menus.
The rainbow approach could feel chaotic, but it works because the photography stays restrained and each section is generous with whitespace.
Why it works: Stationery lovers want to see everything. This format answers "what can I buy?" instantly while keeping the energy high and the scroll addictive.
View full Baron Fig screenshots
Karst: Narrative Through Typography
Karst opens with a large hero—a dark pen tip drawing a line across a light background. The messaging is narrative: "Best ideas. Refined. Better tomorrow." Typography is serif-heavy and generous. Below that are sections featuring real people using the products in lifestyle shots, paired with written philosophy about work and creativity.
What Karst does well:
- Serif headlines and generous line-height create a premium, editorial feel that elevates the products beyond commodity status.
- Lifestyle photography shows people using the pens, which sells the experience and context, not just the object itself.
- Lots of whitespace and breathing room between sections makes the page feel deliberate and unhurried rather than sales-focused.
The color palette is muted—deep greens, creams, dark charcoal—which reinforces the "refined" positioning.
Why it works: Karst is selling a mindset, not just tools. The design mirrors that by being thoughtful and measured, which makes the products feel like investments in good thinking.
Mossery: Colorful Grid Energy
Mossery jumps in with a teal accent but the real story is the grid below—a dense, colorful mosaic mixing product photography with illustrated graphics and wildly different background colors. Yellow next to blue next to pink. The photography is bright and saturated, and the layout feels playful rather than corporate.
What Mossery does well:
- Color blocking across the grid creates visual rhythm and makes browsing feel like a treasure hunt, not a checklist of items to check off.
- Mixing photography with illustrated elements (graphics, icons, textures) adds personality and breaks up product monotony.
- Compact grid layout lets you see tons of products quickly while keeping each one visually distinct through color and style variations.
The teal/turquoise accent color ties the chaos together and guides your eye through the visual noise.
Why it works: Mossery's target customer probably buys stationery for the joy of it. The design reflects that mindset by making the homepage feel exciting rather than transactional.
Milligram: Neutral Minimalism
Milligram does the opposite of Mossery. Neutral beige and cream backgrounds. Clean sans-serif type. Flat-lay product photography on soft, empty backgrounds. Minimal color palette—the products themselves are the color. Line illustrations instead of photos for secondary content. Lots of whitespace. Everything feels considered and calm.
What Milligram does well:
- Neutral color palette keeps focus on the product form and design—you're not distracted by competing background colors or visual noise.
- Generous whitespace around products makes them feel precious without being pretentious or over-styled.
- Simple line drawings and minimal styling let the products' actual design speak for itself without interference.
The restraint is the entire design strategy, and it reads as thoughtful and high-end.
Why it works: If you're buying a premium notebook or pen, you want to see exactly what you're getting. Milligram removes friction by removing everything else. It's the anti-Mossery approach, and it's equally effective.
View full Milligram screenshots
Pilot: Modern Lifestyle Energy
Pilot opens with a bold blue headline ("Experience the wonders of writing in your hand") over a hero featuring a real person holding a pen. The color palette is sharp—bright blue and teal accents on white and light backgrounds. The layout mixes lifestyle photography with product grids, organized and clear. Typography is modern sans-serif. CTAs are prominent and easy to spot.
What Pilot does well:
- The hero combines lifestyle photography with direct benefit messaging, which answers "why should I care?" before asking "what do you sell?"
- Blue and teal accents are used consistently to guide attention to CTAs and key product sections throughout the page.
- Clean product grids alternate with lifestyle sections, keeping the page dynamic without feeling scattered or overwhelming.
The design feels contemporary and energetic—this is Pilot positioning itself as modern and accessible, not archival.
Why it works: Pilot competes with hundreds of pen brands. The design proves they're not resting on heritage—they're actively selling the experience and emotion of writing, not just pens.
