Home首页/Style Academy风格学院/Mycelium Network

What is Mycelium Network?什么是 Mycelium Network？

Curio · Updated更新于 2026-07-05

Mycelium Network turns the underground trade routes of forest fungi into a design language — glowing filaments, recursive branching, and node-labeled data reading like a living map instead of a nature photograph.「菌丝网络」把森林真菌的地下贸易路线变成一套设计语言——发光的细丝、递归分枝，以及像活体地图而非自然摄影般的节点标注数据。

Mycelium Network in briefMycelium Network 速览

Mycelium Network is a design system built from the visual logic of dark-field microscopy scans of mycorrhizal fungal networks — the branching filaments, known as hyphae, that fungi use to connect to and trade nutrients with tree roots beneath the forest floor. Rather than illustrating a mushroom or a forest scene, the style borrows the scan itself: a near-black ground pierced by luminous, thread-like structures that fork and rejoin in irregular, fractal patterns.「菌丝网络」是一套从菌根真菌网络暗场显微扫描影像中提炼出的设计系统——菌丝是真菌用来连接树根、并与之交换养分的分枝细丝，生长于森林地表之下。这套风格并不描绘蘑菇或森林场景，而是直接借用扫描影像本身：近黑的底面上，穿透着发光的、不规则分叉又重新汇合的线状结构，呈现出分形式的图案。

The aesthetic reads as scientific instrumentation rather than botanical illustration. Where a nature documentary would show bark, soil, and leaf litter, this system shows only the network — glowing lines against darkness, annotated with the clipped, monospaced labels of a lab dataset. The effect sits closer to a subway map of nutrient exchange, or a screenshot from a live sensor array, than to anything pastoral.整体气质更接近科学仪器读数，而非植物插画。自然纪录片会拍树皮、泥土与落叶，这套系统却只呈现网络本身——黑暗背景上发光的线条，配上等宽字体裁切利落的标签，像是一份实验室数据集的注释。它给人的感觉更接近一张养分交换的地铁线路图，或是一段实时传感器阵列的截图，而不是任何田园牧歌式的画面。

This makes it a natural fit for interfaces that are themselves about invisible networks: systems dashboards, dependency graphs, distributed infrastructure, financial flows, or any product whose core metaphor is nodes trading something through connective threads. The style communicates complexity and quiet intelligence without needing to say either word.这让它天然适合那些本身就关乎「看不见的网络」的界面：系统仪表盘、依赖关系图、分布式基础设施、资金流向，或任何核心隐喻是「节点通过连接细丝彼此交换」的产品。这种风格无需言明，就能传达复杂性与一种安静的智能感。

Mycelium Network design style applied to a Article page

See the Mycelium Network design system查看 Mycelium Network 完整设计系统

Where does Mycelium Network come from?Mycelium Network 从何而来？

Mycelium as a subject of scientific fascination has deep roots, but the specific visual language this theme draws on is recent and technical. Mycorrhizal networks — the symbiotic partnerships between fungi and plant roots — have been studied by botanists and mycologists for well over a century, but it took modern imaging techniques to make the networks themselves visible as branching, glowing structures rather than abstractions described in text.菌丝作为科学研究的对象由来已久，但这套主题所借鉴的具体视觉语言却是晚近且高度技术性的。菌根网络——真菌与植物根系之间的共生关系——已被植物学家和真菌学家研究了一个多世纪，但直到现代成像技术出现，这些网络才第一次以分枝、发光的结构呈现出来，而不再只是文字描述中的抽象概念。

The decisive moment for this aesthetic came in 2024, when AMOLF researcher Loreto Oyarte Gálvez and colleagues published detailed dark-field scans mapping the growth and nutrient-trading behavior of mycorrhizal fungi in real time. The imaging technique captured fungal filaments as they extended across a dark growth medium, recording not just their shape but their activity — effectively rendering a living "trade network" as a time-lapse of light against black ground. Popular science coverage described these networks as something close to an underground internet for trees, a framing that has stuck in both scientific communication and design borrowing from it.这种美学的关键转折发生在2024年，AMOLF研究员Loreto Oyarte Gálvez与同事发表了详细的暗场扫描影像，实时记录菌根真菌的生长与养分交易行为。这项成像技术捕捉了菌丝细丝在深色培养基上延伸的过程，不仅记录了它们的形状，也记录了它们的活动——实际上把一个活体「贸易网络」呈现为黑色底面上的光影延时影像。大众科学报道将这些网络描述为一种近似「树木的地下互联网」的存在，这一说法此后在科学传播与从中借鉴的设计领域中都被沿用了下来。

This scan-derived aesthetic sits at the intersection of two older lineages: fungal ecology, which has spent decades reframing mycelium from a decomposer footnote into a subject of network-scale intelligence research (popularized further by writers like Merlin Sheldrake and researchers like Toby Kiers, whose Society for the Protection of Underground Networks has pushed public attention toward mapping the planet's fungal networks); and network science and data visualization, the decades-old practice of rendering abstract relationships — social graphs, internet topology, neural connections — as glowing nodes and edges on dark backgrounds.这种源自扫描影像的美学，处于两条更古老脉络的交汇点：一条是真菌生态学，数十年来它把菌丝从「分解者」的脚注，重新定位为网络尺度智能研究的对象（作家Merlin Sheldrake与研究者Toby Kiers等人的工作进一步推动了这一点的普及——后者创立的「地下网络保护协会」把公众的注意力引向绘制全球真菌网络地图）；另一条是网络科学与数据可视化，这是一种延续数十年的实践，把社交图谱、互联网拓扑、神经连接等抽象关系，渲染成深色背景上发光的节点与连线。

The design system deliberately departs from biological accuracy in one key way: living mycelium is typically whitish or cream in color, not amber. This theme keeps the dark-field scan's black ground but recolors the filaments into a warm, glowing amber, closer to bioluminescence or heat-map data than to a literal photograph. The choice signals that this is a designed interpretation of the science — a network visualization inspired by mycology — rather than an attempt to reproduce a lab photograph exactly.这套设计系统在一个关键之处刻意偏离了生物学上的准确性：活体菌丝通常呈乳白或奶油色，而非琥珀色。这个主题保留了暗场扫描的黑色底面，却将细丝重新上色为温暖发光的琥珀色，更接近生物荧光或热力图数据，而非对实物的直接摄影还原。这一选择表明，这是对科学素材的一次设计再诠释——一次受菌类学启发的网络可视化——而非试图精确复刻一张实验室照片。

What defines the Mycelium Network look?Mycelium Network 的视觉特征是什么？

Color色彩

The ground is a near-black soil tone, deep enough to read as underground darkness rather than plain black. Against it, the primary accent is a glowing soil-amber — warm, saturated, and used for the filament lines themselves, as if lit from within rather than reflecting external light. A second, quieter accent appears as a faint symbiosis-green, used sparingly to suggest a second kind of signal moving through the same network — a status indicator or a different data channel — rather than competing with the amber for attention. White or near-white is reserved for text and fine annotation, never for large fields.底色是接近黑色的深邃土壤色调，深到足以读作「地下的黑暗」而非单纯的纯黑。衬着这层底色，主要强调色是一种发光的土琥珀色——温暖、饱和，专用于菌丝线条本身，仿佛由内而外发光，而非反射外部光源。第二种更为低调的强调色，是一抹极淡的共生绿，用量克制，暗示同一网络中流动着另一种信号——一个状态指示，或另一条数据通道——而不与琥珀色争夺注意力。白色或近白色只留给文字与细节注释，绝不用于大面积色块。

Line and Branching线条与分枝

The defining visual motif is the hypha itself: a thin, organic line that forks at irregular intervals into two or more thinner branches, which may fork again. Unlike a technical diagram's clean right angles, these branches curve and taper, thickest near their origin and thinning toward each tip, evoking growth rather than construction. The branching is recursive — the same forking logic repeats at every scale, from a single UI divider to a full network map — which gives the system a fractal, self-similar quality rather than a fixed decorative pattern.最具标志性的视觉母题就是菌丝本身：一条纤细的有机线条，在不规则的间隔处分叉成两条或更多更细的分支，这些分支还可能继续分叉。与技术图表干净利落的直角不同，这些分支带有弧度并逐渐收细，靠近起点处最粗，末梢最细，唤起的是「生长」的感觉，而非「搭建」的感觉。这种分枝是递归式的——同一套分叉逻辑在每个尺度上重复出现，从一条界面分隔线到一整张网络地图皆然——这让整套系统具有分形、自相似的品质，而非固定不变的装饰纹样。

Typography字体排印

Two typefaces do distinct jobs. A modern, geometric data-visualization sans carries headlines, labels, and body copy — clean and highly legible against the dark ground, the way a research dashboard's UI chrome would read. A monospaced companion face is reserved specifically for node identifiers, coordinates, counts, and other machine-generated-looking values, echoing the clipped precision of scientific instrument readouts. The contrast between the two — humanist sans for narration, monospace for data — is what keeps the system legible as an interface rather than an illustration.两种字体各司其职。一种现代、几何感的数据可视化无衬线体承担标题、标签与正文，在深色底面上干净清晰，读起来像一个科研仪表盘的界面外壳。另一种等宽字体则专门用于节点标识符、坐标、计数等看起来由机器生成的数值，呼应科学仪器读数那种裁切利落的精确感。这两种字体之间的对比——人文无衬线体负责叙述，等宽体负责数据——正是让这套系统读起来像一个界面、而非一幅插画的关键。

Depth and Glow深度与光晕

Depth is created almost entirely through light rather than shadow. Filaments closer to the surface of the composition glow more intensely and sit at higher contrast against the black ground; filaments implied to be deeper or more distant fade toward the soil tone, their edges softening. This is the inverse of most design systems, which build depth with cast shadow on a light ground — here, brightness itself is the depth cue, consistent with the dark-field microscopy the style is drawn from, where illuminated structures appear to float in true darkness.深度感几乎完全通过光而非阴影来营造。构图中越靠近表层的菌丝，发光越强烈，与黑色底面的对比度也越高；被暗示位于更深处或更远处的菌丝，则逐渐褪回土壤色调，边缘也随之柔化。这与大多数在浅色底面上用投影营造深度的设计系统正好相反——在这里，明暗本身就是深度的线索，与该风格所取材的暗场显微成像一致：在真正的黑暗中，被照亮的结构看起来仿佛悬浮着。

Node Markers节点标记

Where filaments meet, branch, or terminate, small glowing points mark the junction — the visual equivalent of a graph's vertices. These node markers are simple and unornamented: a soft circular glow, sometimes paired with a short monospace tag giving an identifier or value. Their placement is not decorative but structural, always sitting exactly at a genuine branch point, which is what allows the network to be read functionally, the way a real subway map's stations sit exactly on the line rather than floating nearby.在菌丝相交、分叉或末梢终止之处，会有微小的发光点标记该节点——相当于图论中「顶点」的视觉呈现。这些节点标记简单、不加修饰：一圈柔和的光晕，有时搭配一小段等宽字体标签，给出标识符或数值。它们的位置并非装饰性的，而是结构性的，永远精确落在真实的分叉点上，这正是让整张网络能被功能性解读的原因——就像一张真实的地铁线路图，站点精确地落在线路上，而不是漂浮在附近。

Composition构图

Compositions favor irregular, organic distribution over grid-locked symmetry — filaments spread across the frame the way a real fungal colony would colonize a growth medium, denser in some regions and sparse in others, with no obvious center of mass. This irregularity is deliberate: perfect symmetry would read as decorative pattern, while the uneven, exploratory spread reads as a record of actual growth and actual data, reinforcing the system's core claim to be a visualization of something real and living rather than a generic dark-mode skin.构图偏好不规则的有机分布，而非锁定网格的对称结构——菌丝在画面中的铺展方式，就像真实的真菌菌落在培养基上扩张一样，某些区域密集，某些区域稀疏，没有明显的重心。这种不规则是刻意为之：完美的对称会读作装饰纹样，而这种不均匀的、探索式的铺展，则读作一份真实生长与真实数据的记录，强化了这套系统的核心主张——它呈现的是某种真实、有生命力的东西的可视化，而非一张泛泛的深色模式皮肤。

Mycelium Network design style applied to a Dashboard

See the Mycelium Network design system查看 Mycelium Network 完整设计系统

Who shaped Mycelium Network?谁塑造了 Mycelium Network？

Loreto Oyarte Gálvez

A researcher at AMOLF, the Dutch institute for atomic and molecular physics, Oyarte Gálvez led the 2024 imaging work that mapped mycorrhizal fungal networks as dynamic, growing structures using dark-field scanning techniques. The resulting images — glowing branching filaments captured in the act of extending and trading nutrients — are the direct visual source this design system draws from, translated from scientific figure into interface aesthetic.Loreto Oyarte Gálvez是荷兰原子与分子物理研究所（AMOLF）的研究员，主导了2024年那项用暗场扫描技术将菌根真菌网络记录为动态生长结构的成像研究。由此产生的影像——捕捉到发光的分枝菌丝正在延伸、交换养分的瞬间——正是这套设计系统直接取材的视觉源头，从科学图像转译为界面美学。

Toby Kiers

An evolutionary biologist and co-founder of the Society for the Protection of Underground Networks (SPUN), Kiers has spent her career studying how fungi and plants trade resources and helped drive the broader public framing of mycorrhizal networks as a kind of biological trading infrastructure — language and imagery that made the leap from academic mycology into popular science and, eventually, design.Toby Kiers是一位演化生物学家，也是「地下网络保护协会」（SPUN）的联合创始人，她的研究生涯一直致力于探究真菌与植物之间如何交换资源，并推动了公众将菌根网络理解为一种生物贸易基础设施的更广泛框架——这套语言与意象由此从学术真菌学跨入大众科学，并最终进入设计领域。

Merlin Sheldrake

A biologist and author whose popular science writing on fungal networks brought mycorrhizal ecology to a general readership, framing fungal networks in terms — trade, communication, cooperation — that map naturally onto network-diagram visual language. His work is part of why 'mycelium as network' became a familiar enough cultural idea to translate directly into a design system.Merlin Sheldrake是一位生物学家兼作家，他关于真菌网络的科普写作把菌根生态学带给了普通读者，用「贸易」「沟通」「协作」这类语汇来描述真菌网络——这些语汇自然而然地映射到网络图表的视觉语言上。他的著作也是「菌丝即网络」这一说法能够广为人知、并直接转化为一套设计系统的原因之一。

How do you use Mycelium Network today?今天怎么用 Mycelium Network？

Mycelium Network is a style built for showing connection and exchange, so applying it well means finding the parts of a product that are actually about relationships between nodes — not simply adding a dark background and calling it done.「菌丝网络」是一种为呈现连接与交换而生的风格，因此应用得好的关键，在于找到产品中真正关乎「节点之间关系」的部分——而不只是加个深色背景就算完事。

For presentation slides, the style is strongest on cover slides and any content slide framed around systems, networks, or growth. A cover benefits from a single dramatic branching filament crossing the dark field with the title set in clean sans type beside it, letting the glow do the visual work instead of decorative shapes. Data slides suit the style especially well: node-and-edge diagrams, org charts, or process flows can be redrawn directly as glowing branching networks rather than generic boxes and arrows, with monospace tags on key nodes standing in for labels or figures. Dense text slides should stay restrained — one glowing accent line at most, so the filament motif reads as a signature rather than noise competing with body copy.在演示文稿中，这种风格在封面页，以及任何围绕系统、网络或生长主题展开的内容页上表现最强。封面适合用一条戏剧性的分枝菌丝横贯深色画面，标题以干净的无衬线字体置于其旁，让光晕本身完成大部分视觉工作，而不必依赖装饰形状。数据页尤其适合这种风格：节点-连线图、组织架构图或流程图都可以直接重绘为发光的分枝网络，而非泛泛的方框加箭头，关键节点上的等宽标签可以直接取代普通标签或数字。文字密集的页面则应保持克制——最多保留一条发光强调线，让菌丝母题读起来像一个签名式细节，而不是与正文内容争夺注意力的噪音。

For web interfaces, this theme is well suited to dashboards that visualize distributed systems, infrastructure health, or any product whose core value is showing many small things connected into one whole — the amber-on-near-black palette reads immediately as a monitoring or control-room aesthetic. Pricing pages can use the branching motif structurally: a single filament forking into two or three paths works as a natural visual metaphor for tiers branching from one starting point, with the node markers doubling as plan-selection indicators. Card components should stay flat and glow-based rather than adopting soft drop shadows, which would fight the dark-field lighting logic the whole system depends on.在网页界面中，这套主题非常适合用于可视化分布式系统、基础设施健康状况，或任何核心价值在于「把许多小事物连接成一个整体」的产品——琥珀色配近黑背景一眼就能读出监控室或控制台的气质。定价页面可以在结构上运用分枝母题：一条菌丝分叉成两三条路径，天然是「从同一起点分出不同等级」的视觉隐喻，节点标记同时也能充当套餐选择的指示器。卡片组件应保持平面化、以光晕为主，而不是采用柔和的投影——那会与整套系统所依赖的暗场光照逻辑相冲突。

For editorial and marketing work, the style supports long-form science and technology storytelling particularly well — articles about networks, ecosystems, infrastructure, or emergent systems can use the branching filament as a running visual device between sections, with node markers standing in for pull quotes or key figures. Marketing pages for technical or infrastructure products benefit from the same logic: a hero section built around a glowing network diagram communicates complexity and reliability without needing dense paragraphs of explanation.在编辑与营销内容中，这种风格尤其适合科技类长文叙事——关于网络、生态系统、基础设施或涌现系统的文章，可以用分枝菌丝作为贯穿各段落的视觉装置，节点标记则可用来标示引述或关键数据。技术类或基础设施类产品的营销页面也适用同样的逻辑：以一张发光网络图为核心的首屏区块，无需大段文字说明，就能传达复杂性与可靠性。

A common mistake is treating this as a generic dark-mode theme and populating it with straight lines, sharp right-angle diagrams, or stock circuit-board patterns. The system depends specifically on organic, tapering, irregularly forking lines that read as grown rather than drawn; substituting rigid geometric connectors collapses the mycelium metaphor into a generic tech-noir look and loses what makes the style distinctive. Similarly, overusing the green accent alongside the amber at equal weight muddies the palette — green should read as a rare second signal, not a co-equal color.一个常见的错误，是把这种风格当作一个泛用的深色模式主题，往里面填充直线、直角图表，或现成的电路板纹样。这套系统专门依赖有机的、逐渐收细的、不规则分叉的线条，读起来像「长出来的」而非「画出来的」；换成僵硬的几何连接线，会让菌丝隐喻坍缩成一种泛泛的科技暗黑风，也失去了这种风格的独特之处。同样，把绿色强调色与琥珀色以同等权重大量并用，也会把配色搞浑——绿色应当读作一种罕见的第二信号，而不是与琥珀色平起平坐的颜色。

Mycelium Network design style applied to a Slide · cover

See the Mycelium Network design system查看 Mycelium Network 完整设计系统

Mycelium Network — FAQMycelium Network · 常见问题

Is Mycelium Network the same as a generic 'dark mode' or cyberpunk theme?「菌丝网络」和泛泛的「深色模式」或赛博朋克风格是一回事吗？

No. A generic dark mode simply inverts a light palette to a dark one, and cyberpunk styling typically relies on neon grids, hard right angles, and circuitry motifs. Mycelium Network is built on a specific visual source — dark-field scans of an organic, branching, growing structure — and its defining feature is irregular, tapering, recursive branching rather than rigid geometry. The palette is also more restrained than typical cyberpunk work: one dominant amber glow and a rare green accent, not a wide neon spectrum.不是。泛泛的深色模式只是把浅色板简单反转为深色，而赛博朋克风格通常依赖霓虹网格、生硬直角与电路纹样。「菌丝网络」建立在一个非常具体的视觉源头之上——有机、分枝、正在生长的结构的暗场扫描影像——其核心特征是不规则、逐渐收细、递归式的分枝，而非僵硬的几何形态。配色也比典型的赛博朋克更克制：一种主导性的琥珀色光晕，加上偶尔出现的绿色强调，而非大范围的霓虹色谱。

Why does the theme use amber instead of the whitish color real mycelium actually has?为什么这个主题用琥珀色，而不是真实菌丝本来的乳白色？

The theme is a design interpretation of a dark-field scan, not a literal photograph. Choosing a warm, glowing amber over documentary white or cream serves the interface goal: amber against near-black reads immediately as 'active signal in the dark' — closer to a heat map or bioluminescence than to a lab specimen. A literal whitish-cream rendering on black would look more like an X-ray than a living network, and would lose the warmth that makes the system feel alive rather than clinical.这个主题是对暗场扫描影像的一次设计再诠释，而非对照片的字面还原。选择温暖发光的琥珀色，而非纪实性的白色或奶油色，是出于界面目标的考量：琥珀色衬着近黑背景，会立刻读作「黑暗中的活跃信号」——更接近热力图或生物荧光，而非实验室标本照片。若在黑色背景上原样呈现乳白色，观感会更像一张X光片，而非一个活体网络，也会失去让整套系统显得「有生命」而非「临床冷感」的那份温度。

What kinds of products should avoid this style?哪些类型的产品应当避免使用这种风格？

Products that need a light, airy, or highly approachable feel will fight this theme's fundamentals — the dark ground and glow-based depth are not easily softened into a friendly, casual register. It also struggles for products with no underlying network or systems metaphor to justify the branching motif; forcing glowing filaments onto a simple form or checkout flow will read as decoration without purpose. Consumer lifestyle, food, and children's products generally sit outside this style's natural range for the same reason Bauhaus does — the aesthetic communicates analytical intelligence, not warmth.需要轻盈、明亮或高度亲和感的产品，会与这套主题的根本设定相冲突——深色底面与以光晕塑造深度的方式，并不容易柔化成一种友好随和的调性。对于那些底层没有网络或系统隐喻可以支撑分枝母题的产品，它也会显得力不从心；把发光菌丝硬套在一个简单表单或结账流程上，只会读作没有目的的装饰。消费类生活方式、食品与儿童产品，通常都在这种风格的自然适用范围之外，原因与包豪斯类似——这种美学传达的是分析性的智能，而非温暖感。

How should the branching filament motif be used at small sizes, like icons or buttons?在图标或按钮这样的小尺寸场景中，分枝菌丝母题应该怎么用？

At small sizes, simplify to a single fork rather than a full recursive network — one thin line splitting into two, tapering toward each end, is enough to signal the motif without becoming an illegible tangle. The glow effect should shrink proportionally too; an oversized glow on a small icon reads as a blur rather than a light source. Node markers can stand alone as a minimal icon — a single soft glowing point works well for status indicators or notification dots, borrowing the motif's language without needing the branching line at all.在小尺寸场景中，应当简化为单一的一次分叉，而非完整的递归网络——一条细线分成两条、两端逐渐收细，就足以传达出这个母题，而不至于变成无法辨认的乱线团。光晕效果也应当按比例缩小；在小图标上使用过大的光晕，看起来会像模糊，而非光源。节点标记本身也可以单独作为一个极简图标使用——一个柔和发光的点，很适合用作状态指示或通知红点，无需分枝线条也能借用这套母题的语言。

Does this style work well for financial or data-trading products, given the 'trade network' framing?考虑到「贸易网络」这一说法，这种风格适合金融或数据交易类产品吗？

Yes, and this is one of its strongest fits. The underlying metaphor — resources moving between nodes along branching connective paths — maps directly onto financial flows, supply chains, or data-trading platforms. A transaction flow rendered as glowing filaments connecting account nodes, with monospace tags giving amounts or identifiers, uses the style's native logic rather than forcing an unrelated metaphor onto it. The main caution is the same as elsewhere: keep the branching organic and irregular, since overly clean, ruled connector lines undercut the metaphor and make the product look like a generic org chart instead.适合，而且这正是它最契合的场景之一。其底层隐喻——资源沿着分枝连接路径在节点之间流动——可以直接映射到资金流向、供应链或数据交易平台。把一笔交易流程呈现为连接各账户节点的发光菌丝，配上给出金额或标识符的等宽标签，用的正是这种风格的原生逻辑，而非生搬硬套一个不相关的隐喻。唯一需要留意的地方与其他场景相同：分枝要保持有机与不规则，因为过于工整、用直尺画出的连接线，会削弱这个隐喻，让产品看起来像一张泛泛的组织架构图。

Get the full Mycelium Network design system获取 Mycelium Network 完整设计系统