Sistine & Sage

A modern apothecary web experience — rooted in ritual, built with intention.

View Live Site →

Overview

Sistine & Sage is a clean, minimal landing page built around a "three-gate" navigation system:

• The Grimoire — Historical apothecary archive with searchable remedy recipes
• The Elements — Shop & ingredient library with Amazon affiliate product links
• The Intentions — Blog featuring herbal rituals and remedy guides

Tech Stack

• HTML5
• CSS3 (Flexbox + Grid)
• Vanilla JavaScript

Structure

sistine-sage/
├── index.html            # Landing page (Command Center)
├── grimoire.html         # Searchable recipe archive
├── elements.html         # Shop page with product overlays
├── intentions.html       # Blog listing
├── articles/             # Individual blog posts
├── css/
│   ├── landing.css
│   ├── style.css
│   ├── elements.css
│   └── intentions.css
├── img/                  # Icons and product images
├── js/
│   └── app.js
└── data/
    ├── recipes.json
    └── ingredients.json

License

© Sistine & Sage | Powered by Loyal9 LLC