Stylogeny combining Afrobeat Sleeve Art × Afrofuturist Design

Try

Style combination · Pairs well

Afrobeat Sleeve Art × Afrofuturist Design

Afrobeat supplies the grounded Pan-African politics and Afrofuturism the cosmic horizon; combine them for music packaging that is both angry and visionary.

From the research on Afrobeat Sleeve Art

Mix them and make something Afrobeat Sleeve Art Afrofuturist Design

NOISEAfrobeat Sleeve Art × Afrofuturist Design
A sample layout drawn from the recipe: shapes from Afrofuturist Design, their arrangement from Afrobeat Sleeve Art, the finish from Afrofuturist Design. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Afrobeat Sleeve Art Afrofuturist Design

Type from Afrobeat Sleeve Art
Colour from Afrofuturist Design
Form from Afrofuturist Design
Composition from Afrobeat Sleeve Art
Surface from Afrofuturist Design

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Afrobeat Sleeve Art

Noise

Bangers, standing in for Comic-strip hand lettering in speech balloons

Text · Afrofuturist Design

A visual language of Black futures that fuses African and diasporic iconography (pyramids and ankhs, Adinkra and Nsibidi glyphs, textile patterning) with spacecraft, cosmic fields and technology. From Sun Ra's Saturn records and Parliament-Funkadelic's comic-book sleeves to the Wakanda of Black Panther, it uses regal central figures, jewel and metallic colour on deep-space grounds, and pattern as technology to imagine liberation beyond history.

Jost; Afrofuturist Design used Wakandan script and Hand-lettered comix titling

03

The colours

The ground and leading colours come from Afrofuturist Design, with a counter-accent from Afrobeat Sleeve Art. The ink reads on the ground at 4.5:1 or more.

Afrobeat Sleeve Art Afrofuturist Design

  • #0b0a1a ground · 36%
  • #d4a017 ink · 14%
  • #c2185b accent · 18%
  • #e8401c accent · 14%
  • #00a6a6 accent · 10%
  • #2a5caa accent · 8%

As CSS

:root {
  --ground: #0b0a1a;
  --ink: #d4a017;
  --accent-1: #c2185b;
  --accent-2: #e8401c;
  --accent-3: #00a6a6;
  --accent-4: #2a5caa;
  --font-display: "Bangers", sans-serif;
  --font-text: "Jost", sans-serif;
}

Use it with care

Afrofuturist Design: Afrofuturism is a self-authored vision of Black futures that draws on meaning-bearing symbols (Adinkra, Nsibidi, Kemetic and textile motifs) tied to specific peoples. Use glyphs for what they mean rather than as generic 'tribal' texture, and commission, credit or collaborate with Black and African designers.

05

More combinations

With Afrobeat Sleeve Art

With Afrofuturist Design

Every style combination