https://github.com/thenewdynamic/hugo-module-tnd-styleguide
https://github.com/thenewdynamic/hugo-module-tnd-styleguide
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/thenewdynamic/hugo-module-tnd-styleguide
- Owner: theNewDynamic
- License: mit
- Created: 2020-04-29T18:53:07.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2020-07-23T15:36:53.000Z (almost 6 years ago)
- Last Synced: 2025-10-30T03:51:59.519Z (8 months ago)
- Language: HTML
- Size: 354 KB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Styleguide
### Goals
Replicate the functionality and general way-of-being of [**patternlab.io](http://patternlab.io),** or [Storybook](https://storybook.js.org/). in a Hugo/TND context.
- Build as Hugo module so that we can utilize within a project.
- Tightly couple the Styleguide to our Hugo site's tailwind config stylesheet.
- Designer makes entries and edits via Netlify CMS.
See examples for functionality ideas, but a few key items:
- A visual representation of a site's design elements with copyable code and an area for description.
-
### Current issues
- Need patternlab's viewport functionality
- Make sure we organize content in a way that allows us to expand in a logical way.
### Examples
This is probably the best model: [https://boltdesignsystem.com/pattern-lab/?p=components-overview](https://boltdesignsystem.com/pattern-lab/?p=components-overview)
[https://storybook.netlify.com/](https://storybook.netlify.com/)