← Back
Studio Void — Design Studies — Vol. 01
CSS · Typography · Web Art

Form follows feeling
in space .

01 / A digital laboratory study examining the tension of empty screens, variable typography, and CSS-driven color-shifting gradients. No bloated frameworks, no templates.

Studies in form & void ✦ Screen as canvas ✦ Typographic tension ✦ Fluid viewport scaling ✦ CSS gradient compositions ✦ Digital silence ✦ 60fps kinetic motion ✦ Studies in form & void ✦ Screen as canvas ✦ Typographic tension ✦ Fluid viewport scaling ✦ CSS gradient compositions ✦ Digital silence ✦ 60fps kinetic motion ✦

The
studies

VOL. 01 / FORM & VOID
Rendered in pure CSS
June 2026
STUDY 001
Contrast
Exploring the boundary of deep shadows and pure white.
STUDY 002
Motion
Choreographed kinetic transitions and spatial timing.
STUDY 003
Weight
Typographic density, layout balance, and grid constraints.
STUDY 004
Dimension
Simulated depth, layering, and perspective.
STUDY 005
Scale
Fluid container queries and viewport-relative scaling.
STUDY 006
Void
The tension of empty space and silent interfaces.

The
manifesto

ESTABLISHED 2026
VIRTUAL WORKSPACE
FORM
FOLLOWS
FEELING
— A note on minimalism

We design for the screen. We mean it.

Studio Void began as a search for silence in noisy digital spaces. A decade of web design has left us with more tools but less clarity. We refuse the templates, the bloated frameworks, and the decoration.

We believe that layout is art, typography is architecture, and negative space is the music between the notes. If you find yourself here, you're already part of the quiet.

— Studio Void Digital Composition Studies

The
index

6 studies / 4 core mediums
Open source
Nº Composition Core Medium Theme Specs
01 Study 001: Contrast
Study		 CSS / SVG Light & Shadow 60 FPS
02 Study 002: Motion
Study		 CSS Animation Kinetic Timing Fluid
03 Study 003: Weight
Study		 Web Fonts Typographic Density Grid
04 Study 004: Dimension
Study		 3D Transform Perspective Depth Responsive
05 Study 005: Scale
Study		 Viewport Units Relative Proportion Adaptive
06 Study 006: Void
Study		 Whitespace Negative Space Minimal

Core principles

Our architectural rules
Rigid, yet fluid
i.
Negative / space
Rule 01: Whitespace
The void is not empty; it is a structural force. We let layout breathe, giving elements weight by isolating them in wide, open viewports.
ii.
Kinetic / rhythm
Rule 02: Motion
Transitions should feel natural, like physical inertia. Fast, but soft. Animations must serve hierarchy and context, never empty decoration.
iii.
Typographic / grid
Rule 03: Layout
Scale over embellishment. We treat words as structural blocks, building each composition around font-weight, tracking, and letter-spacing.
iv.
Digital / noise
Rule 04: Texture
Adding subtle SVG grain and scanline overlays to break the sterile flatness of modern screens, evoking physical mediums and classic CRT terminals.