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)