What is Cloudpunk (Nivalis)?什么是 Cloudpunk (Nivalis)?

Cloudpunk (Nivalis) design style — example

Cloudpunk turns a voxel delivery game's neon sky-city into an interface language — a fog-drowned indigo ground, hard pink-and-cyan glow, and blocky pixel-grid edges standing in for smoke and drizzle.云朋克把一款体素送货游戏里的霓虹天空之城,转译成一套界面语言——雾霭浸透的深靛底色、硬发光的粉青对撞,以及以像素网格棱角替代烟雾与细雨的视觉逻辑。

Cloudpunk (Nivalis) in briefCloudpunk (Nivalis) 速览

Cloudpunk (Nivalis) is a voxel cyberpunk aesthetic lifted from ION LANDS' 2020 delivery game Cloudpunk, which is set in Nivalis, a vertical megacity built almost entirely out of stacked, blocky cube forms. The defining visual tension of the style is the contrast between its construction material and its mood: everything in the world is built from simple, toy-like cubes, yet the atmosphere surrounding those cubes is soaked in the melancholy, rain-slick glow of classic cyberpunk noir. The result reads less like a polished science-fiction render and more like a miniature architectural model left running under real neon at midnight.云朋克(尼瓦利斯)是一种体素赛博朋克美学,取材自德国工作室 ION LANDS 于 2020 年推出的送货题材游戏《Cloudpunk》,故事发生在几乎完全由堆叠方块构成的垂直巨型都市尼瓦利斯。这种风格最核心的视觉张力,在于建材与氛围之间的反差:世界里的一切都由简单如积木的方块搭建而成,笼罩在这些方块之上的,却是经典赛博朋克黑色电影那种被雨水浸湿、带着忧郁感的霓虹光晕。最终呈现出的效果,不像是打磨精致的科幻渲染图,倒更像是一座深夜霓虹下仍在运转的微缩建筑模型。

Visually, the system narrows its color logic to almost nothing but a dark ground and two competing neon accents — a hot, saturated pink and an electric, cold cyan — pushed against each other rather than blended. Surfaces are flat and faceted rather than curved, and their outlines are deliberately hard-edged and stepped, echoing the visible 'blockiness' of voxel geometry instead of the smooth anti-aliased curves more common in digital interfaces. Where light appears, it behaves as a glowing solid rather than a soft gradient — a pink sign or cyan strip reads as a block of pure color with a halo around it, not a diffuse wash.在视觉上,这套系统把色彩逻辑收窄到近乎只剩一种暗色底面,加上两种相互对撞、而非彼此调和的霓虹强调色——饱和炽热的粉色,与冷冽通电般的青色。表面是平面而多棱角的,而非曲面;轮廓被刻意处理得硬朗且呈阶梯状,呼应体素几何本身可见的“方块感”,而非数字界面里更常见的平滑抗锯齿曲线。光出现的地方,表现为发光的实体而非柔和渐变——一块粉色招牌或一条青色光带,读起来是一整块带着光晕的纯色,而非一层弥漫开的光雾。

Typography follows the same blocky discipline: letterforms are squared off, high-contrast against the dark ground, and closer in spirit to an arcade cabinet's character set than to a refined editorial typeface. Scale is used aggressively — oversized, chunky headlines dominate, while supporting text stays plain and utilitarian. Layered together, the effect is a city built from children's blocks that somehow still manages to feel vast, wet, anonymous, and a little sad — density and repetition standing in for scale, since no single tower needs to be ornate when a thousand identical ones stacked into the fog will do the work instead.字体排印遵循同样的方块化纪律:字形方正硬朗,在暗色底面上形成高对比度,气质更接近街机机台的字符集,而非精致的编辑排版字体。尺度被大胆放大使用——超大、粗壮的标题占据主导,辅助文字则保持朴素实用。层层叠加之后,效果是一座由儿童积木搭建而成的城市,却依然显得辽阔、潮湿、匿名而略带一丝哀愁——密度与重复替代了雕琢:当成千上万座相同的塔楼一同没入雾中时,没有哪一座需要格外精致。

Cloudpunk (Nivalis) design style applied to a Article page

Where does Cloudpunk (Nivalis) come from?Cloudpunk (Nivalis) 从何而来?

The term 'cyberpunk' and the visual grammar it now describes crystallized in the early-to-mid 1980s, most famously through William Gibson's 1984 novel Neuromancer and the earlier film Blade Runner (1982), both of which imagined future megacities as vertical labyrinths of rain, smoke, and saturated neon signage rising above social and technological decay. That lineage — darkness pierced by hard-edged colored light, density outpacing any sense of civic order, melancholy folded into spectacle — is the direct ancestor of the 'cyberpunk neon-noir' sensibility this style draws on. Cloudpunk situates itself squarely within that tradition: a courier navigating a vertical, rain-soaked, neon-lit metropolis at night is a scene lifted almost intact from the genre's founding imagery.“赛博朋克”一词及其所代表的视觉语法,成形于1980年代前中期,最著名的源头是威廉·吉布森1984年的小说《神经漫游者》与更早的电影《银翼杀手》(1982年)——两者都把未来的巨型都市想象成雨水、烟雾与饱和霓虹招牌层叠而起的垂直迷宫,高耸于社会与技术双重衰败之上。这条谱系——黑暗被硬边的彩色光线刺穿,密度压过任何秩序感,忧郁被折叠进奇观之中——正是本风格所汲取的“赛博朋克黑色电影”气质的直接源头。《Cloudpunk》正正落在这一传统的核心:一名骑手在雨夜霓虹下穿行于垂直都市之中,几乎原样搬用了这一类型的奠基性意象。

Voxel art, the second lineage named in the style's origin, is a distinct modeling tradition that constructs three-dimensional forms out of stacked cube units — volumetric pixels — rather than the freeform curved surfaces typical of polygonal 3D modeling. The technique has roots in early scientific and medical visualization, where volumetric data was naturally represented as a grid of cubes, and was later adopted widely by hobbyist and independent game developers because it lets small teams build large, coherent worlds quickly with a consistent, recognizable visual unit. Unlike flat 2D pixel art or smooth 3D rendering, voxel construction keeps its 'block' visible at every scale, which is why a Cloudpunk skyscraper reads simultaneously as a toy and as a monument.体素艺术,是这一风格源起中提及的第二条谱系——一种以堆叠方块单元(体积像素)而非多边形3D建模常见的自由曲面来构造三维形态的独特建模传统。这项技术的根源可追溯至早期的科学与医学可视化领域,那里的体积数据本就天然地以立方体网格来表示;后来又被大量独立与业余游戏开发者采用,因为它能让小团队用统一、可辨识的视觉单元,快速搭建出庞大而连贯的世界。与扁平的二维像素艺术或平滑的三维渲染不同,体素构造在任何尺度下都保留着可见的“方块感”,这正是为什么《Cloudpunk》里的一栋摩天楼,既读起来像一件玩具,又同时读起来像一座纪念碑。

ION LANDS, the Berlin-based independent studio behind Cloudpunk, released the game in 2020 for PC and consoles. Its city, Nivalis, is built almost entirely from these stacked voxel forms — towers, gantries, and neon-plastered facades assembled cube by cube — and the studio's choice to render a cyberpunk megacity in this blocky idiom, rather than in smooth photorealistic 3D, is what gives the world its particular character: a city that is dense and oppressive in scale but handcrafted and almost toy-like in texture, drenched throughout in deep-indigo night fog cut by colored light.《Cloudpunk》的开发商 ION LANDS 是一家总部位于德国柏林的独立工作室,游戏于2020年登陆PC与主机平台。游戏中的城市尼瓦利斯,几乎完全由这些堆叠的体素形态搭建而成——塔楼、天桥与贴满霓虹的立面,都是一块一块方块拼装出来的。工作室选择用这种方块化的语汇、而非平滑的写实三维来呈现一座赛博朋克巨型都市,正是这座城市独有气质的来源:规模上密集而压抑,质感上却手作而近乎玩具,通篇沉浸在被彩色光线切开的深靛夜雾之中。

The third lineage, retro arcade and pixel aesthetics, reaches back to the coin-operated arcade cabinets and early home consoles of the 1980s, whose displays were constrained to a small number of colors and a coarse pixel grid. Designers working within those limits developed a visual shorthand of blocky, high-contrast letterforms and simplified iconography that has since become its own recognizable style, independent of the hardware limitations that originally produced it. This design system channels that same economy-of-means blockiness into its own typography and interface chrome, so that the screen itself feels like an artifact that could plausibly exist inside Nivalis — an arcade cabinet's aesthetic logic applied to a modern interface, closing the loop between the game's world and the way its own systems would present information.第三条谱系——复古街机与像素美学——可追溯至1980年代的投币式街机机台与早期家用主机,其显示屏受限于极少的色彩数量与粗糙的像素网格。在这些限制之下工作的设计者,发展出一套方正、高对比字形与简化图标的视觉速记法,如今已独立成为一种可辨识的风格,即便脱离了当初催生它的硬件限制也依然成立。本设计系统把这种“以简驭繁”的方块感,延伸进自身的字体排印与界面外壳之中,使屏幕本身读起来像是一件真实存在于尼瓦利斯城中的物件——把街机的视觉逻辑套用进现代界面,让游戏世界与其自身系统呈现信息的方式首尾相扣。

What defines the Cloudpunk (Nivalis) look?Cloudpunk (Nivalis) 的视觉特征是什么?

Color色彩

The palette is deliberately narrow: a deep, saturated indigo-violet ground carries almost the entire composition, with hot pink and electric cyan used as the only two accent colors, pushed against each other rather than blended into a gradient. Tertiary hues appear rarely and only as small punctuation, never as a third structural color competing for attention.色板刻意收得很窄:一种深沉饱和的靛紫底色几乎承载了整个构图,热粉色与通电般的青色是仅有的两种强调色,彼此对撞并置,而非融合成渐变。间色极少出现,即便出现也只是细小的点缀,绝不会作为第三种结构性色彩与主色争夺注意力。

Form & Geometry形态与几何

Every surface is built from stacked, faceted cube units rather than curved or freeform shapes, giving buildings, signage, and vehicles a consistent 'blocky' construction logic. Scale is conveyed less through ornament than through repetition — identical modular tower forms stacked and multiplied until the skyline reads as dense and vast, the way a city of toy blocks can still feel oppressive when there are enough of them.每一个表面都由堆叠、多棱角的方块单元构成,而非曲面或自由形态,令建筑、招牌与载具共享同一套“方块化”的构造逻辑。规模感的传达更多依靠重复而非装饰——相同的模块化塔楼形态被不断堆叠、复制,直到天际线读起来密集而辽阔,就像积木搭成的城市,只要数量足够,依然能显得压迫感十足。

Typography字体排印

Letterforms are squared off and blocky, closer in spirit to an arcade cabinet's character set than to a refined editorial typeface, and they sit at high contrast against the dark ground. Scale does the organizing work: oversized, chunky headline lettering dominates, while supporting text stays plain and unadorned rather than competing for attention.字形方正而具方块感,气质更接近街机机台的字符集,而非精致的编辑排版字体,并在暗色底面上形成高对比度。尺度承担了主要的组织功能:超大、厚重的标题字占据主导,辅助文字则保持朴素克制,不与主标题争夺视线。

Edge Treatment边缘处理

Outlines are deliberately hard and stepped rather than smoothed, echoing the stair-stepped silhouette that voxel construction produces at every scale. Where a conventional interface would soften a corner or blur a boundary, this system keeps the edge visibly blocky — the grid is never hidden, it is the point.轮廓被刻意处理得硬朗且呈阶梯状,而非平滑圆润,呼应体素构造在任何尺度下都会产生的锯齿状剪影。在常规界面中会被柔化或模糊的转角与边界,这套系统始终保留其可见的方块感——网格从不被掩藏,它本身就是重点。

Light & Glow光与光晕

Neon is treated as a glowing solid rather than a soft ambient wash — a sign or strip of light reads as a block of pure saturated color surrounded by a halo, not as a diffuse gradient fading into the dark. This keeps individual light sources legible as discrete graphic elements even when many of them appear together across a dense composition.霓虹被处理成一整块发光的实体,而非柔和弥漫的光雾——一块招牌或一条光带,读起来是被光晕环绕的纯色色块,而非渐渐融入黑暗的渐变。这让每一个光源即便在密集的构图中大量并置,依然能作为独立、可辨识的图形元素存在。

Atmosphere氛围

The mood is nocturnal, damp, and dense rather than sleek or optimistic: surfaces read as rain-slick, layered fog and smoke soften distant forms, and the overall register leans melancholic. Density and repetition, not ornament, are what make the world feel vast — the same blocky forms recur endlessly into the haze.整体气质是夜晚的、潮湿而密集的,而非光滑乐观的:表面呈现出雨水浸湿的质感,层叠的雾霭与烟气柔化了远处的形体,整体基调偏向忧郁。让世界显得辽阔的不是装饰,而是密度与重复——同样的方块形态在雾霭中无穷无尽地重复出现。

Cloudpunk (Nivalis) design style applied to a Dashboard

Who shaped Cloudpunk (Nivalis)?谁塑造了 Cloudpunk (Nivalis)?

ION LANDS

The Berlin-based independent studio that designed and built Cloudpunk, including Nivalis itself. Its decision to render a full cyberpunk megacity in stacked voxel form, rather than smooth photorealistic 3D, is the single choice that defines this entire visual system — a city that is dense and vast in scale but handcrafted and toy-like in construction.总部位于德国柏林的独立工作室,设计并搭建了《Cloudpunk》,也包括尼瓦利斯城本身。将整座赛博朋克巨型都市以堆叠体素形态呈现、而非平滑写实三维,是塑造整套视觉系统的关键选择——一座在规模上密集辽阔、在构造上却手作如玩具的城市。

Voxel Art

A three-dimensional modeling tradition that builds forms from stacked cube units instead of curved polygonal surfaces, with roots in scientific and medical visualization before its adoption by independent game developers. It gives worlds a handcrafted, architectural-model quality even at monumental scale, which is the core visual identity this style borrows.一种以堆叠方块单元、而非曲面多边形来构造三维形态的建模传统,其根源可追溯至科学与医学可视化领域,后被独立游戏开发者广泛采用。即便在纪念碑式的尺度下,它依然能赋予世界一种手作、建筑模型般的质感——这正是本风格所借用的核心视觉身份。

Cyberpunk Neon-Noir

The genre lineage established by 1980s science fiction such as William Gibson's Neuromancer and the film Blade Runner, which pictured future cities as vertical labyrinths of rain, smoke, and saturated colored light rising above social decay. This style channels that same darkness-pierced-by-hard-edged-light grammar directly into its interface logic.由1980年代科幻作品——如威廉·吉布森的《神经漫游者》与电影《银翼杀手》——所确立的类型谱系,将未来都市想象成雨水、烟雾与饱和彩色光线层叠而起、高耸于社会衰败之上的垂直迷宫。本风格把这种“黑暗被硬边光线刺穿”的语法,直接延续进了自己的界面逻辑。

Retro Arcade / Pixel Aesthetics

The visual shorthand developed by designers working within the color and resolution limits of 1980s arcade cabinets and early home consoles — blocky, high-contrast letterforms and simplified iconography that has since become a recognizable style in its own right, independent of the hardware constraints that originally produced it.由设计者在1980年代街机机台与早期家用主机的色彩与分辨率限制下发展出的视觉速记法——方正、高对比的字形与简化图标,如今已独立成为一种可辨识的风格,即便脱离了最初催生它的硬件限制也依然成立。

How do you use Cloudpunk (Nivalis) today?今天怎么用 Cloudpunk (Nivalis)?

Cloudpunk's voxel-cyberpunk grammar travels well into any product that wants to feel technical, nocturnal, and a little melancholic, but applying it well means understanding what does the work: a near-black ground carrying almost the whole composition, exactly two neon accents held in tension rather than blended, and hard blocky edges standing in for texture instead of smooth gradients or soft shadows.云朋克这套体素赛博朋克语法,能很好地移植进任何想要传达技术感、夜色感与一丝忧郁气质的产品,但要用得地道,需要理解真正起作用的是什么:一种几乎承载整个构图的近黑底色,恰好两种彼此对撞而非融合的霓虹强调色,以及以硬朗的方块边缘替代平滑渐变或柔和阴影来传递质感。

On presentation slides, a cover page benefits from a large silhouette of stacked, blocky tower forms rendered flat against the dark ground, with the title set in oversized, chunky lettering lit by one of the two accent colors. Content slides should keep the same dark field and restrict color use to hierarchy markers — a pink rule under a section head, a cyan highlight on a single key term — rather than decorating every element. Data slides suit the system particularly well: bar charts read naturally as stepped, blocky stacks, and a single highlighted series can glow in the accent color while the rest of the data stays in muted outline, echoing the way one neon sign stands out against a field of darkened towers.在演示文稿中,封面页适合用一大片堆叠的方块塔楼剪影,平贴在暗色底面上,标题以超大、厚重的字体呈现,并被两种强调色之一点亮。内容页应保持同样的暗色底面,把用色范围收窄到仅用于层级标记——例如小节标题下的一条粉色标线,或某个关键词上的一处青色高亮——而非为每个元素都做装饰。数据页尤其适合这套系统:柱状图天然读作阶梯状的方块堆叠,某一条被突出的数据序列可以用强调色发光,其余数据则保持暗淡的轮廓线,呼应着一盏霓虹招牌在一片暗淡塔楼中脱颖而出的视觉逻辑。

For web interfaces, this style suits dashboards, developer tools, and gaming-adjacent products where a dark, technical mood is an asset rather than a liability. Cards and panels should keep hard, squared corners rather than soft rounding, borders should read as visible pixel-grid lines rather than faint hairlines, and the two accent colors should be reserved for interactive states and status — one color for active or positive, the other for alerts or secondary actions — so that color always carries meaning rather than decorating idly. On a pricing page, tier differentiation works well when each tier is assigned one of the two accent colors rather than a full spectrum, keeping the palette disciplined even as the page adds visual variety.对于网页界面,这种风格适合仪表板、开发者工具,以及那些暗色调、技术感是资产而非负担的游戏类相关产品。卡片与面板应保持硬朗方正的转角而非柔和圆角,边框应读作可见的像素网格线而非细弱的发丝线,两种强调色应保留给交互状态与状态提示——一种用于激活或正向状态,另一种用于警示或次要操作——从而让色彩始终承载意义,而非无谓装饰。在定价页面上,当每个等级被分配两种强调色之一、而非整个色谱时,等级区分会格外有效,即便页面因此增添了视觉变化,色板依然保持克制。

In editorial and marketing contexts, the style is strongest for gaming, entertainment, and technology brands that want to evoke density, verticality, and nocturnal atmosphere without slipping into a cold, corporate register. A marketing key visual works well as a skyline silhouette built from repeated blocky tower units fading into fog, with a headline picked out in one glowing accent color; article layouts can use the same dark ground with pink or cyan section markers to guide the eye through long-form text without resorting to decorative rules or icons.在编辑与营销场景中,这种风格最适合那些希望唤起密度、垂直感与夜间氛围、又不想滑向冷峻企业调性的游戏、娱乐与科技品牌。一张营销主视觉,很适合做成由重复方块塔楼单元组成、渐渐没入雾中的天际线剪影,标题以一种发光强调色勾勒;文章版面可以沿用同样的暗色底面,用粉色或青色的小节标记引导视线穿过长文,而无需借助装饰性分割线或图标。

A common mistake is treating 'neon cyberpunk' as license to use a full rainbow of saturated colors at once — the discipline of this particular system depends on restricting accents to exactly two colors held in tension, not blending them into a gradient or adding a third competing hue. Equally common is smoothing every edge with anti-aliasing or soft drop shadows, which erases the stepped, blocky silhouette that gives the style its voxel identity in the first place; and choosing a delicate, thin typeface undermines the arcade-derived bluntness the lettering depends on.一个常见的错误,是把“霓虹赛博朋克”误解为可以同时使用整道彩虹般的饱和色——这套系统的纪律恰恰在于把强调色严格限制在两种、并让它们彼此对撞,而不是融合成渐变或加入第三种色彩来争夺注意力。同样常见的错误是用抗锯齿或柔和投影把每一条边缘都磨平,这会抹去赋予这种风格体素身份的阶梯状方块剪影;选用纤细精致的字体同样会削弱这种源自街机的、必须直率粗犷的字形气质。

Cloudpunk (Nivalis) design style applied to a Slide · cover

Cloudpunk (Nivalis) — FAQCloudpunk (Nivalis) · 常见问题

Is this look tied specifically to the game Cloudpunk, or does it work as a general design style?这种视觉风格是否只属于《Cloudpunk》这款游戏,还是可以作为通用设计风格使用?

The palette, geometry, and typography described here are drawn from Cloudpunk's world, but the underlying grammar — a near-black ground, exactly two neon accents in tension, blocky voxel-derived edges, and arcade-descended lettering — is fully transferable. It works for any project that wants to evoke a dense, nocturnal, technology-forward mood, whether or not it has any connection to the game itself.这里描述的色彩、形态与字体确实取材自《Cloudpunk》的游戏世界,但其底层语法——近黑底色、恰好两种彼此对撞的霓虹强调色、源自体素的方块化边缘,以及承袭自街机的字形——是完全可移植的。任何想要传达密集、夜间、科技感氛围的项目都可以使用它,无论其是否与这款游戏本身有任何关联。

How is this different from a 'standard' cyberpunk neon look like Blade Runner's?这与《银翼杀手》那种“标准”赛博朋克霓虹风格有什么不同?

Blade Runner and its many descendants render their megacities with smooth, photorealistic surfaces and a broad, atmospheric color range. This style keeps the same rain-slick, neon-lit mood but constructs every surface from visible, stepped cube units and restricts its palette to just two accent colors against a dark ground. The result feels handcrafted and slightly toy-like even at monumental scale, rather than cinematic and smooth.《银翼杀手》及其众多后继者,用平滑写实的表面与宽广、富有氛围感的色域来呈现巨型都市。这种风格保留了同样雨水浸湿、霓虹点亮的氛围,却让每一个表面都由可见的、阶梯状的方块单元构成,并把色板严格限制在暗色底面上仅两种强调色。最终效果即便在纪念碑式的尺度下,也显得手作而略带玩具感,而非电影感的光滑质地。

Does this style work on a light background?这种风格能用在浅色背景上吗?

Not comfortably. The entire logic of the system depends on neon reading as a glowing solid against near-total darkness — the glow is legible precisely because everything around it is dim. On a light ground, the same pink and cyan would read as flat, ordinary color rather than emitted light, and the atmospheric fog-and-night mood the style depends on would have nothing to sit against. This is a dark-ground system by necessity, not preference.并不适合。这套系统的整体逻辑依赖霓虹在近乎全黑的环境中读作发光的实体——正因为周围一片昏暗,光晕才显得清晰可辨。在浅色底面上,同样的粉色与青色只会读作平淡普通的色彩,而非发出的光;风格所依赖的雾霭与夜色氛围也将失去依托。这是一套因逻辑必然、而非偏好选择而成立的暗色底面系统。

What kinds of products or brands does this style struggle to fit?哪些产品或品牌不太适合这种风格?

It struggles wherever warmth, trust, or daytime clarity are the priority — healthcare, banking, children's education, or any context where a dense, nocturnal, slightly melancholic mood would work against the brand's intent. It is also a poor fit for information-dense enterprise software where the restrained two-color accent system would need to expand well beyond what the style's discipline allows.在需要温暖感、信任感或白日式清晰感的场景中,这种风格并不合适——医疗健康、银行金融、儿童教育,或任何密集、夜间、略带忧郁的氛围会与品牌意图相悖的场合。它同样不太适合信息密度极高的企业软件,因为那类场景往往需要把克制的双色强调系统扩展到远超这种风格纪律所允许的范围。

Why does the typography need to stay blocky rather than becoming more refined?为什么字体排印必须保持方块感,而不能变得更精致?

The blocky lettering is doing double duty: it echoes the voxel construction of the world itself, and it carries the retro-arcade lineage that ties the interface back to the game's own visual heritage. A refined, delicate typeface would read as belonging to a different, smoother design language entirely, breaking the consistency between the world's construction material and the way its own information is presented.方块化的字形承担着双重作用:它既呼应了这个世界本身的体素构造,也承载着把界面与游戏自身视觉传统连接起来的复古街机血统。一款精致纤细的字体,会读起来属于另一套更平滑的设计语言,从而打破这个世界的构造材料与其自身信息呈现方式之间的一致性。

Get the full Cloudpunk (Nivalis) design system获取 Cloudpunk (Nivalis) 完整设计系统
© 2026 Curio Design