woglabs.

ChicWove — Fashion storefront

A cream-and-coral fashion shop with a portrait hero, pastel collections, new arrivals and a statement seasonal offer.

Web DesignHTML / CSS / JSReference reconstructionv1.1.1

Live preview

Open preview

Interactive source, not a screenshot. Scroll inside the preview to explore the full page.

Loading preview…

ChicWove, down to the details.

Put the collection and its personality first. ChicWove reproduces the supplied reference’s expressive serif headline, coral fashion portrait, floating review pill, pastel category tiles, four-piece collection and seasonal banner. All shopping controls are editable and the sample bag works locally.

Coral red · soft cream · Inter & Playfair Display.

Inside the page

  • Fashion brand header, navigation, search and shopping bag
  • Portrait hero, collection actions and floating sample review pill
  • Quality, delivery, returns and price assurances
  • Five pastel category tiles and four new-arrival product cards
  • Seasonal offer banner and four shopping-benefit items

Try it in the preview

  • Search for a piece and filter collections with useful empty/reset states.
  • Save or unsave products with the heart controls.
  • Add a piece, change bag quantities, remove items and calculate the subtotal.
  • Select a sample color swatch with visible, accessible selection feedback.
  • Use the responsive navigation and keyboard-accessible dialogs.
Responsive desktop and mobileWorking local interactionsLocal images and fontsNo build step or remote scripts

The preview and its source, together.

Keep the HTML and assets folder together. The ZIP includes all files needed to open the page locally.

  • index.html

    Editable page

    The complete HTML, CSS and JavaScript used in the preview.

  • assets/

    Local imagery and fonts

    WebP images, font files and their licenses. Included in the ZIP.

  • PROMPT.md

    Customization prompt

    A brief for your brand, audience, verified content and approved imagery.

  • SKILL.md

    Reusable AI workflow

    Instructions for adapting the page and checking its interactions.

  • README.md

    Quick-start guide

    File structure, working controls and front-end demo boundaries.

  • ASSETS.md

    Asset provenance

    Reference imagery, font and icon sources, and reuse conditions.

  • LICENSE

    Implementation license

    MIT terms for the code and instructions; imagery has separate rights.

  • PHOSPHOR-LICENSE.txt

    Icon notice

    The MIT license for the included Phosphor icon paths.

From reference to your own site.

  1. Extract and open

    Download the ZIP, extract it, then open index.html. Leave the assets/ folder beside it.

  2. Add your story

    Replace the sample copy, catalog or team data and images with your verified content. Adjust the CSS colors or use the included AI prompt.

  3. Check and publish

    Try the page on a phone and with a keyboard. Verify image rights and business claims, connect any required services, then publish on your static host.

Make it yours with AI

Bring the HTML file and these instructions to your preferred coding assistant. Replace the bracketed inputs with your product details.

Download PROMPT.md

AI customization is optional. Skill installation depends on your assistant; WOG Labs does not install it for you.

Before you start.

Is the preview an image or a real webpage?

It is the actual HTML file included in the download. Text, layout and controls are editable; photographs are local image assets. Scroll inside the preview or open it in a new tab to see the full page.

What do I need to run it?

A modern browser. Extract the entire ZIP and open index.html with the assets folder beside it. No package installation, AI subscription, key or build step is required.

Can I use the images and branding commercially?

The implementation and instructions are MIT-licensed. ChicWove 1.1.1 uses fourteen high-resolution sample photographs, with transparent hero, category and promotional cutouts, plus editable SVG branding. Models, products and avatars are illustrative; sample reviews are not verified customer endorsements. Local fonts use SIL OFL; Phosphor icons use MIT.

Are the people, products, reviews and figures real claims?

They are sample content preserved from the visual reference. Names, prices, offers, reviews, ratings and customer-count statements have not been independently verified. Replace them with accurate content for your business.

Does it include checkout, accounts or a backend?

No. Demo changes stay in this browser tab’s memory and reset on reload. Shopping totals are calculated locally, and forms show a local preview response. No payment, account, email, order, analytics or database service is connected.

Can I customize it with an AI coding assistant?

Yes. Attach the source and the included prompt, or use the Markdown skill in your assistant’s supported workflow. Keep the assets folder available and ask the assistant to preserve the responsive layout and working controls.

Does it work on phones and in dark mode?

The layout adapts below 700px, including navigation and multi-column content. The standalone template retains its reference’s color theme; the surrounding WOG Labs detail page follows the site’s light/dark setting. Test your customized version in your target browsers.

Code you can adapt. Assets with their own terms.

The HTML/CSS/JavaScript implementation, prompt and skill are MIT-licensed. Retain the included copyright and permission notice.

ChicWove 1.1.1 uses fourteen high-resolution sample photographs, with transparent hero, category and promotional cutouts, plus editable SVG branding. Models, products and avatars are illustrative; sample reviews are not verified customer endorsements. Local fonts use SIL OFL; Phosphor icons use MIT.

Download code license · Read asset provenance

Version 1.1.1 · October 26, 2026

Initial release: faithful reference layout, local image assets, responsive interactions, preview, source package, prompt and skill.

Your next page starts here.

Open the source. Keep the details. Make it yours.

Download ChicWove