FF Massive Manual

STACK’Em UP!STACK’Em UP!

USER’S MANUAL FOR THE FF MASSIVE TYPEFACE SYSTEM

FONTFONT PRESENTS

FF MassiveFF Massive

stacking fun

for everyone

3

WelcomeFF Massive is a typeface system designed by Amsterdam based designer Donald Beekman.With original sketches dating back as far as 2001, FF Massive already has a long history and has since been used in many DBXL designs. FF Massive issuitable for logos, flyers, posters and magazine headlines. Be it drum’n’bass, techno or trance, FF Massive has a distinct musical background.

With its 2010 release the FF Massive OT family was expanded with an extra outline version into eight different Open Type fonts, divided in four variations which together form a versatile typo graphic system.The eight different FF Massive variations enable the user to compose a number of combinations, which can lead to surprising results, especially with the use of contrasting colours.

This manual will explain how the FF Massive type system is best employed. Enjoy!

ORIGINAL MASSIVE SKETCH (2001)

4

Poster for modern dance Performance ‘KIcKs’ (2005) fLYer + record LaBeL for dance mUsIc comPetItIon ‘VInYLIZed’ (2007)

Vinylized beeld.indd 1 13-06-2007 12:04:51

Vinylized label outl.indd 1 04-10-2007 17:36:12Vinylized label outl.indd 1 04-10-2007 17:36:12

eXamPLes In Use

5

LoGos for HIPHoP ProdUcer’s comPetItIon ‘droP dIe Beat’ (2009)

LoGo for ddBf - dUtcH drUm’n’Bass onLIne forUm (2009)

dBXL t-sHIrt (2010)

eXamPLes In Use

6

WeIGHts

FF Massive was designed in eight different variations. Four different weights, in two line thicknesses. The eight variations are:

1. FF Massive 1 Line is the basic outline version with a thin outline:

FF Massive 1 Line2. FF Massive 2 Line is the basic outline version with a thicker outline, more suitable for smaller text:

FF Massive 2 Line3. FF Massive 1 Solid is the solid equivalent of 1 Line. The inner shapes and the spaces between the letters are of the same line thickness as the outlines of the 1 Line weight:

ff Massive 1 solid4. FF Massive 2 Solid is the solid equivalent of 2 Line. The inner shapes and the spaces between the letters are of the same line thickness as the outlines of the 2 Line weight:

FF Massive 2 Solid

7

WeIGHts

The FF Massive 1 Line and 2 Line weights were split in two parts: FF Massive 1 Top contains the inner shapes of 1 Line, FF Massive 1 Base contains the outline shapes. FF Massive 2 Top contains the inner shapes of 2 Line, FF Massive 2 Base contains the outline shapes.

5. FF Massive 1 Base is the bottom layer of 1 Line:

FF Massive 1 Base6. FF Massive 2 Base is the bottom layer of 2 Line:

FF Massive 2 Base7. FF Massive 1 Top is the top layer of 1 Line:

FF Massive 1 Top8. FF Massive 2 Top is the top layer of 2 Line:

FF Massive 2 Top

8

BasIc cHaracter sets

FF MASSIVE 1 LINE

ABCDEFGHIJKLMNOPQRSTUVWXYZ/abcdefghijklmnopqrstuvwxyz/1234567890/ €%!?&$¶¥

FF MASSIVE 1 SOLID

aBcDefgHiJkLM noPQrs tuvWXy Z/abcde fghijkl mnopqrstuvwxyz/12345 67890/€ %!?&$¶¥

9


FF MASSIVE 1 TOP

ABCDEFGHIJKLMNOPQRSTUVWXYZ/abcdefghijklmnopqrstuvwxyz/12 34567890/ €%!?&$¶¥

FF MASSIVE 1 BASE

ABCDEFGHIJKLM NOPQRS TUVWXY Z/abcde fghijkl mnopqrstuvwxyz/12345 67890/€ %!?&$¶¥

10


FF MASSIVE 2 LINE

ABCDEFGHIJKLMNOPQRSTUVWXYZ/abcdefghijklmnopqrstuvwxyz/12 34567890/ €%!?&$¶¥

FF MASSIVE 2 SOLID

ABCDEFGHIJKLM NOPQRS TUVWXY Z/abcde fghijkl mnopqrstuvwxyz/12345 67890/€%!?&$¶¥

11


FF MASSIVE 2 TOP

ABCDEFGHIJKLMNOPQRSTUVWXYZ/abcdefghijklmnopqrstuvwxyz/12 34567890/€%!?&$¶¥

FF MASSIVE 2 BASE

ABCDEFGHIJKLM NOPQRS TUVWXY Z/abcde fghijkl mnopqrstuvwxyz/12345 67890/€ %!?&$¶¥

12

comBInatIons - HIGHLIGHtInG

FF Massive Solid weights can be used as a highlight effect in combination with the FF Massive Line weights, as both Solid and Line weights have the same height.

FF Massive 1 Line highlighted with FF Massive 1 Solid:

stacking is good clean fun for each and every oneOr FF Massive 2 Line highlighted with FF Massive 2 Solid:

stacking is good clean fun for each and every one

13

comBInatIons – LIne WeIGHts

FF Massive 1 Line and FF Massive 2 Line can be combined in any size. The outlines of the characters overlap precisely, leaving an even single line between them.The line thickness of 2 Line is twice that of Line1. So when text set in Line1 is combined with text set in 2 Line half the size, the combined text will have exactly the same line thickness. For example:

ff massIVe 1 LIne - 60 PoInts ff massIVe 2 LIne - 30 PoInts

|SUPERSIZEDAdditional kerning is needed to make the connections exactly right, but words combined this way can be made into cool logos and headlines:

DRUM ANDBASE ALLSTaRLINEUP

matcHInG LIne tHIcKness

14

comBInatIons - stacKInG

Time for some stacking. The different weights of FF Massive can be layered on top of each other.This way the outline and inner shapes can be given different colours, creating a distinctive effect.The FF Massive weights can be combined in three different ways:

COMBINATION 1: Top stacked on top of Base gives an even outline all around the characters.1 Top on top of 1 Base gives a thin outline: 2 Top on top of 2 Base gives a thicker outline:

STACK ‘EM UP!STACK ‘EM UP!COMBINATION 2: Top stacked on top of Solid gives lines above and below the characters.1 Top on top of 1 Solid gives a thin line: 2 Top on top of 2 Solid gives a thicker line:

stack ‘EM UP!STACK ‘EM UP!COMBINATION 3: Solid stacked on top of Base gives outlines right and left of the characters.1 Solid on 1 Base gives a thin line: 2 Solid on 2 Base gives a thicker line:

STACK ‘EM UP!stack ‘EM UP!

15

comBInatIon 1 - How to stack the Top weight on top of the Base weight.

Create a text box with a headline set in FF Massive 1 Base (here in yellow):

Duplicate the text box, change the type to FF Massive 1 Top, change the colour (in this case to blue):

Place both boxes exactly on top of each other, the end result looks like this:

The same can be done with FF Massive 2 Top on top of FF Massive 2 Base, giving a thicker outline:

16

comBInatIon 1 - Alternative stacking method

Create a text box, type a headline text and set it in FF Massive 1 Base (here in yellow):

STACK ‘EM UP!Copy the text to the next line, change the type to FF Massive 1 Top, change the colour (here to blue):

STACK ‘EM UP!Set the leading (line spacing) of the second line to 0 points, the end result looks like this:

STACK ‘EM UP!STACK ‘EM UP!The same can be done with FF Massive 2 Top on top of FF Massive 2 Base, giving a thicker outline:

STACK ‘EM UP!STACK ‘EM UP!

17

&&comBInatIon 1

Close up of FF Massive 1 Top stacked on top of FF Massive 1 Base

18

comBInatIon 2 - How to stack the Top weight on top of the Solid weight.

Create a text box with a headline set in FF Massive 1 Solid (here in green):

Duplicate the text box, change the type to FF Massive 1 Top, change the colour (in this case to red):

Place both boxes exactly on top of each other. FF Massive 1 Top on top of FF Massive 1 Base:

The same can be done with FF Massive 2 Top on top of FF Massive 2 Base, giving a thicker line:

19

&&comBInatIon 2

Close up of FF Massive 1 Top stacked on top of FF Massive 1 Solid

20


Create a text box, type a headline text and set it in FF Massive 1 Solid (here in green):

stack ‘eM uP!Copy the text to the next line, change the type to FF Massive 1 Top, change the colour (here to red):

STACK ‘EM UP!Set the leading (line spacing) of the second line to 0 points, the end result looks like this:

stack ‘eM uP!STACK ‘EM UP!The same can be done with FF Massive 2 Top on top of FF Massive 2 Base, giving a thicker line:


21

comBInatIon 3 - How to stack the Solid weight on top of the Base weight.

Create a text box with a headline set in FF Massive 1 Base (here in orange):

Duplicate the text box, change the type to FF Massive 1 Solid, change the colour (here to purple):

Place both boxes exactly on top of each other. The end result looks like this:

The same can be done with FF Massive 2 Solid on top of FF Massive 2 Base, giving a thicker line:

22

&&comBInatIon 3

Close up of FF Massive 1 Solidstacked on top of FF Massive 1 Base

23


Create a text box, type a headline text and set it in FF Massive 1 Base (here in orange):

STACK ‘EM UP!Copy the text to the next line, change the type to FF Massive 1 Solid, change the colour (here to purple):

stack ‘eM uP!Set the leading (line spacing) of the second line to 0 points, the end result looks like this:

STACK ‘EM UP!stack ‘eM uP!The same can be done with FF Massive 2 Solid on top of FF Massive 2 Base, giving a thicker line:


24

Borders and Patterns

Adding to the graphic fun of FF Massive, the 1 Base and 2 Base weights can also be used to create abstract graphic patterns and borders:ff massIVe 1 Base – 30 / 24

Abstract Borders OR PaTTerns can be Created Using The Two MASSIVE BasE weights, leaving a distinctive effectAAAAAAAAAAAAAAAZIZIZIZIZIZIZIZIZIZIZcsacsacsacsacsa funkyfuckyfucky

FF MassiveFF Massive

DESIGNED BY DONALD BEEKMAN, AMSTERDAM

© fsI fontsHoP InternatIonaL, 2010. aLL rIGHts reserVed.

aLL InformatIon In tHIs docUment Is ProVIded as Is WItHoUt WarrantY of anY KInd, eItHer eXPressed or ImPLIed, and Is sUBject to cHanGe WItHoUt notIce. aLL trademarKs mentIoned In tHIs docUment are tHe trademarKs or

reGIstered trademarKs of tHeIr resPectIVe HoLders. YoU maY reProdUce and dIstrIBUte tHIs docUment as LonG as YoU do not remoVe fsI’s coPYrIGHt InformatIon and do not maKe anY cHanGes In tHe docUment.

PLease see tHe fontfont oPen tYPe® User GUIde at HttP://WWW.fontfont.com/oPentYPe/

http://www.fontfont.com/opentype/

Documents

FF Massive Manual