Get started

Overview

Add Nexus People OS styles to a static HTML app or prototype shell.

Install the CSS bundle

Clone this repository or copy dist/nexus-ds.css into your project.

<link rel="stylesheet" href="./design-system/nexus-ds.css" />

Fonts & icons

Load Inter (300/400) and Lucide from assets/vendor/lucide.min.js (synced via npm run icons:sync). Browse every icon on the Icons page.

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap" rel="stylesheet" />
<script src="./assets/vendor/lucide.min.js" defer></script>
<i data-lucide="search" aria-hidden="true"></i>
<script>lucide.createIcons();</script>

Build from source

npm run build      # dist/nexus-ds.css
npm run build:site # documentation gallery → site-dist/

Integrate with Career Coach Agent

See integration guide for migrating the prototype off monolithic styles.css.