All Stairs Brand Guide

Resources and guidelines for using the All Stairs brand.

About All Stairs

All Stairs is a community-driven platform dedicated to mapping and tracking the world's staircases. We celebrate the unique architecture and history of stairs around the globe, from iconic public staircases to hidden urban gems.

Our mission is to create a comprehensive database of staircases worldwide, enabling users to discover, document, and share their staircase experiences.

Brand Colors

Allstairs Blue
#1a73e8
Primary brand color
Allstairs Blue Dark
#1557b0
Hover states, accents
Charcoal
#333333
Text, headings
White
#FFFFFF
Backgrounds, cards
Light Gray
#f8f9fa
Subtle backgrounds
Medium Gray
#666666
Body text, secondary content

Logo Assets

Download our logo files in various formats. Always use official logo files - do not recreate or modify.

All Stairs Blue Logo

Blue Logo (PNG)

Use on light backgrounds

Download
All Stairs White Logo

White Logo (PNG)

Use on dark backgrounds

Download
All Stairs App Icon

App Icon (PNG)

For app stores, social media

Download

Brand Usage Guidelines

Logo Usage

  • Always maintain the logo's aspect ratio when resizing
  • Do not alter, rotate, or distort the logo
  • Ensure adequate clear space around the logo (minimum 20px on all sides)
  • Use the blue logo on light backgrounds, white logo on dark backgrounds
  • Do not place the logo on busy or complex backgrounds that reduce legibility
  • Do not change the logo colors or add effects (shadows, gradients, etc.)

Color Usage

  • Allstairs Blue (#1a73e8) is our primary brand color - use for key UI elements, CTAs, and links
  • Allstairs Blue Dark (#1557b0) should be used for hover states and active elements
  • Charcoal (#333) is for headings and primary text
  • Medium Gray (#666) is for body copy and secondary content
  • Maintain sufficient contrast ratios for accessibility (WCAG AA minimum)

Typography

  • Primary font: System UI fonts (-apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif)
  • Headings: Bold weight (600-700), colors from brand palette
  • Body text: Regular weight (400), 1.6 line-height for readability
  • Minimum font size: 14px for body text, 16px preferred

Frequently Asked Questions

Can I use the All Stairs logo for my project?
The All Stairs logo is available for use by authorized partners and contributors. Please contact us if you'd like to use our brand assets in your project.
Can I modify the logo colors?
No. Please use only the official logo files provided above without modifications. The blue and white versions are designed for different background contexts.
What file format should I use?
For web and digital use, PNG files with transparency are provided. For print, please contact us for vector (SVG/EPS) versions if needed.
Can I use the brand colors in my own designs?
Yes! The brand colors are provided for developers and designers working on All Stairs-related projects. Please maintain the color values exactly as specified.
Where can I get help with brand guidelines?
If you have questions about using the All Stairs brand, please reach out through our contact page or email.