Bobbins

a spunky sewing typeface

Variable font

characteristics

Bobbins is a variable, neo-grotesque sans-serif font inspired by the art of embroidery.

Counter

Its counters reflect the widening and narrowing of a needle eye as the needle length extends or decreases.


b inktrap
e inktrap
d inktrap
Humanist Insets

The inktraps at joins reflects the way that stitches pillow and puff on fabric.


exclam
question
semicolon
Punctuation Marks

Punctuation marks and tittles originate from the cross stitch, one of the simplest marks in embroidery.


Needle 4 masters
Weight
Width

Click to type!

A creative mess is better than tidy idleness.
With a weight and width axis spanning from 100-700 each, Bobbins creates the potential for 3,600 different interpolation values through a singular TTF file.

born through brand

Original Logotype

stems modified for nesting
tight, rounded bowls
curved outstrokes
Embroidery Station logotype

One-of-a-kind. Custom-made. Tailored.

These are the words used to describe the embroidered goods sold by Embroidery Station, a brand created and run entirely by one woman. No product of Embroidery Station is exactly like the other, because each is customized with color, thread, and content of the customer.

  • Nested lockup: Due to the individuality of the products that Embroidery Station creates, the letterforms had to feel personalized to the viewer rather than appearing to be traditionally spaced out.
  • Dramatic bowls: The dramatic curves of the bowls, complemented by linear stems, are representative of the shape of a needle eye, as well as the modularity of train tracks.
  • Varied proportions: The warying widths and x-height creates an elegant, personable group of letters that never gets boring to look at and allows the logo to interlock.

Adapted Typeface

contextual alternate
discretionary ligature
soft counters
Embroidery Station typeface

Extending the logotype to a webfont for ecommerce usage.

To maintain the personalized feeling of Embroidery Station’s logotype in a systematic typeface, special connector characters & features were included:

  • Contextual alternate: a stylistic "E" appears when placed next to an "m" for additional personality when used to type the name "Embroidery Station"
  • Discretionary ligatures: four ligatures that appear between sets of letters from the word "Embroidery Station" were created to allude to the connecting behavior of sewing thread
  • Variable font format: Bobbins was developed along a variable width (wdth) and weight (wght) axis so that multiple levels of hierarchy could easily be created, combined, modified, and nested for ultimate customizability
Embroidery Station homepage

variable by design

Custom typefaces are a brand’s best friend.

But not every product is alike, and Embroidery Station offers products that are unique, modifiable, and personal to each order. So how does one typeface communicate this ideal? The answer is through variability—Bobbins was developed as a variable font to portray the individuality of each embroidered good.

Weight Axis

The modifiable weight axis derives from the weight of sewing thread. When using stranded cotton embroidery floss, stitch weight—or the heaviness or lightness of stitch—changes with the number of strands used. Every type of stitch requires a different amound of strands, and the fabric density, needle eye aperature, & tension of the embroidery hoop all affect this choice as well. To match this concept model, the a weight axis was used in the development of Bobbins.

Width Axis

Also critical to the handcraft of sewing is stitch length—the physical size of the stitch. The width axis was derived from this effector. If your thread is quite heavy (say, six strands of floss in the needle at once) and your stitches are very small, your fabric may very well pucker, regardless of whether or not your tension on your stitches is correct: the humanist insets apparent at thicker weights in the font are a reflection of this.

View Bobbins on Embroidery Station

character set

Viewing: Light Condensed

  • Aupper A
  • Bupper B
  • Cupper C
  • Dupper D
  • Eupper E
  • Fupper F
  • Gupper G
  • Hupper H
  • Iupper I
  • Jupper J
  • Kupper K
  • Lupper L
  • Mupper M
  • Nupper N
  • Oupper O
  • Pupper P
  • Qupper Q
  • Rupper R
  • Supper S
  • Tupper T
  • Uupper U
  • Vupper V
  • Wupper W
  • Xupper X
  • Yupper Y
  • Zupper Z
  • alower a
  • blower b
  • clower c
  • dlower d
  • elower e
  • flower f
  • glower g
  • hlower h
  • ilower i
  • jlower j
  • klower k
  • llower l
  • mlower m
  • nlower n
  • olower o
  • plower p
  • qlower q
  • rlower r
  • slower s
  • tlower t
  • ulower u
  • vlower v
  • wlower w
  • xlower x
  • ylower y
  • zlower z
  • 1one
  • 2two
  • 3three
  • 4four
  • 5five
  • 6six
  • 7seven
  • 8eight
  • 9nine
  • 0zero
  • $Dollar
  • &Ampersand
  • !Exclam
  • ?Question
  • :Colon
  • ;Semicolon
  • (parenleft
  • )parenright
  • {braceleft
  • }braceright
  • @at
  • /slash
  • bullet
  • -hyphen
  • endash
  • emdash
  • .period
  • ,comma
  • quotedblleft
  • quotedblright
  • quoteleft
  • quoteright
  • "quotedbl
  • 'quotesingle
  • ere_r ligature
  • oio_i ligature
  • sts_t ligature
  • tit_i ligature
Bezier curves placed in Glyphs. Points must remain consistent in number, order, type, & handles in order to interpolate across all masters.
Sew On
& so forth
Glyphs app

By creating multiple masters of a typeface using the Glyphs app, the values of each master can be interpolated between using a slider bar. These values can be adjusted on the web using the "font-variation-settings" CSS value, and makes variable fonts the perfect font format for responsive web design.

It must be 3:23 PM somewhere.
Maybe space?

Bobbins
this site, & all contained work
was
designed
&
built by