# Brand Guidelines

Welcome to Shelve's brand guidelines. These guidelines ensure a consistent and professional representation of Shelve across all platforms, emphasizing our commitment to simplicity, elegance, and developer experience.

ValuesAt Shelve, our values guide every decision and detail of our product

### Trust & Security

We build trust through robust security and reliable performance, making Shelve a dependable part of your development workflow

### Excellence

Every detail is meticulously crafted, from user interface to code quality, ensuring the highest standards

### Simplicity

We believe in reducing complexity without compromising power, making advanced features accessible and intuitive

### Developer Experience

Everything we build is designed to enhance and streamline the developer workflow

### Thoughtful Design

Every feature and interaction is carefully considered, creating a cohesive and polished experience

## Shelve Logo

Our logo represents the essence of Shelve - a clean, modern solution for development workspace management. The design emphasizes simplicity while conveying professionalism and reliability.

### Icon

The Shelve icon serves as our most recognizable brand element, designed to be distinctive even at small sizes. It represents a simplified "S" that embodies our commitment to elegant solutions.

### Logo

The Shelve wordmark combines with our icon to create a complete brand identity. The typography is chosen for its clarity and modern feel, matching our technical nature.

### Icons

### Logos

#### Do's

- Maintain clear space around the logo
- Use approved color variations
- Keep proportions consistent

#### Don'ts

- Modify the logo design
- Use unapproved colors
- Distort or rotate the logo

## Color Palette

Our color palette emphasizes clarity and sophistication, using carefully selected shades that maintain excellent contrast while being easy on the eyes

### Primary Colors

- Pure Black #010101
- Pure White #FFFFFF
- Soft Black #0A0A0A
- Interface Gray #1A1A1A

## Typography

Our typography choices reflect our commitment to clarity and modern design

### Geist - Primary Font

[Display **The quick brown fox**\
\
Heading **The quick brown fox**\
\
Body\
\
The quick brown fox jumps over the lazy dog. This pangram contains every letter of the English alphabet at least once.](https://vercel.com/font)

### JetBrains Mono - Code Font

[Code\
\
```\
const shelve = {\
  name: 'Shelve',\
  type: 'Awesome'\
}\
```\
\
Terminal\
\
```\
$ npx create-nuxt-app my-project\
```](https://fonts.google.com/specimen/JetBrains+Mono)

## Markdown Badges

Official Markdown badges for promoting Shelve in repositories, documentation, and other technical contexts. These badges are designed for easy integration into README files and technical documentation.

#### Light

For dark-themed markdown files and documentation

#### Dark

For light-themed markdown files and documentation

### Usage

- Primarily designed for GitHub READMEs and technical documentation
- Easy to copy-paste implementation
- Maintains consistent branding across open-source projects
- Can also be used in other technical contexts where markdown is supported

#### Do's

- Center align when possible
- Maintain minimum spacing
- Use appropriate version for background

#### Don'ts

## Voice & Tone

Guidelines for written communication

### Tone of Voice

- Professional but approachable
- Technical but clear
- Confident but humble
- Helpful and solution-focused

### Key Terms

- Developer experience
- Workspace management
- Collaboration
- Efficiency
- Simplicity

## Social Media Presence

Guidelines for social media presence

@HugoRCD  
Creator of Shelve, follow to stay up to date

[Card link](https://x.com/HugoRCD__)

@ShelveCloud  
Official X / Twitter account, for updates and engagement

[Card link](https://x.com/ShelveCloud)

## Shelve

Official repository

[Card link](https://github.com/hugorcd/shelve)

## Shelve-Cloud Organization

Technical documentation and community

[Card link](https://github.com/shelve-cloud)