Resources
Project references, stack notes, status labels, and common open-source licenses you can reuse or replace.
Project links
- Template repository on GitHub (replace with your URL)
- Issue tracker and release notes in the same repository
- Design notes on the research page
- Implementation ideas under products and solutions
- Contact path for feedback on the contact page
What this project includes
- Multi-page static layout with shared header, main shell, and footer
- Light default theme plus inverse mode via a single page-level switch
- Site width cycle for comfortable reading on large screens
- Token-based colors for text, surfaces, accents, success, and danger
- Example cards, lists, and tables ready to swap for real docs or downloads
- No CMS, auth, or server runtime required for the default build
- Client script limited to theme, width, and navigation helpers
Component status
Current template surface area—stable pieces you can reuse, examples still being filled in, and common UI still to add.
- Theme tokens (paper, ink, neutral, signal, alert, confirm) stable
- Inverse mode (
html.inverse) stable - Site width cycle (4xl / 6xl / full) stable
- Shared layout shell (header, main, footer) stable
- Desktop nav + mobile menu stable
- Theme and width toggle controls stable
- Theme utilities (cards, hover accent, text/bg/border helpers) stable
- Resource tables (gray / blue / green / red) stable
- Typography, links, and page sections stable
- Example content pages and sample lists partial
- Status labels in resource lists partial
- Motion helpers (Anime.js available) partial
- Form controls and validation UI planned
- Buttons / input group patterns planned
- Flash alerts and toast messages planned
- Modal dialogs planned
- Pagination and breadcrumbs planned
- CMS integration not included
- Hosted search not included
Stack reference
High-level tools used by this template. Replace versions when you publish your own fork.
| Layer | Choice | Role |
|---|---|---|
| Build | Vite | Dev server and production bundling |
| Style | Tailwind CSS + Sass | Utility layout and theme stylesheets |
| Interaction | Alpine.js | Light client behavior where needed |
| Motion | Anime.js | Optional UI animation helpers |
| Content | Static HTML pages | Docs, marketing, and resource listings |
Sample reference table
Demonstrates .resource-table with theme-aware surfaces.
| Area | Example | Notes |
|---|---|---|
| Layout | Header / main / footer | Shared shell and max width |
| Theme | Light + inverse | CSS variables on html |
| Interactivity | Nav + theme button | Plain JS modules |
| Content | Cards + tables | Replace with your data |
| Resources | Lists + license links | Good fit for docs hubs |
Release checklist
Example tracking table for template adoption milestones.
| Item | Owner | Status |
|---|---|---|
| Replace site name and slogan | Design | done |
| Confirm light / inverse contrast | Design | done |
| Point repo and docs links | Engineering | in progress |
| Add real download artifacts | Engineering | todo |
| Choose project license | Legal | in progress |
Suggested doc sections
- Getting started and local development
- Theming tokens, inverse mode, and width preferences
- Page structure and shared layout conventions
- Tables, cards, and resource listing patterns
- Deployment notes for static hosts
- License, attribution, and third-party notices
Licenses
This template is meant to be copied and adapted. Common open-source licenses are listed below as references—point the links at your own license texts before shipping.
| License | Family | Typical use |
|---|---|---|
| MIT / BSD / ISC | Permissive | Simple apps and libraries with wide reuse |
| Apache-2.0 | Permissive | Patent grant and explicit contribution terms |
| MPL-2.0 | Weak copyleft | File-level sharing while allowing larger works |
| LGPL-3.0 | Weak copyleft | Libraries that can link into other software |
| GPL-3.0 / AGPL-3.0 | Strong copyleft | Projects that require derivative sharing |
| Unlicense / CC0-1.0 | Public domain-style | Maximum dedication to the public domain |
This page is informational only and is not legal advice. Confirm the license text that applies to your repository and any bundled third-party fonts or packages.