FORJA — Iron & copper workshop since 1949
Source code 
Key features
Self-drawing SVG arch door — forged stroke-by-stroke on load (stroke-dashoffset)
Three-station craft process: heat, hammer, temper (real sequence, numbered)
Works gallery with 3 different layouts: wide, tall and dashed minimal card
Commission pricing — Compare surface with one featured dark plan
Editorial industrial palette: lime paper, charcoal, forged copper (WCAG AA, both themes)
Fraunces optical serif + Figtree humanist pairing, 6-language i18n with dual dropdowns
Delayed bottom-right cookie banner, scroll-progress filament, newsletter with validation
Marquee ribbon, quote section, FAQ accordion, prefers-reduced-motion fallbacks
Description
FORJA is a family iron and copper workshop in Lavapiés, Madrid, founded in 1949. The landing presents the forge with an editorial-industrial language: lime-paper canvas, charcoal surfaces and a forged-copper accent (#9A3F16), with Fraunces optical serif for display and Figtree for body. The hero features an SVG arch door that draws itself stroke-by-stroke (stroke-dashoffset animation) — heat, hammer, temper is told as a real three-station process, and the works section shows three pieces with three different layouts (wide, tall, minimal) instead of an identical card grid. Commission pricing as a Compare table with one featured dark card, FAQ accordion, forge newsletter with native validation, delayed bottom-right cookie banner, scroll-progress filament and full 6-language i18n with dual dropdown switchers. WCAG AA verified in both themes.
Technologies used
HTML 
CSS 
JavaScript 