THE FOUNDATIONAL INTELLIGENCE
A brutalist landing page where raw code transforms into visual experience. No images. No videos. Just algorithms painting the canvas.
Русская версия | English
NEURAL CORE is an exploration of what happens when code refuses to be invisible — when algorithms become the art, and every pixel is computed in real-time.
The page unfolds as a journey through five visual languages:
250 blue spheres drift across a canvas, tracing invisible pathways through Perlin noise. Each particle follows mathematical flow — until your cursor enters. Then it becomes a gravity well, pulling the swarm into orbit.
◉ Particle exits right → reappears left. Eternal cycle.
Technology: p5.js (instance mode)
Algorithm: Perlin noise flow field + mouse attraction
Data visualizations rendered entirely in text:
Sparkline: _ . - ^ ~ - . _ . - ^
[-2 -1 0 1 2 1 0 -1]
Bar Chart: [██████████░░░░░░░░] 67%
Every chart. Every indicator. Pure ASCII. No images.
Technology: String manipulation + Unicode block characters
A 3D neural lattice with 17 nodes across 5 layers:
INPUT_LAYER ●───●───●
║
HIDDEN_1 ●───●───●───●
║ ║ ║ ║
HIDDEN_2 ●───●───●───●───●
║ ║ ║ ║
HIDDEN_3 ●───●───●───●
║
OUTPUT ●───●───●
Glowing pulses travel along 39 pathways. Drag to rotate. Scroll to zoom.
Technology: React Three Fiber + drei (WebGL)
Rendering: Standard 3D (not ASCII)
35 particles drift through space. When two wander within range, a filament connects them — a synaptic bridge forming and dissolving.
◉───────◉ ◉───────◉
╲ ╱ ╲ ╱
╲ ╱ ╲ ╱
╲ ╱ ╲ ╱
◉ ◉
TouchDesigner-inspired visualization of emergent connectivity.
Technology: Pure Canvas API
Algorithm: Dynamic distance-based connections
> INITIALIZING_NEURAL_PATHWAY_V4 [OK]
> LOADING_WEIGHTS [800T] [OK]
> OPTIMIZING_TENSOR_FLOW [OK]
> Allocating Memory: 240PB [OK]
> Handshake: ACKNOWLEDGE [OK]
> ESTABLISHING_SECURE_CONNECTION... [OK]
> SERVER: SEOUL-01 [OK]
> _
The machine comes alive before your eyes, one line at a time.
| BORDERS OVER SHADOWS | NO ROUNDED CORNERS | JETBRAINS MONO | CLINICAL WHITESPACE |
|---|---|---|---|
| Every hierarchy is established by a strict 1px line. The grid is visible, the structure exposed. | Every edge is sharp. No curves. The aesthetic rejects comfort. This is a terminal, not a friendly UI. | All data visualizations use JetBrains Mono. Characters at exact pixel dimensions. Precision over decoration. | Breathing room. The eye needs space to rest. Negative space is not emptiness — it is the canvas. Data paints itself. |
| Color | Hex | Description |
|---|---|---|
| ■ | #FFFFFF |
bg-white — The clean slate |
| ■ | #F9FAFB |
bg-gray-50 — Subtle depth |
| ■ | #E5E7EB |
border-gray-200 — The 1px line (critical!) |
| ■ | #111827 |
text-gray-900 — Headlines |
| ■ | #6B7280 |
text-gray-500 — Secondary text |
| ■ | #194ff0 |
primary — Electric blue (data flows, active nodes) |
NEURAL CORE draws from two visual traditions:
KOREAN MINIMALISM TERMINAL BRUTALISM
══════════════════ ══════════════════
• Clean lines • Monospace typography
• Absolute precision • ASCII art
• Whitespace as element • Command-line feel
• Grid celebrated • Raw data streams
• No visual noise • The machine visible
║
║
▼
CYBERPUNK MINIMALISM
─────────────────────
The intersection
Futuristic + Nostalgic
AI from another timeline
Static screenshots cannot capture the essence. You need to see it move:
- The 60fps drift of 250 particles through Perlin noise
- Mouse cursor becoming a gravity well for the swarm
- The eternal cycle — exit right, reappear left
- Glowing pulses traveling along 39 neural pathways
- Emergent connections forming in the particle network
- The scrolling boot sequence bringing the machine to life
MIT © medellin17
"The code is the art. The algorithm is the artist."