Shelve

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 LogoOur logo represents the essence of Shelve - a clean, modern solution for development workspace management. The design emphasizes simplicity while conveying professionalism and reliability.
IconThe 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.
LogoThe 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

Shelve
Shelve

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 PaletteOur color palette emphasizes clarity and sophistication, using carefully selected shades that maintain excellent contrast while being easy on the eyes

Primary Colors

Rich Black#0A0A0APrimary brand color, used for main elements
Pure White#FFFFFFClean backgrounds and contrast
Soft Black#141414Secondary elements and depth
Interface Gray#1A1A1AInteractive elements and hover states
TypographyOur typography choices reflect our commitment to clarity and modern design
Markdown BadgesOfficial 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

Shelve Light badge

Dark

For light-themed markdown files and documentation

Shelve Dark badge
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 & ToneGuidelines for written communication

Tone of Voice

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

Key Terms

Developer experienceWorkspace managementCollaborationEfficiencySimplicity
Social Media PresenceGuidelines for social media presence
@HugoRCD

Creator of Shelve, follow to stay up to date

@ShelveCloud

Official X / Twitter account, for updates and engagement

Shelve

Official repository

Shelve-Cloud Organization

Technical documentation and community