tonedefdev/opendepot/opendepot-branding

OpenDepot Brand Guidelines 2026

This skill is the canonical Markdown reference for the user-provided OpenDepot Brand Guidelines 2026. Use it whenever documentation, UI, visual assets, marketing material, or other brand-facing work is created or reviewed.

The guide positions OpenDepot in the technology and cloud computing services industry. Its visual language is clean, modern, readable, simple, consistent, and professional, with strong black and white contrast and blue and mint accents.

Contents

1. Introduction
2. Our logo
3. Typography
4. Brand color
5. Brand pattern
6. Mockup
7. Stationery kit

Source page map

The supplied guide contains 27 pages. The following map preserves the complete structure and identifies the visual pages whose meaning is carried primarily by imagery:

The text on the introduction page reads:

Welcome to the presentation unveiling OpenDepot business, technology / cloud computing services industry brand.

In these guidelines, you'll discover the essential design elements that define our brand's unique look and feel. This document will guide you through the visuals and designs that shape our identity, ensuring consistency and cohesion across all platforms. Join us as we explore the creative aspects that make OpenDepot stand out in the technology / cloud computing services industry.

The typography specimen on page 15 includes unrelated sample copy about Slack. It demonstrates type hierarchy only and must not be treated as OpenDepot messaging. The guide's specimen includes the headings and quote captured in the Typography section above, followed by sample paragraph text about coordinating people, email, channels, and software tools, and the attribution Marcel Gherkina / Spokespersar, Sinck as rendered in the supplied source. Preserve this distinction whenever reproducing the specimen.

1. Introduction

The guidelines define the essential design elements that shape OpenDepot's unique look and feel. They establish consistency and cohesion across platforms and describe the visual identity that makes OpenDepot stand out in the technology and cloud computing services industry.

2. Our Logo

Primary logo

The logo is the cornerstone of the OpenDepot brand. Its distinctive form and refined color palette are designed for instant recognition and communicate strength, distinction, trust, and credibility.

The primary logo consists of:

• The geometric OpenDepot icon with blue-to-mint color transition.
• The Open wordmark in black.
• The Depot wordmark in mint.

Use the complete primary logo whenever the available space supports it. Use the standalone icon when a compact brand mark is required.

Icon

The standalone icon is a simple, minimal symbol representing the brand in its most compact form. It is designed for clarity, balance, and instant recognition. It must remain legible at small sizes across digital and print touchpoints.

Black and white

The black-and-white logo expresses the identity through balance, shape, and meaning without relying on color. It is suitable across print and digital applications when a monochrome treatment is required, while preserving a bold and professional presence.

Clear space

Clear space around the logo ensures visibility and prevents interference from other elements. Maintain consistent spacing around the complete logo and standalone icon so the mark remains clean, recognizable, and visually strong.

The clear-space diagram in the guide shows the minimum protected area around both the horizontal primary logo and the standalone icon. Do not place text, borders, imagery, controls, or other visual elements inside this protected area.

App icon

The app icon page shows approved icon variations for visibility across different backgrounds. Select an approved variation that maintains contrast and legibility without altering the icon's proportions or internal elements.

Favicon

The favicon uses the OpenDepot icon as the compact browser identity. Use the approved high-resolution favicon asset and preserve the original icon geometry.

The guide also shows the browser context with the OpenDepot name and website identity. Do not recreate the favicon by cropping, redrawing, or modifying the logo.

Logo do's

• Use the logo in its original, upright orientation.
• Use high-resolution files so the logo remains sharp and clear.
• Use the alternative logo only on white or light backgrounds, never on colored backgrounds.
• Maintain the original size and position of all elements within the logo.
• Ensure every logo element is present.
• Present the logo without added outlines.

Logo don'ts

• Do not tilt the logo or any of its elements.
• Do not resize individual elements or change their positions within the logo.
• Do not delete or remove logo elements.
• Do not distort or alter the elements within the logo.
• Do not use the alternative logo format on colored backgrounds.
• Do not add outlines to the logo.

Never stretch, compress, rotate, recolor, redraw, crop, rearrange, or decorate an approved logo asset. When in doubt, use the original high-resolution asset and preserve clear space.

3. Typography

OpenDepot uses clean, modern sans-serif typography that conveys clarity, confidence, and trust. Typography should remain simple and consistent, supporting a bold but approachable brand voice without decorative or overly stylized treatments.

Primary typeface: Aspekta

Aspekta is the primary typeface for headings, body text, and digital interfaces. It is a modern geometric sans-serif designed for clarity and legibility across digital and print applications.

Use Aspekta for:

• Headings and section titles.
• Body copy and interface text.
• Navigation, labels, buttons, and other digital UI text.

Supporting typeface: Inter

Use Inter for quotes and supporting text when the design calls for the supporting typeface. The guide specifies Inter for quote marks, pull quotes, and attribution text.

Type scale

The guide's sample hierarchy demonstrates a strong H1, a more compact H2, a readable H3, a small H4, narrow supporting paragraphs, and a spacious pull quote. Match type size and line height to the hierarchy rather than using oversized display text in compact UI surfaces.

Typography examples in the guide

The guide presents these sample lines to demonstrate hierarchy:

• H1: "A better way to work"
• H2: "Simpler, more pleasant and more productive"
• H3: "The kind of thing you don't know you need, but once you have it, you can't live without it. It feels like the natural evolution of work."
• H4: "After all, every organization needs a little Slack."
• Pull quote: "We believe that the advantages are so great that a shift to working on Slack, or something like it, is inevitable."

These sample words are typography demonstrations, not OpenDepot product copy. Do not reuse unrelated brand or company claims from the sample text in OpenDepot documentation or UI.

4. Brand Color

Color is central to the OpenDepot identity. Use the recommended shades consistently across digital and print media. Confirm color accuracy with the designer or printer when producing physical materials.

Official palette

Use the exact hex values above for core brand treatments. Approved gradients are allowed and may be used prominently, including in navigation and menu surfaces. Neutral UI surfaces may be retained when an existing product system requires them for usability and contrast, but they are not additional brand colors.

Approved digital accent

The OpenDepot marketing site uses #048FC3 as the midpoint between the official blue and mint. This is an approved digital brand color for gradients and transitional accents.

The canonical marketing gradient is:

linear-gradient(118deg, #0350C7 0%, #048FC3 46%, #03DEB8 100%)

Use #048FC3 to bridge the official blue and mint where a gradient is appropriate. It does not replace either core color and must not be used to recolor approved logo assets. Do not introduce other near-match blues, teals, greens, or unapproved gradient stops.

Color usage

• Black and white provide the primary contrast foundation.
• Blue and mint provide the approved brand accents.
• Use enough contrast for text, controls, logos, and interactive states.
• Keep the logo colors intact; do not recolor individual logo elements.
• Do not use the alternative logo on colored backgrounds.

5. Brand Pattern

The guide includes a dedicated Brand Pattern section. The parsed guide text does not describe a separate pattern specification, and the supplied page does not provide a readable pattern rule. Do not invent a pattern or infer an unapproved pattern from unrelated assets.

When a pattern asset is supplied by the brand owner, preserve its original geometry, proportions, colors, and intended use. Otherwise, use the official palette and logo rules without creating a new branded pattern.

6. Mockup

The mockup pages show the brand identity in action across different applications. The guide includes examples of the logo applied to apparel, drinkware, an office or conference-room display, and other branded surfaces.

The mockups demonstrate these principles:

• Keep the logo upright and proportionally intact on physical surfaces.
• Use clear, high-resolution logo artwork.
• Preserve the OpenDepot icon and wordmark relationship.
• Choose logo treatments that remain legible against the application background.
• Do not treat a mockup as permission to create a new logo variant.

The mockup images are visual examples, not required product imagery. Use appropriate real or generated assets when creating new OpenDepot mockups, and keep the brand mark faithful to the approved logo.

7. Stationery Kit

The stationery section demonstrates the brand on letterhead, envelopes, business cards, and related printed materials.

The letterhead mockup includes:

• The primary OpenDepot logo.
• A company address block.
• Structured body-copy space.
• A signature area.
• A legal or corporate-identity footer area when required.