Monetaria Website

The official marketing website for Monetaria - the "Digital Cabinet" for serious shell collectors.

🎨 Design System: "The Curator's Cabinet"

This website implements a custom design system blending Luxury Heritage (Mahogany, Brass, Serif fonts) with Scientific Precision (Grid data, Monospace accessors, Analysis overlays).

Core Features

• Parallax Hero: Mouse-reactive background movement for depth.
• Spotlight Cards: Dynamic lighting effects on specimen cards.
• Scroll Reveal: "Drawer opening" animations for sections.
• AI Visuals: CSS-based scanning interfaces and heatmaps.

🛠 Tech Stack

• HTML5: Semantic structure with ARIA labels.
• CSS3: Custom variables, Flexbox/Grid, Glassmorphism.
• Vanilla JS: Lightweight interactions (no frameworks).
• Hosting: GitHub Pages.

📂 Project Structure

/css
  style.css      # All styles (Design System + Component layouts)
/js
  main.js        # Parallax, Spotlight, and Scroll observers
/design-system
  MASTER.md      # The source of truth for colors, type, and patterns
/images          # (Assets to be added)
index.html       # Main landing page

🚀 Deployment

Hosted via GitHub Pages. Live URL: https://dds-solutions.github.io/monetaria/

📄 License

© 2026 DDS Solutions. All rights reserved.