Spaceship’s typographical environment utilizes two typefaces: the friendly and technical Gotham Rounded, and the plainer and more geometric Proxima Nova.
Spaceship’s typography is confident and straightforward, enabling a friendly and conversational tone with our audience.
Gotham Rounded is a friendly yet sophisticated typeface. It is used exclusively in the Spaceship logo, product sub-brands, and the team’s identities. The only permitted weights are medium, book, and light.
Proxima Nova is a key element of Spaceship’s graphical environment. It is the main typeface for all communications. Bold, medium, regular, and light are the only weights permitted when working with this typeface.
The type scale system and necessary size steps were built and determined using the Golden Ratio (1:1.618).
We created a complete type scale set with a typographical scale calculator from a primary base size. Because the Golden Ratio creates large jumps between sizes, a secondary base size (2 times the base size) is required to generate a more optimal range. The example below shows a type scale based on 16px and 32px base sizes.
Proxima Nova has maximum optical consistency in both small-sized body text and large headlines. Its wide range of weights makes it suitable for any tone or message. Left‑aligned text is preferable, though centered alignment can be used when necessary.
For big headlines, use bold weight, optical kerning, auto leading, and 80% word space.
For regular headlines, use bold weight, optical kerning, auto leading, and 80% word space.
For short subheads, use medium or regular weights, optical kerning, auto leading, and 100% word space.
For long subheads, use medium or regular weights, optical kerning, auto leading, and 100% word space.
For paragraphs, use regular or light weights, metrics kerning, auto leading, and 100% word space.
For small body text, use regular or light weights, metrics kerning, auto leading, and 100% word space.
For an effective content hierarchy, typography should communicate the organizational relationship between headlines, subheadings, and body text. Pairing the correct weights and sizes creates a strong visual contrast and helps guide the reader.
We use the headline leading measure as a line spacing reference to guarantee maximum readability and establish safe margins for the following text blocks.
Only the color combinations presented below are permitted when using text with solid color backgrounds.
Contrast and legibility are key elements to consider when using text over images or color backgrounds.
Here are some examples of what to avoid when working with text.
Do not drastically alter defined kerning, word spacing, and leading values.
Keep hierarchy in mind: stronger headlines, lighter subheads, body texts, etc.
Do not use right-aligned paragraphs.
Do not use other colors on any text, such as auxiliary, product, or sub-brand colors.
Only use white or dark gray text over color backgrounds.
Legibility is key. Do not place text over complex images or backgrounds of a similar hue.