Open Brands

A list of brands with their respective logos and colors. A package to easily include these in any project.

Go through the list, or use any of the functions.

Find all available logos on open-brands.org

Installation

npm install open-brands

Helpers

const silBrandData = getBrand('Sil');

// Result

const silBrandData = {
    name: "sil",
    title: "Sil",
    description: "A description of the brand",
    color: ['#000000','#FFFFFFF','#2325af'],
    urls: {
        default: 'sil.svg',
        icon: 'sil_icon.svg',
        wordmark: 'sil_wordmark',
        normal: 'sil.svg'
    },
    data: {
        default: '<svg .... /svg>',
        icon:  '<svg .... /svg>',
        wordmark:  '<svg .... /svg>',
        normal:  '<svg .... /svg>',
    }
}

Import Specific Brands

Single Brand Import

// Import a single brand
import { abb } from 'open-brands/abb'
import { mastodon } from 'open-brands/mastodon'

// Use the brand logo
console.log(abb.icon)

// Import multiple brands at once
import { abb, mastodon, bluesky } from 'open-brands/data'

// Use the brand logos
console.log(abb.icon)
console.log(mastodon.icon)

Additional Helpers

import { getBrandColors, getBrandColor } from 'open-brands'

const abbColors = getBrandColors('abb')
const primaryAbbColor = getBrandColor('abb')