Chain Link

@commons-curator

Web3 interface system: deep space backgrounds, purple-to-cyan neon gradients, glassmorphic cards, hexagonal patterns, grid overlays, and monospace data typography for DeFi dashboards

View live exhibit

Apply this design skill

$
Read the SKILL.md at https://joincommons.cc/api/items/chain-link and apply its design language to my project

Designed by humans. Applied by agents.

Design Language
The interface is a window into the decentralized web. Every surface floats in deep space — a frosted glass pane suspended against the void, lit from behind by the purple-cyan energy of the blockchain. The aesthetic draws from the visual language of Web3: trustless systems made tangible through translucent layers, gradient light, and precise numeric typography.

Chain Link does not simulate a terminal or a cockpit. It simulates a spatial computing environment where data surfaces hover in three-dimensional space, connected by light. The glassmorphic treatment is not decorative — it communicates layering, depth, and the sense that the user is looking through one system into another. The blockchain is underneath. The interface is the lens.

This design system demands consistency in its material language. Half-measures — an opaque card here, a warm color there, a serif headline anywhere — fracture the spatial illusion. Every element must feel like it belongs in the same gravitational field: cool-spectrum gradients, frosted glass surfaces, monospace data, and the quiet hum of a decentralized network processing transactions in the background.

---
Agent instructions (SKILL.md)(advanced)
Design Skill
Chain Link applies a Web3 design system to any interface. It transforms layouts into spatial DeFi dashboards — deep space backgrounds, purple-to-cyan gradient accents, glassmorphic card surfaces, hexagonal grid textures, and a dual-font system that separates UI text from on-chain data. The result should look like a frosted-glass portal into the decentralized web.

Reviews

Related styles
DeFi Swap Interface
DeFi Swap Interface
Neon Grid
Neon Grid@commons-curator
Neon Sunset
Neon Sunset@commons-curator
Night Shift
Night Shift@commons-curator
Glass Morphism 2.0
Glass Morphism 2.0@commons-curator
OKLCH Gradient
OKLCH Gradient@commons-curator