An open API service indexing awesome lists of open source software.

https://github.com/codecavepro/brand

CODECAVE logos
https://github.com/codecavepro/brand

Last synced: 10 months ago
JSON representation

CODECAVE logos

Awesome Lists containing this project

README

          

# CODECAVE Brand

This repository contains resources for the **CODECAVE** brand such as [logos](/logos), [logos](/icons), [color palettes](#color-palettes), [fonts](#fonts) and other media.

## Logos

### Wide version

| Version | Preview |
|---|---|
| Inverse | ![Inverse](/logos/codecave-wide-256-text-white.png) |
| Default | ![Default](/logos/codecave-wide-256-text-black.png) |
| B/W White | ![Default](/logos/codecave-wide-256-all-white.png) |
| B/W Black | ![Default](/logos/codecave-wide-256-all-black.png) |

### Tall version

| Version | Preview |
|---|---|
| Inverse | ![Inverse](/logos/codecave-tall-128-text-white.png) |
| Default | ![Default](/logos/codecave-tall-128-text-black.png) |
| B/W White | ![Default](/logos/codecave-tall-128-all-white.png) |
| B/W Black | ![Default](/logos/codecave-tall-128-all-black.png) |

## Icons

| Version | Preview |
|---|---|
| 256px (png) | ![Icon 256](/icons/256x256.png "Icon 256") |
| 128px (png) | ![Icon 128](/icons/128x128.png "Icon 128") |
| 64px (png) | ![Icon 64](/icons/64x64.png "Icon 64") |
| 32px (png) | ![Icon 32](/icons/32x32.png "Icon 32") |
| 16px (png) | ![Icon 16](/icons/16x16.png "Icon 16") |

[View more sizes](/icons)

## Color Palettes

### Branding

| Web Colors | Color | HEX value |
|------------------|---------------------------------------------------------------|------------|
| Primary Purple | ![#175DDC](https://www.singlecolorimage.com/get/5F20FE/32x32) | `#5F20FE` |
| Accent Purple | ![#9D26FF](https://www.singlecolorimage.com/get/9D26FF/32x32) | `#9D26FF` |
| Deep Dark Gray | ![#212121](https://www.singlecolorimage.com/get/212121/32x32) | `#212121` |
| Medium Gray | ![#ABB4BD](https://www.singlecolorimage.com/get/ABB4BD/32x32) | `#ABB4BD` |
| Light Gray | ![#CFD4DA](https://www.singlecolorimage.com/get/CFD4DA/32x32) | `#CFD4DA` |
| Accent Gray | ![#F3F6F9](https://www.singlecolorimage.com/get/F3F6F9/32x32) | `#F3F6F9` |

## Fonts

| Use Case | Link | Weights |
|----------|--------------------------------------------------------------|---------------------------|
| Website | [Montserrat](https://fonts.google.com/specimen/Montserrat) | 500 (normal), 700 (bold) |
| Logo | [Montserrat](https://fonts.google.com/specimen/Montserrat) | 700 (bold) |

## Other Things To Know

Coming soon...

## How to Build

Put 3 types of the logo: squate, horizontal and vertical into the [source folder](/src).
Edit the list of desired sizes for logos and icons in the [build script file](build.sh).