Note
This repository is still a work in progress.
https://www.jsdelivr.com/package/gh/noclocks/brand
This repository contains the brand guide for No Clocks, LLC. It includes the design system and assets used to create the brand identity.
The design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. It includes the following:
...
The assets are the visual elements that make up the brand identity. They include the following:
...
The logo is the primary visual representation of the brand. Typically, a logo contains both a graphic element and a text element that work together to create a unique and recognizable mark. The logo is used across various applications, such as websites, business cards, and promotional materials.
The following variations of the logo are available:
-
Main (Primary, Default): The main logo version used in most applications. At a minimum, should have a
pngandsvgformat. -
Alternative (Secondary, Inverse): An alternate version of the logo used in specific contexts or applications. May have different color schemes, layouts, or graphic elements.
-
Icon (Symbol, Mark): A simplified version of the logo that consists of only the graphic element. Used in small spaces or as a favicon.
| Variation | Preview |
|---|---|
| Main |  |
| Alternative |  |
| Icon | 
|
The color palette is a set of colors that are used consistently across all brand materials. It includes primary, secondary, and accent colors that work together to create a cohesive and visually appealing brand identity.
The following color palettes are available:
-
Default (Primary): The default color palette used in most applications. It consists of a primary color, secondary color, and accent color.
-
Light and Dark Mode Schemes: Color palettes optimized for light and dark mode applications. They include color combinations that are legible and visually appealing in different lighting conditions.
-
Monochrome/Grayscale Scheme: A color palette consisting of monochrome-based shades of gray that can be used in black-and-white or grayscale applications.
| Color | Hex | RGB | Preview |
|---|---|---|---|
| Gunmetal | #222831 |
34, 40, 49 |
|
| Jetblack | #353535 |
53, 53, 53 |
|
| Onyx | #393E46 |
57, 62, 70 |
|
| Indigo | #284B63 |
40, 75, 99 |
|
| Caribbean | #3C6E71 |
60, 110, 113 |
|
| Nyanza | #CEE6CD |
206, 230, 205 |
|
| Tea Green | #C3F3C0 |
195, 243, 192 |
|
| Platinum | #D9D9D9 |
217, 217, 217 |
|
| White | #FFFFFF |
255, 255, 255 |
| Color | Hex | RGB | Preview |
|---|---|---|---|
| Black | #000000 |
0, 0, 0 |
|
| Darkest | #333333 |
51, 51, 51 |
|
| Darker | #444444 |
68, 68, 68 |
|
| Dark | #666666 |
102, 102, 102 |
|
| MediumDark | #999999 |
153, 153, 153 |
|
| Medium | #DDDDDD |
221, 221, 221 |
|
| MediumLight | #EEEEEE |
238, 238, 238 |
|
| Light | #F3F3F3 |
243, 243, 243 |
|
| Lighter | #F8F8F8 |
248, 248, 248 |
|
| Lightest | #FFFFFF |
255, 255, 255 |
|
| White | #FFFFFF |
255, 255, 255 |
No Clocks, LLC | 2024