# Forma Goods An original fictional product catalog by MRHTML. A warm white and espresso palette, editorial material photography, six original illustrated objects, and a rust-colored care section give a small collection room to breathe. ## Included sections - Brand header and native in-page navigation. - Editorial hero with a locally bundled material-study photograph. - Six original SVG product studies with expandable object notes. - Local category filtering with a live result count. - Native material-care disclosures and honest inquiry information. ## Make it your collection 1. Edit the title, description, introduction, product names, and object notes in `index.html`. The names, specifications, and dimensions are fictional samples. 2. Replace the six SVG illustrations with your own product photographs, or edit the original vector paths. Update every image description. The hero is a separate material inspiration image, not a photograph of the illustrated collection. 3. Confirm actual materials, dimensions, capacities, finishes, care instructions, and product safety with the maker. Do not carry sample food-safety, heat, or finish language into product claims without verification. 4. Edit the CSS variables for paper, ink, muted text, borders, and rust. Fonts use system Georgia and Arial fallbacks. 5. Replace the inquiry note with your own verified contact destination when you have one. A normal link to an existing contact page or your own email address is sufficient. No recipient or service has been invented. Keep the honest information-only presentation until a real destination is configured. ## Collection behavior Each `.product` has a `data-category` value. Filter buttons have matching `data-filter` values; `all` displays every item. The script updates `hidden`, each button's `aria-pressed`, and the live result count using local DOM content. It makes no requests and does not use storage. Add products by duplicating a complete article and updating its category and content. All six objects remain visible without JavaScript. Filter controls only appear when the script initializes. Product notes and material-care sections use native `details` and `summary`, so Enter and Space work without JavaScript. Filtering hides unmatched articles without deleting their contents; previously expanded notes remain expanded when their category returns. ## What this package does not do This is an inquiry-oriented static catalog. It has no cart, checkout, order processing, stock system, payment collection, message delivery, or account feature. No object is offered for sale by the demo. The inquiry section clearly states that it is not connected and the page collects no personal details. ## Open and edit Open `index.html` directly in a current browser. Keep `styles.css`, `script.js`, and the `assets` folder beside it. There is no installation, build step, external font, tracking script, or runtime network dependency. The page also works on a basic static host. Relative paths are intentional. The included `` keeps this fictional demo out of search indexes. Remove that directive when you publish your customized real site. First replace the title, description, fictional copy, and imagery as appropriate. Add your own canonical URL only when you know the final public address. No structured data, ranking promises, or invented business details are included. The footer contains a visible `Designed by MRHTML` link with `rel="nofollow"`. This is creator credit, not a mandatory backlink condition. The MIT license requires preserving its copyright and permission notice in copies or substantial portions of the original code. ## Accessibility and embedding The page uses semantic landmarks, visible keyboard focus, a skip link, and reduced-motion styles. The layout adapts to narrow screens. These choices do not replace testing your edited content. For an embedded preview, use an iframe with its `src` pointing to `index.html` and `sandbox="allow-scripts"`. Do not add `allow-same-origin` or `allow-forms` merely for this template. Local CSS, images, and classic JavaScript work without origin storage or an API. An iframe using raw `srcdoc` needs special handling of relative asset paths; the package is designed for a file or URL entry point. ## License and assets Original code, writing, and vector artwork are MIT licensed; see `LICENSE`. The locally bundled photographs have separate Unsplash licenses and are not relicensed as MIT. See `ASSETS.md` for each original photo page, photographer, download URL, and license. Photographs are inspiration for the fictional concept and do not establish a relationship with any depicted business, product, or photographer.