Assets
Everything in assets/. A deliberately small set — no framework.
Stylesheets
| Asset | Role |
|---|---|
critical.css | Critical-path CSS (reset, scroll-lock, dialog, section grid). See Styles. |
base.css | Main design system (tokens, typography, layout, RTE, utilities, a11y). See Styles. |
Design tokens are also injected inline by
css-variables.liquid.
JavaScript
| Asset | Role |
|---|---|
global.js | Deferred, dependency-free UI — drawers, AJAX cart, quick-view, countdown. See JavaScript. |
Icons
Inlined SVGs:
| Asset | Icon |
|---|---|
icon-menu.svg | Hamburger menu |
icon-close.svg | Close (X) |
icon-cart.svg | Shopping cart |
icon-account.svg | Account / person |
icon-search.svg | Search |
icon-chevron.svg | Chevron for dropdowns |
Other
| Asset | Notes |
|---|---|
shoppy-x-ray.svg | Utility/branding graphic |
Image handling
Product and content images use Shopify’s image CDN with responsive widths (200,
300, 400, 600, 900, 1200, 1600, 2400, 3000px) and sizes hints, and are
lazy-loaded except where eager is set (e.g. hero, first product image) for LCP.