You’re looking at one of the…

A graphic design firm generating its own projects, initiatives, and content while taking on limited client work. Run by Bryony Gomez-Palacio and Armin Vit in Bloomington, IN.

Follow @ucllc

Join our Mailing List

Contact

Post
3421 E Latimer Rd
Bloomington, IN 47401

Phone
(917) 755-0750

Fax
(718) 228-6720

Email

Colophon

Headlines and wordmark
Druk Condensed XX Super by Berton Hasebe for Commercial Type.

Body
Neue Haas Unica by Toshi Omagari for Monotype. Served via fonts.com.

UCLLC logo
Custom lettering by Mark Caneso.

2013 Brand New Conference Identity

Taking advantage of a hot trend of logos using an X shape, we designed an identity that took it to its hardcore extreme for the 2013 Brand New Conference in New York.

Logo

When we did the first draft of the logo we tweeted something along the lines of “the #BNConf identity is going to make people mad”. And it did. We received more than a handful of WTFs by e-mail about it and throughout the comments in the last month as we posted various announcements about the conference people have called it ugly and hideous. And that is perfectly fine. The point of this logo was to be uncomfortable and different (not in a good way). We explained the logo in detail on this page but will summarize it here through the captions for each image.

[insert_php] echo get_the_title(); [/insert_php]
Our logo is inspired by the “Hardcore”, X-with-stuff-in-it trend best exemplified by this Tumblr: Your Logo is Not Hardcore.
[insert_php] echo get_the_title(); [/insert_php]
Based on the most basic, angular shapes of “B”, “N”, “C”, and “13” (shown on the left) and an X in the center, we created four versions of the logo that adhere strictly to a 10-by-10-pixel grid and each character is wedged into a triangle. The “B”, “N”, “C”, and “13” characters change places clockwise.
[insert_php] echo get_the_title(); [/insert_php]
These are the four resulting logos that are then placed on a grid with 1 pixel every 10 pixels. This image is best viewed at 100% size so that the pixels are sharp and not reduced.
[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
The logo animates by snapping to the grid in different ways. Above are three different animations; each one has to be done at actual size to keep the pixels crisp.
Speaker monogramSpeaker monogram Speaker monogram Speaker monogram Speaker monogram Speaker monogram Speaker monogram Speaker monogram Speaker monogram
All of the speakers also got their own animated monogram.

Typography

Out of spite we used the rich man’s and the connoisseur’s Helvetica: Christian Schwartz’s Neue Haas Grotesk. We hate Helvetica and hate how it typesets but Christian’s cut is amazing, specially the Display styles. In order to establish some rules, we only used three different sizes throughout all the materials — except for the big posters. For the web we picked an H1 and a P style, and for print we turned the web’s P into an H2 and then introduced a much smaller P.

[insert_php] echo get_the_title(); [/insert_php]
The above is not 100% original size. It just helps establish the size relationships.

Color Palette

We wanted to keep it stark and minimal. Black and white. We brought in yellow as an accent color.

[insert_php] echo get_the_title(); [/insert_php]

Program

After the website which was done back in March, we started working on the program around June. The trick was finding a way to translate the pixel grid unto print. Bryony had the idea of doing a grid die-cut on the cover and sewing the logos on the cover. We looked at her with a “You know you have to do 600 of these?” face but she said she could do it. After a lot of trials and tribulations of getting the cover laser-cut and scored, Bryony, indeed, went on to sew the logo on the cover. Six. Hundred. Times.

The program was printed by Quantum Group in Chicago, IL using Neenah Paper. (Quantum and Neenah were both our presenting sponsors). We used, specifically:
Body: Neenah, CLASSIC CREST®, Avalanche White, Smooth, 80 Text
Jacket: Neenah, ROYAL SUNDANCE®, Eclipse Black, 100 Cover

[insert_php] echo get_the_title(); [/insert_php]
Making of the program cover by sewing in the logo.
In action.

And here is the result.

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
Program covers.
[insert_php] echo get_the_title(); [/insert_php]
A sampling of different covers. (The logos got a little squished on the scanner).
[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]
The covers are applied on the program like a dust jacket. This was done so that we could cover the stitching on the back (and also for technical, time-sensitive reasons). If you take off the dust jacket, the four logos are printed on the spine of the cover.
[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]
The inside of the program is not as thrilling as the cover, but it’s still pretty nice, with two spreads for each speaker and what we think are really engaging spreads for each of the sponsors — no ads, but actual, thoughtful content that shows our sponsors in a fun, portfolio-ish way. You can control-click (or right-click) on any of the images above and see bigger in a new tab or window.

T-shirt

I knew trying to replicate the pixel grid on the t-shirt would lead to horrible results so we just went with a huge, thin logo on it and the name of the conference on the sleeve. We did some yellow ones for our volunteers so that they would stand out at the conference. They did. Printed by event sponsor CustomInk on American Apparel tees.

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
The t-shirt.
[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]
A stack of attendee t-shirts. Volunteers rocking the yellow versions.

Goodie Bag

This year we wanted a smaller goodie bag. In the past we’ve done totes and, while cool, feel like a little too much. So we went with a simple paper bag that people would not feel too bad about throwing in the recycling bin and we wouldn’t have spent thousands of dollars in producing. We went with a white paper bag but it was too… white. So after we got the bags printed here in Austin with Industry Printshop we hand-dipped 600 bags in yellow paint to cover the handles. It’s a good thing we have a sizeable backyard for air drying.

[insert_php] echo get_the_title(); [/insert_php]
Making of the yellow handles.
[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
The bags.
[insert_php] echo get_the_title(); [/insert_php]
The bag, sitting pretty.
[insert_php] echo get_the_title(); [/insert_php]
The bags. Full of goodies.

Badges

In the past three conferences we had used basic, stock lanyards and plastic pouches. Which did their job but were anything but memorable. Inspired by the Brooklyn Beta badges we aimed to do something cooler, even if it meant spending more dollars on it. We purchased some really big sheets of yellow plexiglass and with a local group, MakeATX, that has a laser-cutter we did some tests and ended up with some snazzy badges. The names were printed on labels and adhered to the badge. Black, flat ribbon was put on each badge for the critical job of hanging from a neck.

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
The badges.
[insert_php] echo get_the_title(); [/insert_php]
The badge photographed against a big light.
[insert_php] echo get_the_title(); [/insert_php]
Badges waiting for owners.

One way we saw the “value” of the badges was by how many Instagrams of it people took. In the past, no one had taken an Instagram of their badge. So, even if it had a single, one-time use, the badge became, well, a badge of being part of the event.

[insert_php] echo get_the_title(); [/insert_php]
Badges captured on Instagram.

Podium

No offense to the SVA Theatre but they have a fugly, mint green podium that always stands out like a sore thumb. We decided to cover it up this year. We first thought we should get wood panels and drill little holes in them to mimic the pixel grid. Then Bryony said, “let’s just get pegboard”. I said “but the holes will be bigger than pixels and…”. She stopped me and said, “We ARE doing a pegboard.” And it looked great. We painted it yellow and, just like the cover, we “threaded” the logo on it. Bob Gill almost broke the podium but it held together until the last speaker.

[insert_php] echo get_the_title(); [/insert_php]
Making of the podium.
[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php]
The podium in action.

Marquee

This was done close to the last minute and wish we had both more time to think about it and the software knowledge to play with it. (It requires After Effects to get some animation up there). It was still nice to be able to get some of the animated GIFs for all 23rd street to notice (or ignore in good New York fashion).

Marquee in action. Shot by SVA Theatre head tech guy.
[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]

[insert_php] echo get_the_title(); [/insert_php] [insert_php] echo get_the_title(); [/insert_php]
The marquee, live.
The source file, which renders the three faces of the marquee (front, right, and left).
Semi-related, and to show the animation a little better, this was the “swipe” animation in full effect as show in our slides.

Sketch Card

This wasn’t the biggest piece of collateral but we liked the end result. In each goodie bag, people got three postcards to sketch, doodle, or quote whatever they enjoyed at the conference. We collected some of them at the end of the conference and posted a selection in this Flickr set.

[insert_php] echo get_the_title(); [/insert_php]
Front and back of the postcards, printed with presenting sponsor MOO.
[insert_php] echo get_the_title(); [/insert_php]
Some of the filled postcards. More in this Flickr set.

Posters

The SVA Theatre has some nice 3-by-4-foot poster displays in the lobby. We could probably skip the expense of doing these big posters but, hey, it’s big posters, how can you say no?

[insert_php] echo get_the_title(); [/insert_php]
Posters. The only place where we broke the type consistency.
[insert_php] echo get_the_title(); [/insert_php]
Hard to photograph, since they are backlit.

Treat

To leave you with a sweet taste, here is a close-up of custom M&Ms we did in the black, white, and yellow color palette. While this seems like a straightforward piece of collateral we had to do a “reprint” of 20 pounds of M&Ms. We had done a small test of 2 pounds and they looked great so we ordered the full 20 and all the type had gone off center and gotten smushed (which is actually the samples photographed below as we gave out all the good ones) so we called up M&Ms and they were so confused as to what was wrong but they saw our point. We got a fresh and more centered 20-pound-batch from them, and we donated the misaligned 20 pounds to the local Ronald McDonald’s House.

The M&Ms were inscribed with “#bnconf”, “New York 2013”, and “Chicago 2014” to tease next year’s location.

[insert_php] echo get_the_title(); [/insert_php]
Custom M&Ms.