Stylogeny combining Afrofuturist Design × Solarpunk

Try

Style combination · Pairs well

Afrofuturist Design × Solarpunk

Wakanda is claimed by both: Afrofuturism brings ancestral glyphs, regal figures and cosmic dark grounds, solarpunk daylight, gardens and ordinary communities; join them with the symbols' meanings intact and Black artists credited.

From the research on Solarpunk

Mix them and make something Afrofuturist Design Solarpunk

TOMORROWAfrofuturist Design × Solarpunk1970 · 2014
A sample layout drawn from the recipe: shapes from Afrofuturist Design, their arrangement from Solarpunk, 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.

Afrofuturist Design Solarpunk

Type from Solarpunk
Colour from Afrofuturist Design
Form from Afrofuturist Design
Composition from Solarpunk
Surface from Afrofuturist Design

Solarpunk avoids chrome & 3d render: this is where the two pull against each other.

02

The type

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

Display · Solarpunk

Tomorrow

Federant, standing in for Swash, Art Nouveau-flavoured upper- and lowercase display lettering, as in Solarpunk Magazine's orange masthead (Issue #14, 2024)

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 Solarpunk. The ink reads on the ground at 4.5:1 or more.

Afrofuturist Design Solarpunk

  • #0b0a1a ground · 36%
  • #d4a017 ink · 14%
  • #c2185b accent · 18%
  • #e8b445 accent · 14%
  • #00a6a6 accent · 10%
  • #b8652f accent · 8%

As CSS

:root {
  --ground: #0b0a1a;
  --ink: #d4a017;
  --accent-1: #c2185b;
  --accent-2: #e8b445;
  --accent-3: #00a6a6;
  --accent-4: #b8652f;
  --font-display: "Federant", 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.

Solarpunk: Draw original worlds rather than pastiches of Studio Ghibli films or of living illustrators such as Likhain, Fei Fei Ruan or Stephen Lillie, and do not prompt an image model with their names. Do not use the look to greenwash: Adam Flynn calls luxury condos with a green roof that price out existing communities 'fake Solarpunk urbanism', so show shared, affordable infrastructure and ordinary people. When a scene borrows architecture, dress or symbols from a specific culture (Afrofuturist, Indigenous or other), keep their meanings and credit their makers.

05

More combinations

With Afrofuturist Design

With Solarpunk

All 10 combinations with Solarpunk

Every style combination