How this microsite works
Gabriello
Inspired by brush lettering, Gabriello Bold was designed by Paul Barnes for Puma's sponsored teams in two major international football tournaments in 2010: the Africa Cup of Nations and the World Cup. We saw some potential for the face beyond usage in sports, so Miguel Reyes drew four additional weights.
Gabriello is a new addition to a much-maligned genre of soft, casual, brush-inspired sans serifs than includes Dom Casual, Balloon and Hobo. These faces have a particular kind of charm, though they are unfashionable because of their ubiquity. Gabriello is casual without being cute, and its mix of round and sharp corners on stroke terminals follows the logic of brush lettering. The angling of the letters on both axes – originally done to bring the energy of a script to the names on football shirts, where production constrants make it impossible for strokes to overlap - give the face a particularly active texture.
Gabriello has five weights.
Because the letterforms are slanted on both the horizontal and vertical axes, words take on a dynamic feeling.
The screen is divided in an 8x8 grid with each cell corresponding to a particular combination of background stripes (vertical, horizontal, or solid), colors, and typeface weights. When the user submits a choice, the selection specifications are sent to the server, where a PNG image of a generic shirt is combined with SVG images generated by the user input to create the final t-shirt image.
