Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

Table of Contents

Overview

The purpose of this repo is to gather all the general assets, rules and resources for the design and branding process in one place.

Within this README, the structure section below aims to briefly lay out what the different folders are for and there are also some short sections below discussing some of the main asset types. There is also a further section below outlining some important brand information.

Structure and Links

Folder NamePurpose
/blogAssets for the Joystream Blog
/brand-guideThe Official Joystream Brand Guide
/illustrationsIllustrations for use on our website, blog posts and more
/logoThe Joystream logo in different formats
/icons/new-iconsA variety of vector icons in our new style
/other/presentationTemplates for presentations
/other/promotionalExemplar Joystream promotional materials
/social-mediaAssets for our social media accounts and GitHub repos
/sourceSource files for all the assets found in this repo
/icons/system-iconsIcons to be used in our applications (e.g. Pioneer)

Brand Guide

Our brand guide is the definitive source of information and guidance on how to use the assets you find in this repository. Before you begin using the assets here, it is highly recommended to have a quick read of this document to get a sense of the rules and best practices for each asset type.

Our brand guide can be found here.

Logo

Our logo is perhaps the most important asset from a branding perspective. We have a number of different types of logo available for use (emblem, wordmark, icon etc.) in a number of different color schemes so it is important to follow the rules for the particular variant of the logo you are using. All of these rules can be found in the brand guide mentioned earlier.

Illustrations

We have designed a number of illustrations which can be used in various situations. They are probably most appropriate for communications with our stakeholders. These communications can take the form of blog posts, press releases, social media posts, newsletters and more.


Social Media

The /social-media folder in this repo contains all of the assets necessary for our social media accounts. These include cover images for profile pages as well as cover images for blog posts etc.

Source Files

Source material (in the form of Adobe Illustrator and Sketch files) can be found in the /source folder. This is unlikely to be useful for the typical visitor to this repository, but will probably be very helpful for designers.

Other Assets

There are a selection of other assets available in this repository which do not warrant their own description yet as they are not needed yet. More information will be added on these assets and their usage rules in the future!

Brand Information

Brand Name

Joystream

Brand Tagline

The video platform DAO

Brand Mission

For a background on the mission and high level description of what we are trying to achieve, please consult our manifesto. This document describes the problems we are trying to solve by developing the Joystream protocol.

We believe that art, be it as literature, music, film, games or performance, is a critical tool through which societies establish a shared understanding of what is common knowledge among all members. These expressions define values and narratives that end up shaping culture, faith and even public policy. It therefore matters deeply how it is financed, distributed and paid for...

Brand Personality

  • Dynamic
  • Ethical
  • Experimental
  • Honest
  • Open

Brand Inspiration

We are very inspired by the branding that you find in projects like Aragon, which is also a governance project. They are very effective at putting the ethics and mission of their projects at the center of their communication, and all of their public messages are coordinated around this. They also have a very clear separation between the project, and the different entities involved in organising the project.

Target Audience

Our primary audience for the next two years will be three categories of users we need to reach:

  • Community Builders: Users who also want to engage in actually running and guiding how the platform will work, in other words, people who want to engage in platform governance and work. This refers to people who enjoy building, fostering and participating in nascent communities. They are driven by a sense of purpose, and also the motivation to get in early on something that can become big and important. These people are often highly social, enjoy working in groups with common purpose, self directed, digital native and often outsiders in the offline world.

  • Crypto Workers: These are people out to make a small buck, they are everywhere in the crypto space, and they are looking for opportunities to do work and make some income. These are often in developing countries, or they may be a bit younger, or in some other way locked out of easy access to making a good income. Often they have very little physical or social capital, just some simple tools, and they often do manual tasks of various kinds. The importance of this contingent is that they are eager, and they are willing and able to do work for crypto, something which is currently rare.

  • Long tail content creators: These are people with small and passionate audiences, willing to put up with friction, typically covering idiosyncratic areas of focus, perhaps associated with the taboo, non-mainstream, controversial, inappropriate, ideological or marginalised. They will be suffering from monetisation, censorship or distribution problems on other platforms.

Competition

The most natural competition to consider would be other projects trying to build more user controlled media platforms, often using Blockchain or other peer-to-peer technology as a result. There are quite a few such projects, emphasising different aspects of how they will be better than existing centralised platforms like YouTube or Soundcloud. What sets us apart is that we focus very deeply on governance, and how users will be in direct control of everything. Others focus on more detailed particular features, like how monetisation or advertising will work, or that users can get paid for providing bandwidth in the system.

About

Design standards, gudielines and systems for Joystream project

Resources

Stars

2 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors