icon-pro-1.svg

circle_seal.svg

pro-icon-1.svg

Midjourney-circle.png

publish templates

Discord.png

21-Paperplane (No Padding).png

ShareA3.svg

Add color_No border.png

Medium.svg

Vectorize.png

publish templates-576x576.jpg

check

Android.png

Ai search1

sidebar-flip-regular-full.svg

192px

Group 92 (1).svg

Add color_icon_w border.png

192px.png

crop-simple-light 2.svg

arrow-turn-down-left-regular 1.svg

AI tagging1.jpg

remove-bg.svg

certify.png

Pasted image at 2024-06-18 at 13.51.18 PM

Group of 2 assets

AI tagging2

None.svg

color-ai.png

video-converter-marketing.png

landscape.svg

Ai search1-1042x1042.jpg

Group of 3 assets

image hosting

Cloud icon_Uploading Bar.png

ShareA.svg

photoroom-icon.png

check.svg

ShareA2.svg

incomplete assets icon.png

stamp.svg

Microsoft_Office_OneDrive.png

platypus7305_a_simple_colorful_logo_that_AI-generate_digital_si_4a6db706-4756-4cc2-bf5b-70ebe689df5d.png

Add web_No border.png

Group 92.png

heart.svg

stamp.png

Add web_icon_w border.png

portrait.svg

Discord circular logo.png

icon-pro-2.svg

Midjourney.png

thumbs_up

shapes-light.svg

cubes-light.svg

heart

Add figma_icon_w border.png

seal-circle.svg

image hosting-519x519-473x473.jpg

Add figma_no border.png

Group 3.png

platypus7305_a_simple_colorful_logo_that_AI-generate_digital_si_4a6db706-4756-4cc2-bf5b-70ebe689df5d-222x222.png

Apple.png

Dropbox logo.png

Group 92 (1).png

Ai search3.jpg

192px.svg

ShareA1.svg

Frame 4364.svg

ShareB.svg

minus logo.svg

Frame 4362.svg

Large.svg

arrow.svg

one-drive.png

thumbs_down.svg

Add doc_no border.png

Add doc_icon_w border.png

arrow icon.svg

square.svg

AI tagging2-861x861.jpg

platypus7305_a_simple_colorful_logo_that_AI-generate_digital_si_4a6db706-4756-4cc2-bf5b-70ebe689df5d

thumbs_up.svg

Ai search2.jpg

sidebar-flip

Group of 7 assets

crown.png

Reactji animations

Ecosystems

Published pages icons

Icons

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✖.

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.

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.

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.

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

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.

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.

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

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.

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

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

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.

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.

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.

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.

Neutral and White backgrounds are used with smaller symbol sizes

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

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.

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 stay flexible, open-minded, and responsive to change. Playbook evolves with its users, not ahead of them. Whether it’s rethinking features or reshaping

Learn more about our Logos

DISCOVER THE FOUNDATION

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.

Icons

Icons /Published pages icons

Icons /Ecosystems

Icons /Reactji animations

Icons

Icons /Published pages icons

Icons /Ecosystems

Icons /Reactji animations