Table of contents

04 Logos

06 Typography

08 Color palette

10 Iconography

12 Photography

14 Brand in context

3
Logo

Boxy’s logo is structured and

geometric to mimic packing
boxes and containers, but is
softened to create a friendly
and approachable look.

Our logo is modern and

professional without being
overly stuffy. It’s bold and
playful while still looking like
someone you can trust.

Be sure to maintain enough

spacing around the main logo.

There is slightly more space on

the right side to accomodate
the protruding arm of the “Y”.

4
Secondary logo

The logo can be abbreviated

into just the B inside of the box.

This version of the logo is

perfect for things like Boxy’s
app icon.

Keep in mind that this box

is optically square but is not
mathematically square.

Again, ensure adequate

spacing to avoid clutter.

Boxy

5
Typography
Our typefaces are clean and

Aa
Aa
geometric, inspired by the
shapes of packing boxes.

The Sofia Pro family is both

airy and structured, providing
a versatile and balanced look
to our typography. Use the
Soft version for larger text.

Sofia Pro Soft Sofia Pro

Medium Medium and light

Use for headings and accent Use for subheadings (medium)

text, like pricing or numbers. and body text (light).

Always write headings in Make sure text size is smaller

sentence case. than that of headings.

6

Use shades of teal to create
contrast among headings.
Make sure it’s legible on the
background color.
Use the medium weight of
Sofia Pro in all caps to create
a smaller heading.
Sample text
Typography use
Lorem dolectem hit litiusa nditiam is maxi
mus apellor eictio. Ibus expla quam dellest,
tem es doles de pore si doluptat.
Aqui occumetur, in cum restotas acepro
quae. Itae volut molorumquas nobitas
sinvelit molupti busania ditet plaut amore
laboremquas. Lorem ipsum dolor sit amet.
OUR MISSION
Orerro et, ommolorum dolu turessimetur
as et reris dolorum duntios ipsum quo.
7
Color palette
Boxy’s color palette is simple,
bold, and bright. Shades of
teal should be used to provide
contrast among design
elements, while a very light teal
should be used for background
and large spaces.

Colors may be inverted (white

on teal) when legibility allows.
Use sparingly for emphasis.

35% tint 35% tint

70% tint 70% tint

#e7f1f1
#17a498 #077477

8
9
Iconography

10
Here’s an example of how you
can use icons to explain Boxy.

Icons should have:

• evenly weighted lines

• a rounded look
• a teal outline
• 35% tint accent

You should use them for:

• advertisements
• webpages
• the app
• flyers/posters
• how-to’s

Note: these icons were from

thenounproject.com, but were
edited to fit Boxy’s style.

Free icons:
thenounproject.com

11
Photography
Photography should be bright
with pretty high contrrast. Main
subjects of the photos should
include boxes (duh), but also
people. We want to emphasize
the peer-to-peer aspect of
Boxy, so including humans
in our photography is key.
Furthermore, the people should
fit our demographic.

Free stock photos:

unsplash.com
pexels.com

12
13
Brand in context

Business cards

14
Advertisements

15