Skip to content

Setup

The styleguide can be consumed in three ways depending on where you’re working. Pick the path that matches your context.

  • AEM — for headless architects integrating the main TME site, and NMSC developers shipping HTML5 components into AEM pages. Styles are already there: no install, no import.
  • Package — for React apps, Storybook, sandboxes, and anything with a build pipeline outside AEM. Install @tmedxp/styleguide from npm.
  • Static download — for prototypes, slides, or fresh repos that don’t have the package registry wired up. Grab the fonts, logos, and favicon as a single zip.

Whichever path you take, the runtime concepts in Architecture — CSS layers, the root reset, brand switching, draft features — apply the same way.