Afrofuturism 非洲未来主义（Afrofuturism）
Afrofuturism projects African and diasporic culture into science fiction and the cosmos: interfaces that read like a star chart, a royal banner, and a launch console at once. Deep space black is edged with gold, burnt orange, and royal purple; African geometric patterns frame sunbursts and constellations instead of neoclassical ornament. It has traveled from Sun Ra's cosmic jazz to the Wakandan UI of Black Panther.
非洲未来主义把非洲与非裔离散文化投射进科幻与宇宙：界面同时读起来像星图、皇室旗帜与发射控制台。深空黑镶着金、焦橙与皇室紫；非洲几何纹样框住日轮与星座，取代新古典装饰。它从 Sun Ra 的宇宙爵士一路走来，直到《黑豹》的瓦坎达 UI。
Scope: This entry covers the visual/UI expression of Afrofuturism — cosmic, Africa-inspired, technologically optimistic surfaces — not the literary genre as a whole. It is distinct from Art Deco (1920s Parisian luxury geometry) and from generic space/sci-fi HUDs that carry no African pattern or diasporic symbolism.
范围：本条覆盖非洲未来主义的视觉/UI 表达——宇宙感、非洲灵感、科技乐观的表面——而非整个文学类型。它与装饰艺术（Art Deco，1920 年代巴黎奢华几何）以及没有非洲纹样或离散文化符号的通用太空/科幻 HUD 都不同。
标本可交互 —— 点点看。Specimen is live — try it.
If you called it…如果你管它叫……
Full style DNA完整风格 DNA
-
African geometric pattern language非洲几何纹样语言 imagery defining定义特征
Mud-cloth, kente, and adinkra-like tessellations — triangles, chevrons, diamonds, and interlocking lines — repeat as borders, panels, or masks in 2–4px metallic strokes.
泥布（mud cloth）、肯特（kente）、阿丁克拉（adinkra）风格的 tessellation——三角形、人字形、菱形与互锁线条——以 2–3px 金属描边重复出现在边框、面板或遮罩上。
-
Warm metallic palette暖色金属配色 color defining定义特征
Gold #d4af37, bronze, copper, burnt orange #f26522, and royal purple #6b2d5c on a dark starfield #0d0418; color reads as both regal and cosmic.
金色 #d4af37、青铜、铜、焦橙 #f26522 与皇室紫 #6b2d5c 铺在深空 #0d0418 上；色彩同时显得尊贵而宇宙。
-
Deep-space starfield backdrop深空星空背景 imagery defining定义特征
A near-black cosmic ground dotted with stars, nebula washes, and faint constellation traces; space is the literal and metaphorical canvas.
接近黑色的宇宙底上点缀星星、星云晕染与 faint 星座连线；太空是字面与隐喻双重画布。
-
Sun and star iconography太阳与星辰图腾 imagery defining定义特征
A central radiating sun, eight-pointed stars, or constellation motifs rendered in metallic gold line-art; warm celestial bodies are the focal emblem.
中心放射状太阳、八角星或星座图腾，以金色线描呈现；温暖的天体是视觉焦点徽章。
-
Tribal geometric framing部落几何边框 geometry defining定义特征
Panels and buttons are edged with angular, stepped, or interlocking frames rather than plain rectangles; the geometry carries cultural pattern logic, not Art Deco luxury.
面板与按钮使用有角度、阶梯状或互锁的边框，而非普通矩形；几何承载的是文化纹样逻辑，不是装饰艺术的奢华。
-
Bold display type with wide stance粗壮展示字体 typography supporting辅助特征
Headings in a heavy geometric sans or stencil face, uppercase, letter-spacing 0.12–0.25em; text sits like a banner or emblem.
标题使用重型几何无衬线或 stencil 字体，全大写，字间距 0.12–0.25em；文字像横幅或徽章一样存在。
-
Gold-foil gradients金箔渐变 surface supporting辅助特征
Strokes and display text use vertical gold gradients (#f9e076 → #d4af37 → #9c7f22) with a hard highlight stop so they read as metal leaf.
描边与展示文字使用垂直金色渐变（#f9e076 → #d4af37 → #9c7f22），带硬高光节点，使其读起来像金属箔。
-
1920s Parisian luxury geometry1920 年代巴黎奢华几何 geometry avoid避免
Mirror symmetry, stepped ziggurats, and gilded all-caps hotel signage without tribal pattern or cosmic ground read as Art Deco, not Afrofuturism.
镜面严格对称、阶梯金字塔和镀金全大写酒店字体，若没有部落纹样或星空底色，就会读成装饰艺术（Art Deco），而不是非洲未来主义。
Often confused with: Art Deco最容易混淆：装饰艺术（Art Deco）
Afrofuturism非洲未来主义（Afrofuturism）
Art Deco装饰艺术（Art Deco）
This is Afrofuturism because the geometry is drawn from African pattern languages — mud-cloth grids, kente chevrons, adinkra-like symbols — and the palette is warm cosmic metal (gold, burnt orange, royal purple) on a starfield. The ornament is telling a diasporic science-fiction story, not a 1920s luxury story.
这是非洲未来主义，因为其几何来自非洲纹样语言——泥布网格、肯特人字、阿丁克拉式符号——配色则是星空底上的暖色金属（金、焦橙、皇室紫）。装饰在讲述离散文化的科幻故事，而不是 1920 年代的奢华故事。
It would become Art Deco if the tribal patterns were replaced by mirror-symmetric sunbursts, stepped ziggurats, and gilded all-caps hotel lettering on a lacquer-black ground with no African motifs or space canvas.
如果把部落纹样换成镜面严格对称的日轮、阶梯金字塔与镀金全大写酒店字体，并把非洲图腾与星空画布全部去掉，只留漆黑底色，那就变成装饰艺术（Art Deco）了。
In code — optional starting points代码写法 —— 可选起点
Tribal geometric border (repeating chevrons)
border: 2px solid #d4af37;
background: repeating-linear-gradient(45deg, transparent 0 8px, rgba(212,175,55,.35) 8px 10px), #1a0b2e;Gold-foil display type
background: linear-gradient(180deg, #f9e076 0%, #d4af37 50%, #9c7f22 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;Deep-space starfield ground
background:
radial-gradient(1.5px 1.5px at 20% 30%, rgba(255,255,255,.9), transparent 70%),
radial-gradient(1.2px 1.2px at 70% 20%, rgba(255,255,255,.7), transparent 70%),
radial-gradient(2px 2px at 50% 50%, rgba(249,224,118,.15), transparent 60%),
#0d0418;Style brief — paste into your agent风格 Brief —— 粘贴给你的代理
Build an Afrofuturist UI. Canvas: deep space #0d0418 with a sparse starfield — radial-gradient dots plus a faint gold nebula wash. Palette: metallic gold #d4af37 (highlights #f9e076, shade #9c7f22), burnt orange #f26522, royal purple #6b2d5c, ivory text #efe9dc. Pattern: African geometric motifs — mud-cloth, kente, adinkra-like marks — as 2–3px gold borders. Frame panels with angular, stepped, or zigzag clip-path edges, not plain rectangles. Typography: heavy geometric sans or stencil face, uppercase headings, letter-spacing 0.15–0.25em; display text in a vertical gold gradient (background-clip: text). Focal emblem: a radiating sun or eight-pointed star in gold line-art. Buttons and sliders share tribal borders and gold-foil highlights; progress fills orange-to-purple. Depth comes from metallic contrast and line, not soft shadows. Motion: slow sun rotation or star twinkle; pause under prefers-reduced-motion. Avoid Art Deco: mirror symmetry, ziggurats, lacquer black without space, gilded hotel lettering. Keep text on solid high-contrast areas; make focus rings visible.
以非洲未来主义（Afrofuturism）精神创建这个界面。画布：深空 #0d0418，配上稀疏星空——radial-gradient 星点再加一层 faint 金色星云晕染。配色：金属金 #d4af37（高光 #f9e076、暗部 #9c7f22）、焦橙 #f26522、皇室紫 #6b2d5c，以及象牙色文字 #efe9dc。纹样：非洲几何图腾——泥布、肯特、阿丁克拉式符号——以 2–3px 金色描边呈现。边框用有角度、阶梯状或锯齿形 clip-path 多边形，不要普通矩形。字体：标题用重型几何无衬线或 stencil 字体，全大写，字间距 0.15–0.25em；展示文字用垂直金色渐变（background-clip: text）。视觉焦点：一个放射状日轮或八角星的金色线描徽章。按钮与滑块共享部落边框与金箔高光；进度条填充橙到紫。纵深靠金属对比与线条，而非柔和投影。动效：日轮慢速旋转或星星闪烁；在 prefers-reduced-motion 下暂停。避免装饰艺术：镜面严格对称、阶梯金字塔、没有星空的漆黑底、镀金酒店字体。文字放在高对比实色区域；焦点环可见。
Accessibility & misuse可访问性与误用
Warm metallic colors on a dark starfield are not automatically readable: small purple #6b2d5c text and mid-gold gradient stops can fall below 4.5:1, so test every text size against #0d0418 and place labels on solid dark plates when they cross busy patterns or nebula regions.
暖色金属在深色星空上并非自动可读：小号紫色 #6b2d5c 文字与中金色渐变节点可能低于 4.5:1，因此要针对 #0d0418 实测每种字号，并在文字跨越 busy 纹样或星云区域时垫一块深色实色板。
Cosmic twinkling, rotating sun rays, and gold shimmer are decorative motion that can bother vestibular and photosensitive users; keep any flashing or pulsing below three flashes per second and honor prefers-reduced-motion by freezing rotation and shimmer entirely.
星空闪烁、日轮旋转与金箔 shimmer 属于装饰性动效，可能诱发前庭与光敏用户不适；任何闪烁或脉冲保持每秒低于 3 次，并在 prefers-reduced-motion 下完全冻结旋转与闪烁。
African patterns and symbols are cultural material, not neutral clipart; use them with respect, avoid mixing unrelated traditions or sacred marks as mere decoration, and mark purely ornamental iconography aria-hidden so screen readers do not treat it as meaningful content.
非洲纹样与符号是文化素材，不是中性剪贴画；使用时应尊重原意，避免把不同传统或神圣符号当作纯粹装饰混用，并把纯装饰性图标 aria-hidden，让屏幕阅读器不会把它们当作有意义内容。
Origin起源
The term was coined by cultural critic Mark Dery in his 1993 essay 'Black to the Future' — interviews with Samuel R. Delany, Greg Tate, and Tricia Rose that named a current already running through Sun Ra's cosmic jazz persona (developed from the early 1950s), George Clinton's Parliament-Funkadelic Mothership mythology (notably the 1975 Mothership Connection album and tour), and the fiction of Octavia Butler. Scholar Alondra Nelson then gave the field an institutional home by launching the AfroFuturism listserv in 1999. The look entered mainstream UI consciousness through album art, editorial design, and especially Ryan Coogler's Black Panther (2018), where production designer Hannah Beachler and costume designer Ruth E. Carter imagined Wakandan technology through African forms.
这个词由文化评论家 Mark Dery 在 1993 年的文章《Black to the Future》中创造——他对 Samuel R. Delany、Greg Tate 与 Tricia Rose 的访谈为一股已经存在的潮流命了名，这股潮流贯穿 Sun Ra 自 1950 年代初发展起来的宇宙爵士人格、George Clinton 的 Parliament-Funkadelic Mothership 神话（尤其是 1975 年的 Mothership Connection 专辑与巡演），以及 Octavia Butler 的小说。学者 Alondra Nelson 于 1999 年创办 AfroFuturism 邮件列表，为这一领域提供了学术据点。该视觉进入主流 UI 意识的渠道包括唱片封面、编辑设计，尤其是 Ryan Coogler 的《黑豹》（2018）——美术指导 Hannah Beachler 与服装设计师 Ruth E. Carter 以非洲形式重新想象了瓦坎达科技。