Facetworks

The index for the Facetworks organisation: eighteen multi-page Astro design sites, each in a different genre, and seven browser GPU experiments.

Live: facetworks.signalizeai.org

Each project listed here is its own repository with its own visual identity and its own deployment. This site is deliberately quiet, because everything it points at is loud.

What is listed

Project	Genre	Live
Conduit	Streaming devtool	conduit.signalizeai.org
Fieldline	Real estate developer	fieldline.signalizeai.org
Hollowpine	Wilderness lodge	hollowpine.signalizeai.org
Threadline	Fashion shop	threadline.signalizeai.org
Lumen	Dental studio	lumen.signalizeai.org
Ironline	Strength gym	ironline.signalizeai.org
Quire	Type foundry	quire.signalizeai.org
Fathom	Research institute	fathom.signalizeai.org
Nebula	AI product	nebula.signalizeai.org
Vantage	Creative studio	vantage.signalizeai.org
Halcyon	Luxury audio	halcyon.signalizeai.org
Fable	Personal portfolio	fable.signalizeai.org
Pulse	Conference	pulse.signalizeai.org
Cellar	Natural wine bar	cellar.signalizeai.org
Ledger	Fintech	ledger.signalizeai.org
Atlas	Architecture studio	atlas.signalizeai.org
Frequency	Music artist	frequency.signalizeai.org
Sprout	Wellness app	sprout.signalizeai.org
Gummy	Soft-body physics	gummy.signalizeai.org
Drift	Flow-field particles	drift.signalizeai.org
Abyss	Raymarched fractal	abyss.signalizeai.org
Lichen	Reaction-diffusion	lichen.signalizeai.org
Undertow	Fluid simulation	undertow.signalizeai.org
Auralis	Real-time aurora	auralis.signalizeai.org
Mycelia	Agent simulation	mycelia.signalizeai.org

Adding a project

The entire index is generated from one typed data file, src/data/projects.ts. Adding a nineteenth project is a single entry appended to the projects array:

{
  slug: 'newthing',
  name: 'Newthing',
  genre: 'Whatever it is',
  note: 'One line on what makes it different.',
  stack: ['Astro', 'Tailwind v4'],
  live: 'https://newthing.signalizeai.org',
  collection: 'sites',
}

The counts in the header, the section grouping, the numbering, and the repository links all derive from that array. No template edits are needed.

Standards

• Static-first. Every word is in the HTML. The only script is a reveal animation, gated behind a .js class added by an inline script, so with JavaScript disabled the page renders complete and in its final position.
• Responsive, verified at 390px and 1280px with no horizontal scroll.
• Motion respects prefers-reduced-motion.
• Cached via public/_headers: /_astro/* immutable, / must-revalidate.

Develop

npm install
npm run dev

npm run format
npm run lint
npm run typecheck
npm run build

Deployed on Cloudflare Pages.

License

MIT. See LICENSE.