Frame 4360lockup.png

Radiant Neon Close-Up.jpeg

52. Blue Chalk.jpg

foto-pettine-IfjHaIoAoqE-unsplash.jpg

Playbook_Symbol__Playbook_Symbol.svg

Interface

1 – Brand

Character

4 – Assets

Social media

Strategy

Playbook Brand Guidelines 2025

Identity

Typography

3 – Application

Logo

Colors

Logo Lockup

2 – Visual Identity

Wordmark

Here are the guidelines for Playbook Brand! Designed and created by Red Antler, New York.

Playbook Brand Guidelines

Our logo lockup should always be surrounded by a minimum margin of clear space. In this example, the width of the letter K is equal to ✖. A margin equivalent to ✖ is drawn around it to create the minimum clear space. In very large scale uses of the wordmark, the clear space can go down to 1⁄2✖.

Playbook was created to give creative work the home it deserves—whether you’re a solo designer or a global brand. For too long, creatives have relied on cluttered, generic file systems that were never built for the type of work they do. Traditional DAMs were made for rigid processes and slow-moving teams. Playbook is different. We’re building a new standard: a polished, intuitive, and inspiring home for creative work—one that scales from freelancers to enterprise.This home isn’t just a place to store files—it’s the heart of creative inspiration. A space where ideas can

Playbook has the capacity and speed to ingest hundreds of thousands of files, and can keep them safe in its rock-solid storage system.

Assets We Love is a living archive of Playbook’s creative soul— gradients, illustrations, UI experiments, release notes, and visual gems that capture the spirit of our brand. It’s a place to browse, revisit, and get inspired by the building blocks of Playbook’s identity, from bold Punch Red explorations to quirky

Playbook wants to free creative teams to spend their time creating and celebrating great work – so whenever we have a chance to infuse fun into the experience and showcase your work in new ways, we jump on it.

Our primary brand color is Punch Red. When paired with our core palette, it provides an arresting combination of refinement and quirk.

Playbook’s brand comes alive on Instagram with the same polish, personality, and playfulness found in our product. From community events like Hidden in Plain Sight to our $100K Imagination Fund, we use gradients, hand-drawn elements, and our signature typefaces to turn announcements into creative moments.

Our secondary typeface, Victor Serif, is a modern and refined serif that elevates our brand.

we sweat the small stuff so creatives don’t have to. Every detail is considered—because excellence, clarity, and trust are built on precision and polish.

We believe consistency builds trust, but delight builds love. That’s why every application of our brand—whether it’s a single icon or a full-page takeover—should feel unmistakably Playbook. Clean, curious, and quietly confident.

Playbook ads show up with intention—bold, clean, and unmistakably creative. From launch campaigns like our mobile app debut on Product Hunt to city-wide takeovers during SF Design Week, we use our signature gradients, quirky typography, and visual wit to grab attention without shouting. During SF Design Week, Playbook took over BART, Muni, and Caltrain stations with

🎨 Artist Spotlight Throwback
From splashy gradients to dreamy textures, we feature the work of Playbook users past and present. These posts don’t just display art—they reflect our brand’s identity. Labil Grotesk headlines and playful collage elements turn each post into a visual love letter to the creative community.

<ul><li>Easily transfer ownership of assets between teams (e.g., agency to client)</li><li>Leave notes and comments directly within files so communication can happen all in one place </li><li>Can house all kinds of creative assets (i.e., not just photography or brand assets)</li></ul>

While we have fun, we never compromise on quality. Playbook is sharp, professional, and thoughtfully executed. From design systems to user experience,

Create, Approve, Launch. All in Playbook.

ads that felt more like mini art installations than tech promotions. Even our billboard by the highway played it cool—thoughtfully designed to stop a scroll or a speeding car. In every channel, our ads reflect the same energy as our product: smart, vibrant, and made for creatives.

How the Bang &amp; Olufsen brand is perceived is vital. It is in the brand experiences we create that we reinforce our values and reveal who we are to the world.What characterises our products is a unique combination of beautiful sound, timeless design, and unrivalled craftsmanship.

Our color palette leads with Punch Red—bold, expressive, and energetic—grounded by Neutral tones and elevated with accents like Aqua, Yellow, and Purple. It’s a system that captures both confidence and creativity. We use Labil Grotesk as our primary typeface—a sans-serif with subtle eccentricity—and Victor Serif for moments of refinement. The typography is airy, intentional, and easy to read—always leaving room for the work to shine.We don’t chase trends or scream for attention. We build deliberately, iterate constantly, and let the product speak. Our brand reflects that: polished yet playful, high-performing yet warm. Because at Playbook, we’re not just designing storage—we’re designing a platform worthy of the world’s best creative work.

We showcase work from real artists using Playbook, giving our feed the feel of a living gallery. It’s quirky but clean, expressive but refined—designed to inspire creatives to share, explore, and build their own Playbook. Every post reflects our belief that creative work should be seen, celebrated, and beautifully presented.

animations and polished layouts. Whether you’re designing a new feature or just looking for a spark, this collection celebrates the craft, curiosity, and care that go into everything we create. It’s both a time capsule and a launchpad—for internal teams and the creative community beyond.

ideas,we pivot with intention and curiosity. Our agility isn’t just speed—it’s a commitment to learning, listening, and always improving.

⏰ 30% faster campaign launches through quick approvals.📁 5+ hours/week saved per team member on  asset searches and asset handoff.💰 Thousands of dollars reduced in minor-edit agency fees and brand portal costs.

Playbook is a cloud storage made for creative files. Playbook&nbsp;stores, automatically tags, and organizes your visual assets to make it super easy for you or your team to browse and find what they want. From PSD’s to JPG’s and INDD files, Playbook is a lightweight yet powerful platform that&nbsp;supports all types of creative files. For teams, Playbook makes it easy to share, and collaborate on visual projects. For freelancers, Playbook makes it easy to collaborate with clients and share their work with the world.

Our wordmark has been crafted to feel stable and supportive, while maintaining a sense of quirk and playfulness. The double slanted O's are a nod to the double thumbs up. They communicate a forward and upward trajectory.

Height: 5'10 or 178 cmBust: 32" | Waist: 23" | Hips: 32"Location: Virginia, USA

Insert your bio here! My journey in design began at a young age, fueled by a fascination with how aesthetics and functionality merge in everyday objects. I pursued formal education in industrial design, where I honed my skills in user-centered design and learned the importance of empathy in creating products that not only look great but also solve real-world problems effectively. Today, as I continue to grow in my career, I remain committed to pushing the boundaries of what design can achieve, constantly seeking innovative solutions that enhance user experiences and bring joy to their lives.

Punch Red background is used with large wordmark sizes

These are examples of misuses of the symbols.

Use this section as your guide to putting Playbook’s brand into motion. Whether you’re designing a feature, writing a tweet, or making a deck for a client, we’ve outlined examples and principles to help you bring Playbook to life in a way that feels true to who we are.

In cases where the symbol needs to separate from the wordmark lockup, we can pair our wordmark and symbol within a layout. In most cases, the height of the symbol matches the height of the entire wordmark. In very large scale applications, the height of the symbol matches the height of “BOOK.”

Large Scale Applications
Height of symbol matches height of "BOOK" Symbol aligns to bottom of wordmark

Organized to Bring Your Work to Life

Playbook is playful, imaginative, and a little eccentric—in the best way. We embrace curiosity and celebrate offbeat creativity. From clever copy to unexpected

MINIMAL, BUT FULL OF PERSONALITYOur UI favors a clean layout with lots of breathing room. Typography is functional but friendly, and our icons bring subtle whimsy. Playbook’s interface should always feel lightweight and easy to explore.

📸 Hidden in Plain SightOur community photo competition invited creatives to capture the unnoticed. Hundreds entered, and the results were stunning. On Instagram, we highlighted winners using Playbook’s visual language: soft backgrounds, layered textures, and crisp typography that echoes our platform. A showcase of creativity, through and through.

<ul><li>Simply enjoyable to use; not another clunky, dry, corporate enterprise product</li><li>Customizable interface lets you create an experience that reflects your team/brand</li></ul>

Playbook isn’t just a logo and a palette—it’s an experience. The magic happens when the brand lives out in the world: in interfaces, Instagram carousels, clever ad copy, and the delightful rhythm of a well-built deck. This section captures how Playbook shows up across different touchpoints.

visuals, we spark delight and stand out from the crowd. Our quirks aren’t distractions—they’re invitations to think differently and create freely.

Instead of reducing assets to tiny, text-based files, Playbook brings them to life in a highly visual, streamlined space, and lets you group assets in whatever way works best for your team.

Neutral and White backgrounds are used with smaller symbol sizes

Our double thumbs-up symbol is the primary expression of our brand. It is born from the familiar utilitarian visual language of a designer’s toolbox. The symbol appears with approachable line strokes and echoes the affirmative and empowering spirit of the Playbook brand.

Small Scale Applications (most cases) Height of symbol matches height of wordmark

✨ Playbook Sticker Pack We handed out these sticker sheets at SF Design Week, and they flew. Sparkly, weird, and deeply Playbook—each one celebrates the chaos, joy, and visual language of our brand. Slap them on your laptop, your notebook, your cat. Creativity looks better with stickers.

We stay flexible, open-minded, and responsive to change. Playbook evolves with its users, not ahead of them. Whether it’s rethinking features or reshaping

📍 SF Design Week TakeoverFrom Caltrain to BART to a billboard by the Port of Oakland, Playbook showed up loud, proud, and a little unhinged. Our SF Design Week campaign embraced the chaos of creativity—with bold gradients, ADHD-core energy, and the message: let your ideas go wild—we’ll keep it organized.

<a href="https://www.playbook.com/s/community" rel="noopener noreferrer nofollow" target="_blank">Imagination Fund</a> and photo competitions—spotlight real creatives and invite new ones to join in. We celebrate not just the finished product, but the process: the sketches, moodboards, and happy accidents that power great ideas.This gallery is a living archive of how Playbook is used today—by freelancers, studios, and brands alike. Use it as a resource, remix it, and make it your own. The brand is always evolving—and you’re part of what it becomes next.

🚀 The $100,000 Imagination Fund $100K to help creatives bring their ideas to life. Our announcement featured bold, colorful gradients and hand-drawn embellishments that mirrored the energy of the projects we’re funding. It’s not just a fund—it’s a visual celebration of what happens when creative potential meets the right platform.

These are examples of misuses of the wordmark.

Large Scale Applications: Height of symbol matches height of "BOOK" Symbol aligns to bottom of wordmark

We dream big, move fast, and hold ourselves to a high bar. Playbook is driven to build the best platform for creatives everywhere.

Punch Red background is used with large symbol sizes

We’re not afraid to take risks, and we don’t drop the ball. Ambition fuels our momentum—and we bring our community along for the ride.

Playbook shows up wherever creative work lives—in the quiet moments of solo exploration and the shared energy of collaboration. In our interface, the brand comes through with spacious layouts, thoughtful typography, and polished, intuitive details that make organizing files feel like curating a gallery. On web, desktop, and mobile, the experience is consistently visual and delightfully fast—built for momentum, not friction. Across social media and ads, Playbook leads with work, not words. Our community campaigns—like the

Height: 5'11 or 180 cmBust: 33" | Waist: 25" | Hips: 34.5"Location: New York, USAAge: 18Legal Name: Mary Jessica Love Adams

Our symbol should always be surrounded by a minimum margin of clear space. In this example, the width of the symbol is equal to 3✖. A margin equivalent to ✖ is drawn around it to create the minimum clear space.

COLOR AND CONTRASTColor is used intentionally: soft backgrounds, bold accents for action. We avoid oversaturating the interface. Instead, we use color to guide—not overwhelm—the user.

Your creative home. Playbook helps you organize your visual assets and share them with your design team and the world

To effectively communicate this continuous pursuit of creating only the best, we need to practice it at all touchpoints. That is why we have defined our building blocks and how to use them so anyone can successfully create valuable and consistent brand experiences.

Our symbol is always used in Black to mirror the essence of a simple drawing. To ensure readability and contrast, the symbol size is adjusted based on the color of the background.

Our wordmark and symbol often appear as a lockup. The symbol acts as a way to punctuate the end of our brand name and add character.

Our wordmark is always used in Black. To ensure readability and contrast, the wordmark size is adjusted based on the color of the background.

Our main typeface, Labil Grotesk, is a clean sans-serif with an element of quirk. It gives our messaging a precise and whimsical impression.

NOTE ON THE GUIDELINESA brand guideline is never final. This an evolving document and we as a company and designers (hopefully) become wiser over time, slightly adjusting how we visualise our brand. Major changes will not happen overnight but do revisit from time to time to keep up to date with the current good examples and practices.

Playbook exists to give creative work the home it deserves. Not just a place to store files, but a visual center of gravity—a clean, intuitive space where ideas connect across timelines, teams, and tools. This home is designed to reflect the quality of the work it holds: inspiring, precise, and crafted with care. Whether you’re an independent artist or part of a global brand, Playbook helps you find, share, and build on creative work with clarity and ease.Our brand is an extension of that belief. The double thumbs-up symbol anchors our identity—it’s familiar, utilitarian, and affirming. Paired with our wordmark’s slanted O’s, it reflects momentum and play, striking a balance between stability and quirk. Together, they signal our promise: to support creative work at every scale with the thoughtfulness it deserves.

Small Scale Applications (most cases)
Height of symbol matches height of wordmark

MICROINTERACTIONSHover states, loading moments, and tooltips are opportunities to inject charm. Use motion thoughtfully: quick, responsive, and never distracting.

Our wordmark should always be surrounded by a minimum margin of clear space. In this example, the width of the
letter K is equal to ✖. A margin equivalent to ✖ is drawn around it to create the minimum clear space. In very large scale uses of the wordmark, the clear spacecangodownto 1⁄2✖.

Neutral and White backgrounds are used with smaller wordmark sizes

We use Labil Grotesk Light in most applications, from headlines, to body copy, and bulleted text.In the special case of short hero headlines, we can use up to one instance of our slanted O (or double OO) glyph to emphasize a word. This adds another level of brand recognition and quirk.

Browse snapshots of the Playbook gallery in action.

<ul><li>Showcases creative work as visual thumbnails in a scannable, searchable space</li><li>Ensures all kinds of work and files have a home with customizable, organized boards</li></ul>

Meets Your Creativity Where You Are

connect across teams and timelines. Where assets are easy to find, beautiful to browse, and always ready to be shared. Playbook reflects the value of the work it holds: clean, thoughtful, and crafted with care.We believe creative tools should be accessible and inspiring, not locked behind paywalls or buried in complexity. That’s why we offer our full feature set, even on our free plans—so users can see the value before they ever pay for it. Our monetization model is built around usage, not interruption: the more value you get, the more you might choose to pay. But the experience always comes first.

Playbook makes it simple to share notes, ideas, progress, and all kinds of creative assets, easing collaboration so teams can do their best work, together.

Learn more about our Logos

<ul><li>Tracks your work through iterations to ensure version control</li><li>Can integrate with your storage system, refreshing daily, or fully replace it</li><li>Efficiently, powerfully manages hundreds of thousands of files</li></ul>

DISCOVER THE FOUNDATION

We use Victor Serif Regular for the occasional pop of contrasts, technical headlines, technical call-outs, CTAs and some hero links.

Playbook isn’t just a logo and a palette—it’s an experience. The magic happens when the brand lives out in the world: in interfaces, Instagram carousels, clever ad copy, and the delightful rhythm of a well-built deck. This section captures how Playbook shows up across different touchpoints.We believe consistency builds trust, but delight builds love. That’s why every application of our brand—whether it’s a single icon or a full-page takeover—should feel unmistakably Playbook. Clean, curious, and quietly confident.

Wordmark and Symbol

Clear space

Identity

Wordmark and Symbol

Clear space

Identity