Stewart Smith
Spooky Hero 5a

Spooky Action

Spooky Action is a variable-weight typeface drawn from the pentagram segments hidden within the New Haven Green’s network of footpaths.

The New Haven Green occupies the heart of New Haven’s original nine-square city plan, where thousands of unmarked graves lurk just beneath the footfalls of its unsuspecting pedestrians. Puritan settlers of the 1600s carefully sized this center square for a capacity of 144,000 occupants—the number of souls to be spared one day when their undead hereditary emperor returns from outer space to murder humanity. Criss-crossed walking paths inscribe the Green’s surface with the uneven pentagram that serves as a peculiar grid for this geometric typeface.

Spooky Action is now available for purchase as a variable-weight Open Type font from the Apogee online store. There are three variants to choose from: Grid, Mono, and Pro. (Choose the one that best fits your typographic needs—or collect all three.) Each font file contains all five weights. (More details available below.)

A peculiar grid

I first sketched Spooky Action during my artist residency at Yale University’s Quantum Institute while designing our site-specific public art piece, “Beneath the Green, the Quantum”, exhibited on the New Haven Green for the International Festival of Arts and Ideas. Our artwork interleaved the inviting strangeness of quantum computing with the eerie history of the Green itself. (This Green-inspired typeface was one of several smaller, satellite pursuits of my residency.)

With a focus on the Lower Green (the lower-right corner of the Green in the previous image) its hidden, “imperfect pentagram” of walking paths becomes more apparent. The Spooky Action typeface is composed strictly from these segments of sidewalk, resulting in its unique character. (Let’s pretend that our streamlined representation of the flagpole’s octagon base isn’t cheating. It is a footpath if you walk through and over it, you cowards. Meanwhile, the grass is lava.)

With a focus on the Lower Green (the lower-right corner of the Green in the previous image) its hidden, “imperfect pentagram” of walking paths becomes more apparent. The Spooky Action typeface is composed strictly from these segments of sidewalk, resulting in its unique character. (Let’s pretend that our streamlined representation of the flagpole’s octagon base isn’t cheating. It is a footpath if you walk through and over it, you cowards. Meanwhile, the grass is lava.)

While choosing which section of the Green to exhibit our artwork on, we began to narrow in on the Lower Green’s southern quadrant—and noticed that its walkways, when combined with the flagpole, created an imperfect pentagram—a symbol that can convey several curious meanings. Spooky Action began as an impromptu game of sorts: Could a full alphabet be constructed using only the walkway segments within this quadrant of the Green? Numerals as well? The idea had a stickiness while lacking any sort of purposefulness.

Bewitched forms

The constraints of this glyph-creation game were uncompromising. For example, a lack of centered horizontal or vertical strokes within the footpaths makes the representation of characters such as ‘H’ or ‘I’ rather challenging. After sketching a few rounds of forms per character, principles began to emerge. Glyph forms ought to introduce the least amount of surprise to the reader. (Our limited grid already yields odd-looking glyphs; best that we keep the curveballs to a minimum. Some examples of useful, yet less-familiar shapes do remain in the font in the form of alternate glyphs; more information below.) Our strange game composed of the Green’s footpaths was taking shape—literally.

Slideshow of glyphs for Spooky Action Regular (400), set against the New Haven Green walking paths that dictated Spooky Action’s grid and appearance. (🎵 A, B, C, D, one, two, three. Four, five, six, sev—, eight, nine, star.)

Slideshow of glyphs for Spooky Action Regular (400), set against the New Haven Green walking paths that dictated Spooky Action’s grid and appearance. (🎵 A, B, C, D, one, two, three. Four, five, six, sev—, eight, nine, star.)

Spooky Action’s majuscules set in Spooky Action Black (900).

Spooky Action’s majuscules set in Spooky Action Black (900).

I realized that for the default set of majuscules, I ought to keep the forms as bulky and rigid as sensible; to define and express the exterior of the grid’s frame. But some majuscule forms, such as B or E, benefited from an inclined stem rather than a hard vertical; allowing for more familiar-looking intersections for segments meant to connect with the left vertical at the x-height. (What a puzzle.) This alternating temperament yielded a set of majuscules that is mostly squared, but peppered with a slight dynamism from seemingly oblique characters.

Unique shapes

Further complicating the effort, I felt each glyph ought to be unique among the set. (For example, a majuscule ‘O’, minuscule ‘o’, and zero must each have their own unique shapes—no duplicates.) I was particularly vexed when attempting uniqueness between majuscules and minuscules for W, X, and Y. After much consternation I found the most subtle (but valid) differentiator: overshoots. If you inspect closely, the majuscules have their upper overshoots in accordance with their segment line weights, while the minuscules are abruptly chopped at the anchor point. Subtle, but realistically I doubt the masses will protest.

Spooky Action contains five weights of basic Latin majuscules, minuscules, Arabic numerals, the flagship pentagram (asterisk), and minimal punctuation. An overview of Spooky Action’s basic characters, set in Spooky Action Bold (700).

Spooky Action contains five weights of basic Latin majuscules, minuscules, Arabic numerals, the flagship pentagram (asterisk), and minimal punctuation. An overview of Spooky Action’s basic characters, set in Spooky Action Bold (700).

While Spooky Action’s majuscules seek to occupy and define space, the minuscules tend to hug the core interior triangle. Meanwhile, the numerals are even daintier and “curvier” in order to better express the interior angles of the grid. When presented with a choice between using diagonal strokes in either direction, I also aimed for contrast between letter and numeral. For alphabetic glyphs I preferred diagonal strokes in the bend sinister direction—for the viewer, the stroke begins in the lower-left (dexter) corner and extends upward to the upper-right (sinister) corner. (This is a bastard of a typeface, after all.) Meanwhile, for numerals I preferred bend dexter diagonals where possible. (See also, Dexter Sinister.)

Multiple weights

When considering face weights, I opted to match the Regular (400) weight’s stroke thickness proportionally to the interior walkways of the Green. The Medium (500) weight follows the proportions of the perimeter walkways. Bold (700) is inspired by the street measure. Light (100) and Black (900) weights cap either extreme of the exercise. Because Spooky Action is a variable weight typeface, all five weights are available within one single font file.

Spooky Action’s five weights: Thin (100), Regular (400), Medium (500), Bold (700), and Black (900). Clever viewers might note this sample employs various alternate glyphs available within the font’s OTF format.

Spooky Action’s five weights: Thin (100), Regular (400), Medium (500), Bold (700), and Black (900). Clever viewers might note this sample employs various alternate glyphs available within the font’s OTF format.

Alternate glyphs

Sometimes the bare minimum is not enough. Spooky Action features alternate glyphs for some specific characters. While the default glyphs were chosen carefully, these alternate glyphs provide additional expression and may create more cohesive results in certain contexts.

Spooky Action’s small subset of alternate glyphs add to the unsettling notion that observation itself may be a form of violence. Set in Regular (400), Medium (500), and Bold (700).

Spooky Action’s small subset of alternate glyphs add to the unsettling notion that observation itself may be a form of violence. Set in Regular (400), Medium (500), and Bold (700).

An examination of Spooky Action’s majuscule left edges, including some alternate glyphs with North-Northeast (NNE) diagonal edges. (It’s a bit of a cheat: the L and P alternates are actually minuscules—which I assure you was the result of laborious and painful decision making after carefully considering the typeface as a whole rather than individual components.) Set in Spooky Action Black (900).

An examination of Spooky Action’s majuscule left edges, including some alternate glyphs with North-Northeast (NNE) diagonal edges. (It’s a bit of a cheat: the L and P alternates are actually minuscules—which I assure you was the result of laborious and painful decision making after carefully considering the typeface as a whole rather than individual components.) Set in Spooky Action Black (900).

How does it feel as your eyes traverse the text block from left to right and hit upon the left edges of each majuscule glyph? Is it an abrupt and aloof slam against a brick wall? An optimistic nudge upward from the baseline? Or a trap that pins your eyes into an angular dead end? Left edges became a special area of consideration for me and resulted in specific majuscule alternate glyphs. (Spooky Action contains several more alternates in addition to those above, waiting to be unearthed.)

The glyphs panel

How does one access Spooky Action’s alternate glyphs? Does your typesetting tool of choice support selecting alternates? (For examples of some that do, see Adobe’s suite of products.) If so, you’re in luck. A “Glyphs Panel” not only provides an overview of all glyphs within a font, it facilitates easy selection of available alternate glyphs for a given character.

In Adobe’s Glyphs Panel, characters that contain alternate glyphs show a tiny triangle in the bottom-right corner of the character’s cell within the panel. For the screen capture below, we have created a small text block and set the character ‘A’ within it. Note that this is the default glyph for our ‘A’ character. We then opened the Glyphs Panel. (In Adobe Illustrator this is done by selecting Type → Glyphs from the application menu bar. For Adobe Photoshop, select Type → Panels → Glyphs Panel. In Adobe InDesign, select Type → Glyphs.)

Selecting an alternate glyph for the character ‘A’ via the Glyphs Panel within Adobe Illustrator.

Selecting an alternate glyph for the character ‘A’ via the Glyphs Panel within Adobe Illustrator.

Now we click on the cell containing the majuscule ‘A’ within the Glyphs Panel, hold down the pointer until the submenu of alternate glyphs appears, hover over the desired glyph, and release. The result is our original majuscule ‘A’ followed by an alternate glyph for the same character.

Alternates for selection

In Adobe Illustrator and Adobe InDesign, glyphs can be selected and replaced without using the Glyphs Panel: Highlight a single character inside your text block. If an alternate glyph is available for your selected character, a submenu will appear below and to the right of your selection. You can then click on an alternate glyph to replace the highlighted one. A similar feature exists in Adobe Photoshop, but requires a right click on the selected character, which will then open a submenu containing a “Show Alternates for Selection” option.

Selecting a character and replacing its glyph in Adobe Illustrator without using the Glyphs Panel.

Selecting a character and replacing its glyph in Adobe Illustrator without using the Glyphs Panel.

Available for purchase

More than a full harvest season later, I’ve revisited this narrowly legible curiosity by re-crafting it for distribution as a variable-weight, Open Type font. In keeping with the practice of typeface design, it is available for purchase. There are three variants to choose from: Grid, Mono, and Pro. (Choose the one that best fits your typographic needs—or collect all three.) Each font file contains all five weights. All three variants contain the exact same glyphs. So what, then, is the difference between these three fonts? The space between the glyphs.

Spooky Action Grid

The Grid variant of Spooky Action is the most faithful representation of the New Haven Green’s walking paths. While this variant is indeed monospaced, it’s more than just a set of equally wide characters—the glyph segments all align precisely to the original underlying grid. (This is what’s used to create the animated hero image at the top of this web page. Once one character is carefully positioned as an overlay on the map, any other character from the set will also align when typeset in that one-character text block.) Take note: While Spooky Action Grid is a collectible item, it is less useful for general typesetting. View Spooky Action Grid on the Apogee store.

The darker grids shown behind each character are for illustration purposes only; to demonstrate that the positioning for each character within the character’s block respects the underlying grid, even at the expense of visual flow. “FAVORITE” is set in Spooky Action Grid 700 Bold. “STRANGER” is set in Spooky Action Grid 400 Regular. All five weights of Spooky Action Grid are included in a single font file.

The darker grids shown behind each character are for illustration purposes only; to demonstrate that the positioning for each character within the character’s block respects the underlying grid, even at the expense of visual flow. “FAVORITE” is set in Spooky Action Grid 700 Bold. “STRANGER” is set in Spooky Action Grid 400 Regular. All five weights of Spooky Action Grid are included in a single font file.

Spooky Action Mono

The Mono variant of Spooky Action maintains the consistent width of all character glyphs, but optically centers them within that width in order to create a more useful, legible outcome. It is certainly an interesting choice for source code representation or even command-line usage. (Here’s looking at you, James.) It’s an interesting artifact, but like Spooky Action Grid, Spooky Action Mono may not be to everyone’s taste. View Spooky Action Mono on the Apogee store.

The darker lines between characters is for illustration purposes only; to demonstrate that each character width is equal and that the glyphs are optically centered within these equally wide character blocks. “FAVORITE” is set in Spooky Action Mono 700 Bold. “STRANGER” is set in Spooky Action Mono 400 Regular. All five weights of Spooky Action Mono are included in a single font file.

The darker lines between characters is for illustration purposes only; to demonstrate that each character width is equal and that the glyphs are optically centered within these equally wide character blocks. “FAVORITE” is set in Spooky Action Mono 700 Bold. “STRANGER” is set in Spooky Action Mono 400 Regular. All five weights of Spooky Action Mono are included in a single font file.

Spooky Action Pro

For most folks, Spooky Action Pro is the most useful variant. Here the label “Pro” is short for proportional, as the character widths vary according to the glyph’s shapes. (An arbitrary example; the “i” character is less wide than the “M” character.) This minimizes awkward gaps of unintended negative space in regular strings of text. Unsure of which Spooky Action variant to purchase? Pro is the one for you. View Spooky Action Pro on the Apogee store.

“FAVORITE” is set in Spooky Action Pro 700 Bold. “STRANGER” is set in Spooky Action Pro 400 Regular. All five weights of Spooky Action Pro are included in a single font file.

“FAVORITE” is set in Spooky Action Pro 700 Bold. “STRANGER” is set in Spooky Action Pro 400 Regular. All five weights of Spooky Action Pro are included in a single font file.

Tracking and kerning

While I’ve endeavored to craft Spooky Action Pro to flow as smoothly as possible, you may wish to adjust the tracking and kerning of your text to suit your particular preferences. Within Adobe products, manual kerning can be done entirely by keyboard—without having to click on the Kerning field in the Character Panel to enter specific values. Just place your cursor between the two characters you would like to kern and tap Option + Left arrow to tighten the kerning or Option + Right arrow to loosen it. For tracking, instead of placing the cursor between two characters, select two or more characters and then use the same key commands to tighten and loosen. This is truly the art of between spaces; the Intertopia of it all.)

Keming

Side note: Kerning refers to the space between two adjacent characters at a specific position within the text, while tracking refers to the overall metric for adding or subtracting space between any number of characters across a block of text. They are separate and independent methods of adjustment. If you’re in need of a way to remember the difference between the two, refer to old internet-friend, David Friedman, and his coinage of the term “keming” back in 2008. “Keming” (improper kerning) is the result of the glyphs for ‘r’ and ‘n’ in the word “kerning” crashing into each other to visually resemble an ‘m’ character. Had it been a pithy demonstration of bad tracking instead of bad kerning, all of the letters would have collided together, rather than just the two. Spooky Action is by nature a painful lesson in keming.

A field of forgotten dead

According to “Chronicles of New Haven Green” (1898, p.255), and cited by Wikipedia: The Green served as the main burial grounds for the residents of New Haven during its first 150 years, but by 1821 the practice was abolished and many of the headstones were moved to the nearby Grove Street Cemetery. However, the dead were not moved, and thus still remain beneath the surface of the Green. It is conservatively estimated that between 4,000 and 5,000 residents remain entombed and unmarked within the soil of this public park.

“You only moved the headstones” quote excerpt from Poltergeist (1982). “You son of a bitch! You moved the cemetery but you left the bodies, didn’t you?! You son of a bitch! You left the bodies and you only moved the headstones! You only moved the headstones! Why?! Why?!” While this is the plot device for a fictional horror film, it also describes a reality of the New Haven Green.

“You only moved the headstones” quote excerpt from Poltergeist (1982). “You son of a bitch! You moved the cemetery but you left the bodies, didn’t you?! You son of a bitch! You left the bodies and you only moved the headstones! You only moved the headstones! Why?! Why?!” While this is the plot device for a fictional horror film, it also describes a reality of the New Haven Green.

Furthermore, several buildings of the time—and in particular Yale’s adjacent South Middle College (now known as Connecticut Hall)—are partially composed of Green headstones, pilfered for use as hearthstones and backs of fireplaces. “The slate tombstones were said to be exceedingly convenient, and the bread of a certain baker was always known by the trademark of a cherub’s head or fragment of an epitaph on the bottoms of the loaves.” (Again, see “Chronicles of New Haven Green”, page 255.) Imagine for a moment: biting into a freshly baked New Haven sourdough as your thumbs register the underside and its partial engraving of an angel that once adorned the final resting place of a peer’s great-grandparent.

The brownstone Egyptian Revival gateway to Grove Street Cemetery, replete with the spooky biblical inscription “The Dead Shall Be Raised.” Among those interred in New Haven’s Green prior to the 1820s, the luckier ones may have had their headstones relocated here—as opposed to a bakery oven—though it’s doubtful their bodies were ever transported the short distance.

The brownstone Egyptian Revival gateway to Grove Street Cemetery, replete with the spooky biblical inscription “The Dead Shall Be Raised.” Among those interred in New Haven’s Green prior to the 1820s, the luckier ones may have had their headstones relocated here—as opposed to a bakery oven—though it’s doubtful their bodies were ever transported the short distance.

Close-up of the gateway inscription to New Haven’s Grove Street Cemetery.

Close-up of the gateway inscription to New Haven’s Grove Street Cemetery.

What’s in a name?

In ascribing a moniker to this typeface, I broke a cardinal rule among quantum practitioners with more knowledge and refinement than I’ll achieve: Never utter the word “spooky.” Albert Einstein’s one-time withering description of quantum physics as “spooky action at a distance” continues to haunt the field through its misinterpretation, and frequent deployment in poorly researched pop-science pulp. Einstein’s phrase began as a jibe between friends:

In a letter to Max Born in 1947 Einstein said of the statistical approach to quantum mechanics, which he attributed to Born, “I cannot seriously believe in it because the theory cannot be reconciled with the idea that physics should represent a reality in time and space, free from spooky action at a distance.” The actual phrase used by Einstein was German, “spukhafte Fernwirkung.” “Spooky”, or “ghostly”, is a reasonable translation, although “spooky” was not in common usage in English in 1947. (From “Light after Dark II: The Large and the Small, Volume 1”, page 100.)

According to physicists like Sabine Hossenfelder—and contrary to many Internet sources like Wikipedia—Einstein was not referring to the quantum mechanics property of entanglement itself, but to the instantaneous collapse of quantum probabilities into a single observable reality. (“It happens at the same time everywhere, seemingly faster than the speed of light.”) Perhaps because probability wave collapse and entanglement are so closely related, the focus of Einstein’s quote is often confused—but debate amongst yourselves, Dear Readers.

The Yale Quantum Institute (YQI) is housed within a building on Hillhouse Avenue that was once Yale’s student health center; site of a rather unsettling personal event nearly twenty years ago. Here “Yale University” is set in Bold (700), while “Quantum Institute” is set in Black (900).

The Yale Quantum Institute (YQI) is housed within a building on Hillhouse Avenue that was once Yale’s student health center; site of a rather unsettling personal event nearly twenty years ago. Here “Yale University” is set in Bold (700), while “Quantum Institute” is set in Black (900).

What’s not confusing is the unnerving sense that New Haven’s Green is spooky, the fact that my physical presence on the Green—and this particular quadrant of it—was entirely due to an art collaboration with the good folks of Yale University’s Quantum Institute, and that the observation of this pentagram grid is only properly made from a distance above (in this case, via Google Maps’ satellite imagery). If ever there were cause for a pun… I don’t claim that “Spooky Action” is a terribly good name for a typeface—or that I even enjoy it as a name at all. But I didn’t choose it. It chose itself.

Parting thoughts

After centuries of digesting its faithful, does the New Haven Green possess a consciousness of its own? Might it watch you as you traverse its measure at night? Do you imagine its mist moistening the inner folds of your lungs as your hastened pace begins to demand ever-deeper breaths? Has its soil clung to the plantars of your shoes long after you’ve escaped? Sleep peacefully.