Interested in Collaborating with Us?
Schedule A Chat
resources

Create Branding Bento Box in Minutes [FREE TEMPLATE]

What's good y'all John D Saunders here you know the Vibes!

In today's video I'm talking about a new brand concept that's a great way to Showcase your brand assets in an easy concise way, for both case studies and your clients.

Let's go ahead and dive in y'all 

So you've probably seen these images floating around the internet like this,

It's a new concept called ‘Bento Box’ branding where you're showcasing brand colors, typography and visual assets in an easy and concise way. For both clients to be able to make decisions and for you to show these case studies to other agencies and other folks, potential to hire you. So let's go ahead and dive in! I'm going to jump on my computer and show you what this looks like in real time. Now in most cases you'll have a full brand guideline.

This is for more engagements that are larger, right, where they might need typography, open graph images, favicons, web clips. They might need a whole bunch of different assets needed for their branding designs and so we usually do this for larger scale projects where we'll do a full brand guideline buildout we're to include a whole bunch of aspects including vision, brand values, core targeting tone, headquarters and more. And you can take a look at a full brand guideline here, to get the full scope and idea of what that entails.

But for smaller engagements, is, if you're an agency that's in web design or branding and you're doing smaller engagements where you just want to provide an overview to clients on the ideas and concepts that you're working with in regards to your guidelines, you can do a Bento Box template. So similar to a Bento Box you would get from an Asian restaurant where you've got different types of food, you have a Bento Box for your logo and branding assets where you can see everything in one bird's eye view. 

Here's a brand that we did for a client, this is a video game company. As you can see just by looking at this one sheet you get a general idea of what they provide, their overall color palette, the font choice, as well as the use of their favicon in real time, as you can see right here. So what we've done is we put together this Figma template for you to to be able to use.

Here's the second example that we had as well, just to show like what that mobile would look like with the menu and just a visual representation of the brand as a whole. This is a great way to conceptualize and showcase clients what you're working on in a really quick and concise view. As opposed to going in and doing a full brand guideline. We usually present logos in this way where we'll present two to three options with different color palettes to help clients decide on which avenue they want to choose.

So actually, let me show you a few other examples so you get a general idea. Here's another example for a tech company we worked with. We actually did a light and dark version so they can see what that looks like. And it's just a really quick and easy way for them to see and improve the concepts and ideas that we're working on in real time.

So going back to our template here, I'm going to provide you a link to this so you'll be able to access this ‘Bento Box’ template. You'll be able to use, for any of your upcoming projects that you have for your clients or yourself. You can grab it right HERE.

It will have two versions of the one that we did for a client. And then it will also include these templates that you can use to go ahead and get it done. And then we just did a quick mockup, that you can be able to use with your projects. The main goal with this is to really represent and showcase a project quickly. It's really effective for clients but it's also great for when you're showcasing this on social media and using it for case studies. People love to see it. It's really easy to see, it works well in regards to like Twitter image and Facebook image sizes for other people to see examples of your work.

Go ahead and grab this on Figma link and I'll see y'all soon!

AUTHOR

John D. Saunders is a seasoned brand and web design expert and the founder of 5Four Digital, with over a decade of experience building impactful online brands for companies like Land Rover, Audi, and the NAACP.

SHARE THIS ARTICLE

Related Resources

See More Blogs
No items yet.

Subscribe to the blog

The best source of information for customer services, sales tips, guides and industry best practices. Join us.

Email Address
Thank you! Your subscription has been received!
Oops! Something went wrong while submitting the form.

Explore our free resources

Not quite ready to schedule a call? Explore our free resources designed to help you elevate your digital presence. Simply enter your name and email to gain access to these valuable tools:

Pitch Deck Template

Present your educational initiatives with clarity and impact using our comprehensive Pitch Deck Template. This resource includes all the essential slides needed to captivate stakeholders and effectively communicate your vision.

Website Launch Checklist

Ensure a smooth and successful website launch with our detailed checklist. This essential guide walks you through every critical step, from pre-launch preparations to post-launch optimizations, tailored specifically for educational institutions.

Home Page Optimization Guide

Enhance your institution's online presence with our Optimization Guide. This resource provides actionable strategies and best practices to improve user engagement, streamline navigation, and drive results on your website's homepage.

Get started with these resources today—your first step toward transforming your digital presence!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Button Text
Thank you! Your download is ready here: Download here

Schedule A Chat

Transform your online presence with a custom-built website tailored to your institution's needs. Schedule a free call to explore how we can help you achieve your goals.

Come as you are — no preparation required; we’re just excited to talk!

Your Institution Deserves a Website That Worksas Hard as You Do

Transform your online presence with a custom-built website tailored to your institution's needs. Schedule a free, no-obligation call to explore how we can help you achieve your goals.
Book a Call Now
Quick, easy scheduling—let’s start the conversation!