Back to Projects

Edgar Jewelry

Web DevelopmentFront-End Development

Heirloom craft, quietly kept. A neighborhood jeweler on Central Ave, Orange NJ. Velvet aubergine + champagne + diamond white. Spinning faceted-gem signature.

Next.js 16MotionSVGTailwind v4

Overview

Edgar Jewelry is a one-bench atelier on Central Avenue, Orange NJ. The site borrows from Tiffany catalogs, jewelry-box velvet, and Vogue editorials. Bodoni Moda display over deep aubergine velvet. The hero is asymmetric: a spinning faceted-gem SVG floats overlapping the headline column with a soft facet-light sweep. The Collection grid uses an asymmetric overlap layout where cards intentionally offset their neighbors vertically — reading as a curated table-top rather than a uniform grid. Six numbered articles (Custom commission stages, Atelier, Visit) close out.

Features

  • Spinning faceted-gem hero with light-sweep
  • Asymmetric overlap card grid (intentional vertical offsets)
  • Six-stage custom commission flow with Roman numerals
  • Italic display headlines throughout (Bodoni Moda + Italiana script)
  • Champagne hairline rules + velvet noise texture

Technologies Used

  • Next.js 16
  • React 19
  • Tailwind CSS v4
  • Motion
  • Lenis
  • Bodoni Moda + Inter + Italiana

Challenges & Solutions

Challenges

  • Selling luxury without losing the neighborhood-jeweler positioning
  • Differentiating from prior dark-palette IGRIS builds (Pulse Point, Claude's)

Solutions

  • Aubergine instead of black; champagne instead of chrome — same depth, different mood
  • Asymmetric layout grammar (not used in any Season 1 build)