How this site was built
A short teardown of the design decisions behind the H&R Printing site.
The read
H&R is a two-person custom 3D-print shop in Lakeland whose catalog is joyful — articulated dragons, voronoi baskets, heart gift boxes, statement earrings. The reference was Bambu Lab's A1 Mini product page: consumer-tech whitespace, huge type, alternating light/dark bands. The adaptation keeps that structure but swaps corporate restraint for the shop's actual personality: color.
The hero rig
Instead of a product photo, the hero runs a live illustration of a bedslinger printer built entirely in CSS and SVG: the print head shuttles on the gantry (one keyframe, transform-only), and a low-poly vase 'prints' layer by layer — a cover block translating upward under steps(26) easing, so the reveal ticks like real layers instead of sliding smoothly.
Typography
Schibsted Grotesk at heavy weights gives the tight, techy headline voice the Bambu reference uses; Instrument Sans keeps body copy friendly. Both load through next/font with zero layout shift.
Color
Warm off-white #FAFAF8 and near-black #131118 do the Bambu-style neutral shell. The accent system is the product story: violet #7C3AED (their prints skew purple) plus teal, coral and amber — the 'any color' filament chips that float beside the printer.
Content honesty
Every category in 'What we print' maps to something the shop has actually made and posted publicly — dragons, baskets, earrings, cake toppers, gift boxes, chess sets. No invented stats, no fake review counts: capability chips (full-color, custom orders, local pickup) instead of made-up numbers.
Conversion logic
A custom shop sells conversations, not carts. Everything funnels to one action — Request a Print — with a three-field form (name, contact, the idea). The placeholder text teaches customers how to ask ('an articulated dragon in purple and teal, about 12 inches').
Stack
Next.js 16 (App Router), Tailwind v4 design tokens, Motion scroll reveals, CSS keyframe animation for the rig, next/font, deployed on Vercel.
Designed & built by Blue Hippo Cyber — websites and automation for working businesses.