{"id":13804380,"url":"https://github.com/storybookjs/brand","last_synced_at":"2026-04-04T04:53:44.441Z","repository":{"id":45491462,"uuid":"91900697","full_name":"storybookjs/brand","owner":"storybookjs","description":"🎨 Materials for your articles and talks about storybook","archived":false,"fork":false,"pushed_at":"2022-10-28T10:41:09.000Z","size":90409,"stargazers_count":107,"open_issues_count":0,"forks_count":52,"subscribers_count":64,"default_branch":"main","last_synced_at":"2026-04-04T04:53:37.753Z","etag":null,"topics":["badge","colors","icon","illustrations","logo","presentation","storybook","video"],"latest_commit_sha":null,"homepage":"","language":null,"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/storybookjs.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}},"created_at":"2017-05-20T16:09:31.000Z","updated_at":"2026-01-05T03:46:00.000Z","dependencies_parsed_at":"2023-01-20T16:31:20.232Z","dependency_job_id":null,"html_url":"https://github.com/storybookjs/brand","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/storybookjs/brand","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/storybookjs%2Fbrand","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/storybookjs%2Fbrand/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/storybookjs%2Fbrand/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/storybookjs%2Fbrand/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/storybookjs","download_url":"https://codeload.github.com/storybookjs/brand/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/storybookjs%2Fbrand/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31388169,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T04:26:24.776Z","status":"ssl_error","status_checked_at":"2026-04-04T04:23:34.147Z","response_time":60,"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":["badge","colors","icon","illustrations","logo","presentation","storybook","video"],"created_at":"2024-08-04T01:00:46.768Z","updated_at":"2026-04-04T04:53:44.428Z","avatar_url":"https://github.com/storybookjs.png","language":null,"funding_links":[],"categories":["Official resources","Others"],"sub_categories":[],"readme":"# Storybook brand\n\nThis repository contains Storybook brand assets. Feel free to use and customize these assets for your articles, talks, addons, websites, and anything else you can think of.\n\n- [Logo](./logo)\n- [Icon](./icon)\n- [Badge](./badge)\n- [Fonts](./fonts)\n- [Colors](#fonts)\n- [Presentation template](./presentation)\n- [Illustrations](./illustrations)\n- [Video](./video)\n\n## Logo\n\n| Version | Preview |\n|---|---|\n| Default | ![Default](./logo/logo-storybook-default.svg) |  \n| Inverse | ![Inverse](./logo/logo-storybook-inverse.svg) (white text) |\n\n## Icon\n\n| Version | Preview |\n|---|---|\n| Default | ![Default](./icon/icon-storybook-default.svg) |  \n| Inverse | ![Inverse](./icon/icon-storybook-inverse.svg) (white icon) |\n| Monochrome | ![Monochrome](./icon/icon-storybook-monochrome.svg) |\n\n## Badge\n\nShare that your project uses Storybook by adding our badge to your readme or website.\n\n![Badge](./badge/badge-storybook.svg)\n\n```\n\u003ca href=\"https://github.com/storybooks/storybook\" target=\"_blank\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg\"\u003e\u003c/a\u003e\n```\n\n\n## Fonts\nStorybook uses these fonts on the website and promotional materials.\n\n| Font  |  Weights  |  Link |\n|---|---|---|\n| Nunito Sans  | 400 (normal), 600 (bold), 900 (black) | [Google fonts](https://fonts.google.com/specimen/Nunito+Sans), [Local](./fonts) |  \n| Daniel   |  black |  [Dafont](https://www.dafont.com/daniel.font) |\n\n**Note:** The Storybook UI includes the Nunito Sans webfont in the `font-family` declaration but *does not* require users to download it.\n\n### Colors\n| Color     | HEX value |\n|------------|-----------|\n| Coral       | ![#FF4785](https://www.singlecolorimage.com/get/FF4785/15x15)  `#FF4785` |\n| Ocean     | ![#1EA7FD](https://www.singlecolorimage.com/get/1EA7FD/15x15) `#1EA7FD` |\n| Orange     | ![#FC521F](https://www.singlecolorimage.com/get/FC521F/15x15) `#FC521F` |\n| Gold      | ![#FFAE00](https://www.singlecolorimage.com/get/FFAE00/15x15) `#FFAE00` |\n| Green       | ![#66BF3C](https://www.singlecolorimage.com/get/66BF3C/15x15) `#66BF3C` |\n| Seafoam      | ![#37D5D3](https://www.singlecolorimage.com/get/37D5D3/15x15) `#37D5D3` |\n| Purple      | ![#6F2CAC](https://www.singlecolorimage.com/get/6F2CAC/15x15) `#6F2CAC` |\n| Ultraviolet      | ![#2A0481](https://www.singlecolorimage.com/get/2A0481/15x15) `#2A0481` |\n\n\n| Monochrome  | HEX value |\n|------------|-----------|\n| Darkest       | ![#333333](https://www.singlecolorimage.com/get/333333/15x15) `#333333` |\n| Darker     | ![#444444](https://www.singlecolorimage.com/get/444444/15x15) `#444444` |\n| Dark     | ![#666666](https://www.singlecolorimage.com/get/666666/15x15) `#666666` |\n| Mediumdark      | ![#999999](https://www.singlecolorimage.com/get/999999/15x15) `#999999` |\n| Medium       | ![#DDDDDD](https://www.singlecolorimage.com/get/DDDDDD/15x15) `#DDDDDD` |\n| Mediumlight      | ![#EEEEEE](https://www.singlecolorimage.com/get/EEEEEE/15x15) `#EEEEEE` |\n| Light      | ![#F3F3F3](https://www.singlecolorimage.com/get/F3F3F3/15x15) `#F3F3F3` |\n| Lighter      | ![#F8F8F8](https://www.singlecolorimage.com/get/F8F8F8/15x15) `#F8F8F8` |\n| Lightest      | ![#FFFFFF](https://www.singlecolorimage.com/get/FFFFFF/15x15) `#FFFFFF` |\n\n## Presentation template\nShare Storybook at work, meetups, and conferences. Get a head start on your slides with our ready-to-use presentation (Keynote, PDF).\n\n[**View presentation**](./presentation)\n\n## Illustrations\nCustom illustrations are located in [/illustrations](./illustrations).\nFor illustrations used on the website go to [storybooks/frontpage](https://github.com/storybooks/frontpage/).\n\n## Video\nThe intro video, source files, and assets are located in [/video](./video).\n\n![Video](./video/2018/storybook-intro-animation.gif)\n\n#### Thanks\n- [Sacha Grief](https://github.com/SachaG) the awesome designer of the 2017 logo (which inspired the current logo and icon)\n- [Daniel Egerev](https://twitter.com/iDanb0) the amazing video animator\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstorybookjs%2Fbrand","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstorybookjs%2Fbrand","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstorybookjs%2Fbrand/lists"}