LOOM: Template | HorizonX

Design Systems

LOOM

Design system for fashion brand and retail sites: Syne, Rouge tokens, and campaign web imagery.

LOOM, image 3
LOOM, image 1
LOOM, image 2
LOOM, image 3
LOOM, image 1
  • Instant access Included with every membership
  • Tokens & components HTML, CSS & design tokens
  • Commercial license With a membership, for client work

Overview

LOOM is an industry design system for fashion websites: brand sites, lookbooks, product pages, and retail decks. It pairs Syne with a Carbon / Porcelain / Stone / Rouge / Chrome token set, precise 6px radius, and a full-color imagery language with Space, Material, and Object photo roles ready for real campaign heroes. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Atelier Loom fashion landing starter, pitch deck, and sample web photography in assets/imagery/.

Highlights

  • Fashion industry system
  • Carbon / Porcelain / Stone / Rouge / Chrome + Syne
  • Web imagery roles: Space · Material · Object
  • Lookbook nav, product cards, size chips, shop CTA
  • Atelier Loom landing + pitch deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, type, spacing, imagery, patterns)
  • Component specimens with states (HTML)
  • Atelier Loom landing + pitch deck
  • Sample web photography in assets/imagery/
  • Commercial license with a membership

Frequently asked questions

  • A complete design system kit: foundations, tokens, HTML/CSS components and written guidelines, ready to adopt in your product.

  • It's included with a HorizonX membership. Download the kit and drop the tokens and components into your project.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.