Permalink
Find file
149e0e5 Jun 14, 2016
@djrrb @davelab6
45 lines (22 sloc) 2.68 KB

Ornaments

Bungee comes with a large set of arrows, pointing fists, and background shapes that are inspired by the shapes and decorations on old commercial signs.

Unicode values are assigned to ornaments when they are available; otherwise, codepoints in the Private Use Area area are used. In design apps, ornaments can be easily accessed via the Glyphs palette. See the HTML demonstrations for examples of them in use.

Note that not all ornaments are available in Bungee’s Inline and Shade layers.

Arrows and Indexes

Bungee contains a variety of straight and bent arrows in all directions, as well as four styles of pointing hands (two solid, two outlined).

Arrows and indexes.

Banners

To create continuous banners of any size, use Bungee’s various beginning and ending banner elements, connected by as many Full Blocks (█, U+2588) as you need.

Banners.

For example, here is a directional sign out of a half circle, two full blocks, and an arrowhead:

Ornaments as layers.

If you center-align the entire text block, you will not have to worry as much about making the layers line up. You can use horizontal scaling, tracking, or CSS letter-spacing to make minor adjustments to the length of the banner.

Horizontal scaling in Illustrator.

Blocks

Bungee’s block shapes are designed to encircle a single letter. These blocks are wider and taller than the letters, occupying exactly 1.28× the height and width of the em.

Block shapes.

In order to use block shapes, you must respace the letters so that they match the width of the blocks. You can do this by adding letter-spacing/tracking, and shifting the letters .14em to the right (one half of the difference). Or you can implement the experimental OpenType Stylistic Set 11 (Horizontal block spacing) or OpenType Stylistic Set 12 (Vertical block spacing) to respace all characters so they are centered on the block width.

Using block shapes.

If you wish to have more space around the letterforms, simply set that layer at a smaller font size than the blocks, add tracking, and reposition it accordingly. For example, centering and scaling the font 90% will involve 142 units of tracking and a 36-unit vertical shift.