https://github.com/oceanprotocol/art
🐬 Ocean Protocol's assets for community distribution
https://github.com/oceanprotocol/art
art design fabulous jellyfish mantaray npm oceanprotocol style
Last synced: 8 months ago
JSON representation
🐬 Ocean Protocol's assets for community distribution
- Host: GitHub
- URL: https://github.com/oceanprotocol/art
- Owner: oceanprotocol
- License: cc-by-4.0
- Created: 2018-04-17T12:29:49.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2023-02-23T01:49:45.000Z (over 3 years ago)
- Last Synced: 2025-05-24T11:22:51.617Z (about 1 year ago)
- Topics: art, design, fabulous, jellyfish, mantaray, npm, oceanprotocol, style
- Homepage: https://oceanprotocol.com/art
- Size: 15.1 MB
- Stars: 17
- Watchers: 13
- Forks: 3
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://oceanprotocol.com)
art
> 🐬 Ocean Protocol's brand assets for community distribution.
[](https://www.npmjs.com/package/@oceanprotocol/art)
All assets in this repo can also be viewed and downloaded from [oceanprotocol.com/art](https://oceanprotocol.com/art). You'll find a living style guide there too.
- [Brand Assets](#brand-assets)
- [Usage](#usage)
- [Typography](#typography)
- [License](#license)
---
## Brand Assets
- [Logo](logo/)
- [Banner](banner/)
- [Waves](waves/)
- [Creatures](creatures/)
- [GitHub](github/)
## Usage
It's encouraged to use this repo as a dependency within your projects to keep the assets in sync.
The whole repo is published as a npm module so just run for installation:
```bash
npm i @oceanprotocol/art
```
Then in your app, you can import the required assets:
```jsx
import logo from '@oceanprotocol/art/logo/logo.svg'
function MyComponent() {
return 
}
```
## Typography
Our branding typefaces are [Sharp Sans Medium/Bold](https://sharptype.co/typefaces/sharp-sans/#features) in use as body text, and [Sharp Sans Display No. 1 Bold](https://sharptype.co/typefaces/sharp-sans-display-no1/) for headings.
Those are commercial fonts and the license doesn't allow us to distribute them. Hence you won't find them in this repository. If you're a member of the Ocean Protocol team, ask a designer to hand you the font files.
If you only need them for use on the web, you can use the private [`typographies`](https://github.com/oceanprotocol/typographies) npm package, or grab the font files itself from inside the private `site` repo's [fonts folder](https://github.com/oceanprotocol/site/tree/main/src/global/fonts).
## License
All assets are licensed under a [Creative Commons Attribution 4.0 International License](http://creativecommons.org/licenses/by/4.0/).