{"id":20795549,"url":"https://github.com/zepdev/design-system-website","last_synced_at":"2026-04-11T11:36:08.429Z","repository":{"id":47774020,"uuid":"170326504","full_name":"zepdev/design-system-website","owner":"zepdev","description":"Living Style Guide for Zeppelin (Legacy)","archived":false,"fork":false,"pushed_at":"2023-09-15T13:34:18.000Z","size":10559,"stargazers_count":1,"open_issues_count":13,"forks_count":0,"subscribers_count":4,"default_branch":"development","last_synced_at":"2025-12-26T22:46:11.662Z","etag":null,"topics":["design-system","gatsbyjs","react","static-site-generator"],"latest_commit_sha":null,"homepage":"https://live-zds.zepdev.net","language":"MDX","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zepdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-12T13:52:35.000Z","updated_at":"2023-09-18T13:39:32.000Z","dependencies_parsed_at":"2024-11-18T00:47:17.845Z","dependency_job_id":null,"html_url":"https://github.com/zepdev/design-system-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zepdev/design-system-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zepdev%2Fdesign-system-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zepdev%2Fdesign-system-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zepdev%2Fdesign-system-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zepdev%2Fdesign-system-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zepdev","download_url":"https://codeload.github.com/zepdev/design-system-website/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zepdev%2Fdesign-system-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31679482,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-system","gatsbyjs","react","static-site-generator"],"created_at":"2024-11-17T16:22:22.614Z","updated_at":"2026-04-11T11:36:08.390Z","avatar_url":"https://github.com/zepdev.png","language":"MDX","readme":"\u003c!-- AUTO-GENERATED-CONTENT:START (STARTER) --\u003e\n\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"Zeppelin\" src=\"./src/assets/images/zep-logo-new.svg\" width=\"200\"/\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\n  Zeppelin Design System (Legacy)\n\u003c/h1\u003e\n\u003ch2 align=\"center\"\u003e⚠️ This Design System is deprecated and no longer maintained. npm packges will stay available, but please make sure to opt out until 2025 ⚠️\u003ch2\u003e\n\n\u003cspan align=\"center\"\u003e\n\n[![CircleCI](https://circleci.com/gh/zepdev/design-system-website.svg?style=svg\u0026circle-token=d4f1730edfe9173ba0e0fde81dc6a97c3ba467a9)](https://circleci.com/gh/zepdev/design-system-website)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=alert_status)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Bugs](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=bugs)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=code_smells)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=coverage)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=duplicated_lines_density)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n\n[![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=ncloc)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=reliability_rating)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=security_rating)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Technical Debt](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=sqale_index)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=sqale_rating)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n[![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=zepdev_design-system-website\u0026metric=vulnerabilities)](https://sonarcloud.io/dashboard?id=zepdev_design-system-website)\n\n\u003c/span\u003e\n\nThis repository contains the website for Zeppelin's Design System.\n\n## Quick start\n\nThis website was build using [Gatsby](https://www.gatsbyjs.org/).\n\n1.  **Development**\n\n    Navigate into your new site’s directory and start it up. In development, the site will run at `http://localhost:8000` and `http://localhost:8000/___graphql` (a tool to query [Gatsby's graphyQL](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql).\n\n    ```sh\n    yarn start\n    ```\n\n2.  **Testing**\n\n    This website is tested with Jest, @testing-library/react, and Cypress\n\n    ```sh\n    yarn test\n    yarn test:e2e\n    ```\n\n3.  **Start developing.**\n\n## What's inside?\n\nA quick look at the top-level files and directories you'll see in a Gatsby project.\n\n    .\n    ├── node_modules\n    ├── src\n        ├──assets\n        ├──components\n        ├──content\n        ├──data\n        ├──pages\n        ├──styles\n        ├──templates\n    ├── .gitignore\n    ├── .prettierrc\n    ├── gatsby-browser.js\n    ├── gatsby-config.js\n    ├── gatsby-node.js\n    ├── gatsby-ssr.js\n    ├── LICENSE\n    ├── package-lock.json\n    ├── package.json\n    └── README.md\n\n1.  **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for “source code”.\n\n    A. **`/assets`**: Contains images and fonts\n    B. **`/components`**: Contains React components\n    C. **`/content`**: Contains markdown files\n    D. **`/data`**: Contains data structure and content used throughout site\n    E. **`/pages`**: Structure for each page of the website (gatsby setup for routing)\n    F. **`/styles`**: Contains all sass styles\n    G. **`/templates`**: Structure for each sub-page of the website (gatsby setup for routing)\n\n2.  **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.\n\n3.  **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.org/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.\n\n4.  **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. (Check out the [config docs](https://www.gatsbyjs.org/docs/gatsby-config/) for more detail).\n\n5.  **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.org/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.\n\n6.  **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.org/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.\n\n7.  **`LICENSE`**: Gatsby is licensed under the MIT license.\n\n8.  **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.\n\n## Package.json files\n\n#### Markdown\n\ngatsby-plugin-mdx (https://gatsby-plugin-mdx.netlify.com/)\n@mdx-js/react\n@mdx-js/mdx\n\n#### Styles\n\nclsx\nreact-jss\ngatsby-plugin-jss\n\n#### SEO / PWA\n\nreact-helmet\ngatsby-plugin-offline\ngatsby-plugin-manifest\n\n#### images\n\ngatsby-image\ngatsby-plugin-sharp\ngatsby-remark-images\n\n#### e2e tests with Cypress\n\ncypress\neslint-plugin-cypress\nstart-server-and-test (starts cypress)\n\n#### units test with @testing-library/react and jest\n\n@testing-library/react\njest\njest-dom\njest-axe (tests accessibility)\nidentity-obj-proxy (passes css in jest)\nreact-test-renderer (jest snapshots)\nglobal (recommended from gatsby for loadershim.js)\njss-snapshot-serializer (for react-jss)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzepdev%2Fdesign-system-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzepdev%2Fdesign-system-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzepdev%2Fdesign-system-website/lists"}