Afrofuturism

Ancestral Geometry Meets Cosmic Technology

Where the rhythms of ancient Africa converge with visions of interstellar tomorrow

Color System

Rooted in the earth tones of the African landscape and illuminated by the neon glow of speculative technology. Ochre, sienna, and terracotta ground the palette while violet, cyan, and gold neons evoke holographic interfaces and cosmic energy.

Earth Tones

Obsidian
#0D0D0D
Umber
#2A1B0E
Sienna
#6B3A2A
Terracotta
#B5651D
Ochre
#C68E17
Sand
#D4B896
Bone
#E8DCC8

Neon Accents

Violet
#B026FF
Cyan
#00F0FF
Gold
#FFD700
Magenta
#FF2D8E
Emerald
#00FF88
Amber
#FF8C00

Cosmic Backgrounds

Void
#060612
Nebula
#1A0A2E
Deep
#0F1B3D
Twilight
#1E0E3E

Gradients

Ancestral
Sienna → Violet → Cyan
Gold Glow
Ochre → Gold
Tribal
Violet → Magenta → Gold
Holographic
Cyan → Violet → Magenta

Type System

Three typefaces encode the duality of Afrofuturism: Orbitron channels technological precision, Chakra Petch bridges machine and human, and Exo 2 provides fluid readability for extended text.

Orbitron / Display
Ancestral Futures
3.5rem / 900 weight / 0.1em tracking / uppercase
Chakra Petch / Headings

Cosmic Architecture

Tribal Geometry in Orbit

Holographic Interface Protocols

2.5rem / 1.75rem / 1.25rem — weights 600-700
Exo 2 / Body & Caption

Afrofuturism reimagines the relationship between Africa and technology, centering Black identity within visions of the future. From Sun Ra's cosmic jazz to the vibranium-powered nation of Wakanda, the movement weaves ancestral wisdom with speculative innovation. It is both a reclamation of erased histories and a projection of limitless possibility.

Caption text for metadata, timestamps, and secondary information — rendered at 0.8125rem with muted color for visual hierarchy.

Body: 1.0625rem / 400 weight / 1.7 line-height • Caption: 0.8125rem / 1.5 line-height

Spacing Scale

A 9-step scale built on a 4px base unit. Compact intervals for interface density, wider intervals for breathing room between cosmic elements.

space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-5
24px
space-6
32px
space-7
48px
space-8
64px
space-9
96px

Buttons

Interface controls inspired by holographic touch panels. Gold for primary actions, cyan outlines for secondary, violet ghosts for tertiary, and the animated tribal gradient for ceremonial emphasis.

Primary
Secondary
Tertiary
Special

Forms

Data entry interfaces with deep cosmic backgrounds and neon focus states. Gold glow on focus signals active input; violet borders at rest maintain the aesthetic pulse.

Protocols
Transmission Mode

Cards & Panels

Content vessels that float above the cosmic void. Each card carries the visual weight of an artifact — grounded in earth, lit by neon, suspended in space.

Cosmic
Sun Ra's Arkestra

The original cosmic philosopher who dressed his band in ancient Egyptian garb and claimed Saturn as his birthplace. Jazz as interstellar language.

Geometric
Wakanda Protocol

A technologically advanced African civilization hidden in plain sight. Vibranium-powered design language fusing tribal patterns with holographic UI.

Sankofa Principle

"Se wo were fi na wosankofa a yenkyi" — It is not wrong to go back for that which you have forgotten. Afrofuturism reclaims ancestral knowledge as the foundation for future technology. The past is not behind us; it is the source code of tomorrow.

Binary Cosmology

The Dogon people of Mali mapped the Sirius binary star system centuries before Western telescopes confirmed it. African astronomical knowledge predates modern astrophysics, reminding us that indigenous science has always reached for the stars.

Alerts

System notifications styled as transmissions from the ancestral network. Four severity levels, each mapped to a neon accent.

Incoming Transmission
Ancestral archive sync complete. 47 new records available in the cosmic library.
Protocol Activated
Sankofa encryption layer engaged. Your data is protected by ancestral algorithms.
Temporal Drift Detected
Timeline variance exceeds threshold. Recalibrate your chronometer before proceeding.
Signal Disruption
Connection to the diaspora network has been severed. Attempting drum signal relay.

Badges & Tags

Compact classification markers for categorization, status, and identity. Each color carries semantic meaning from the palette system.

Ancestral Quantum Cosmic Active Critical Elder
★ Featured ∞ Infinite ✓ Verified

Data Table

Structured data display for the cosmic archive. Gold headers over deep void rows, with subtle hover states revealing the interface beneath.

Pioneer Domain Era Contribution
Sun Ra Music / Philosophy 1950s–1993 Cosmic jazz, Afro-alien mythology
Octavia Butler Literature 1970s–2006 Parable series, Kindred, Xenogenesis
Samuel R. Delany Literature 1960s–present Dhalgren, Nova, queer Black futures
Janelle Monáe Music / Film 2010s–present ArchAndroid, Dirty Computer, android identity
N.K. Jemisin Literature 2010s–present Broken Earth trilogy, three consecutive Hugos
Jean-Michel Basquiat Visual Art 1980s Neo-expressionist fusion of African symbols and urban energy

Progress Indicators

Visual feedback for ongoing processes. Each fill variant maps to a palette gradient, with the tribal variant using the animated multi-color shift.

Archive Sync 78%
Quantum Link 45%
Ancestral Decode 91%

Design Principles

The conceptual pillars underlying every visual decision in this system. Rooted in the Afrofuturist ethos of reclamation, projection, and synthesis.

Ancestral Code

Every interface element references African visual traditions — Adinkra symbols, Kente geometry, Ndebele patterns. The past is not decoration; it is the API of the future.

Cosmic Scale

Design at the scale of the universe. Deep void backgrounds evoke infinite space. Neon accents are stars and nebulae. The user navigates a cosmos, not a page.

Dual Temporality

Past and future exist simultaneously. Earth tones ground the design in material reality; neon light propels it forward. Neither dominates. Both are essential.