OUT OF THE BOX

OUT OF THE BOX

A Reference Guide For Typography In Mobile Web Design

Understanding the typographic requirements in responsive design is essential to creating visual outcomes that work for all users - regardless of device they decide to use.

With mobile taking a front seat in search, it's important that websites are designed in a way that prioritise the best experience possible for their users. While Google has brought attention to elements like pop-ups that might disrupt the mobile experience, what about something as seemingly simple as choice of typography?

Read More
4 Things Every Designer Should Know About Whitespace

Whitespace is such important part of a Designers Toolkit! Check out the core things every designer should know about this essential design principles.

Although some people may consider whitespace a waste of valuable screen estate, it’s an essential element in a design. In fact, whitespace is just as important as the content. As Jan Tschichold said: Whitespace is to be regarded as an active element, not a passive background

Read More
The Art Of Hand Lettering

Some beautiful inspiration to keep your creative juices running! When done right, hand-lettering can be a great way to add playfulness and uniqueness to a brand.

Hand lettering speaks volumes. This is an art form which allows us to see the space between the letters, and the style of the lettering as a piece of art that can deeply evoke emotions and bring meaning — nostalgia, happiness, joy, and love.

Read More
Typography Cheat Sheet

Everything you need to know about typography in this amazing infographic!

Understanding type can be one of the most difficult elements of design. There’s a lot of terminology and lingo that type designers (and designers, in general) use when talking about lettering. Sometimes it can be tough to decipher it all. If you find yourself wondering what the difference between a hook and a counter are or you still aren’t sure how a serif and a slab are different, we have you covered with this typography cheat sheet.

Read More
Size Matters: Balancing Line Length And Font Size In Responsive Web Design

Finding the balance between font sizes, measure and line heights across responsive screen sizes is almost an art form within itself.

As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read.

Read More
Better web typography in 13 simple steps

The web is made of text! It’s time to upgrade your typography game with these tips that you can apply today to improve your web design.

"Web typography on the web is not as daunting as you may think. One can go a long way with a few basic tips.”

Read More
Responsive Line Breaks

Designing fluid content, for all screens sizes, can be challenging - but that doesn't mean we have to sacrifice high quality design principles, like ensuring our type avoids creating widows and orphans.

Perhaps because responsive design is still relatively new or perhaps because of my history and affinity towards fixed-width pixel-perfect designs, but it pains me to see sites that employ great responsive design techniques while sacrificing useful principles like appropriate line-lengths

Read More
32 Chrome extensions for designers and devs

Here are some handy tools you might want to add to you chrome extension arsenal. 'Whatfont?' and 'ColorZilla' are some of my favourites.

There are a ton of free Chrome extensions to help make your life easier – we select the best.

Read More
Typography is impossible - The practical guide to why laying out type never quite does what you want

Here's a simple and practical guide to how typesetting on screens.

It’s a testament to typography that hundreds of years since Gutenberg, letters and boxes keep reinventing themselves and finding new jobs to do, in materials and technologies that were once future’s future.

Read More
365 Awesome Designers

Looking for some design inspiration? Check out these designers who are doing some awesome work in their field! A new designer is added to the list daily!

365 awesome designers is a small project by WILD, where they post one designer each day for one year. It’s curated by Damian Kidd.

Read More
Why Your Gray Text Should Never Exceed 46% Brightness

Pale grey might be pretty, but that also makes it pretty hard to read. Being both a graphic and UX designer this is something I always need to remember to keep in check.

Designers don’t choose to use light gray text to make it harder for users to read. They use it to make their primary text stand out more. But the problem arises when they don’t realize how light their gray is and how it makes users suffer.

Read More
WhatTheFont

When you come across a font you love but it's in an image, how do you find out what font it actually is? WhatTheFont is one of those tools that you don't need often, but when you do it's invaluable. And best of all, it's free!

Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database.

Read More

Sorry. You must be logged in to view this form.

Brown Box Digital is joining forces with AlphaSys to become AlphaSys Digital

Over the long history of Brown Box Digital, we have worked closely with AlphaSys on many occasions. We’re thrilled that by combining our individual expertise in development and design we’ll be able to serve our partners and clients in a whole new and improved way.

For Hosting Enquiries - please contact BEY9 on 02 8811 5530

For Support Enquiries - please contact [email protected]

Visit AlphaSys Stay Here