<h2>Overview:</h2>
<p>Outline is a growing Web Component library and toolkit that allows users to build bespoke design systems for various projects. It provides a set of components, tooling, and rules for defining and integrating components. Outline is built with modern technologies and tools to enhance the component authoring experience and promote adoption within organizations. It also offers well-curated documentation on complex topics and continues to evolve based on internal lessons learned from previous projects at Phase2.</p>
<h2>Features:</h2>
<ul>
<li><strong>Web Component Library:</strong> Outline provides a set of components that can be used to build design systems for different projects.</li>
<li><strong>Toolkit for Design Systems:</strong> It offers a range of tools and technologies that help scaffold design systems for various projects.</li>
<li><strong>Rules for Components:</strong> Outline provides rules for defining components, ensuring consistency and standardization.</li>
<li><strong>Integration Support:</strong> It offers rules for integrating components into existing projects, making it easier to adopt and implement them.</li>
<li><strong>Well-curated Documentation:</strong> Outline provides comprehensive documentation on complex topics related to design systems.</li>
<li><strong>Growing and Evolving:</strong> Outline continues to grow and evolve based on internal lessons learned from previous projects at Phase2.</li>
</ul>
<h3>Using NPX (recommended):</h3>
<ol>
<li>Run the following command to load the latest version of the Outline CLI and cache it:</li>
</ol>
<pre><code>npx outline init
</code></pre>
<ol start="2">
<li>NPX will prompt you when an update is available, making it easy to stay up-to-date with the latest version.</li>
</ol>


<h2>Overview</h2>
<p>Particle is a design system that integrates with Pattern Lab and Drupal 8 theme. It provides an opinionated set of tools and examples to build an application-agnostic design system and apply it to Pattern Lab for rapid prototyping, as well as apply it to a Drupal theme. It comes with in-depth documentation about the frontend approach using this project.</p>
<h2>Features</h2>
<ul>
<li>Application-agnostic design system</li>
<li>Integration with Pattern Lab for rapid prototyping</li>
<li>Integration with Drupal theme</li>
<li>Strict Atomic Design component structure</li>
<li>Webpack bundling of CSS, JavaScript, font, and static image assets for multiple targets</li>
<li>Webpack Dev Server for localhosting and hot reloading of assets into Pattern Lab</li>
<li>Twig namespaced paths automatically added into Drupal theme and Pattern Lab config</li>
<li>Iconfont auto-generation</li>
<li>Auto-linting against the AirBnB JavaScript Style Guide</li>
<li>Fully configurable Webpack files</li>
<li>Simple Yeoman generator for Design System component creation</li>
</ul>
