lungi.dev

brutalist tapestry

manifesto

raw concrete structural honesty as the canvas for a deeply whimsical narrative woven from organic forms and pastel pigments

exposed

visible grid systems, monospace labels, raw borders with no rounding, unapologetic refusal to decorate structural elements

soft

pastel pigments, biomorphic forms, flowing curves, organic shapes that resist classification, gentle color transitions

paradox

brutalism's exposed-structure philosophy as framework for softness. raw borders holding pastel blobs, monospace labels annotating serif poetry

structure

immersive-scroll layout: a continuous vertical descent with no visible section breaks, where content flows as one uninterrupted stream

the scroll itself is the primary interaction: new content reveals continuously, background color transitioning via scroll-linked interpolation

typography

Playfair Display

high-contrast transitional serif, dramatic thick-thin stroke contrast

Display headings, container headers, pull-quotes and callouts

Inter

geometric sans-serif, refined optical design for screens

Navigation labels, body copy, descriptive text, footnotes

Space Mono

monospace, geometric letterforms, literal coldness

Container labels, grid annotations, brutalist framework

palette
#F0E8F0 blush
#E8F0E8 mint
#E0E8F0 powder
#F0E8E0 cream
#D0C8D0 mauve
#8A8A8A neutral
#3A3A3A dark
#2A2A2A black
forms

imperfect circles

SVG paths using cubic bezier curves that wobble slightly

asymmetric rectangles

Four-sided shapes with selective corner rounding

flowing curves

Organic wave-like shapes that suggest motion

grid system

visible 12-column grid foundation, every element snapped to baseline and column edges, with no decorative deviations

brutalist framework
no rounding

sharp corners, right angles, geometric precision

visible structure

borders, grid lines, and layout axes remain visible

monospace labels

space mono typography for all structural annotations

raw materials

no gradient smoothing, no shadow depth, direct color transitions

organic counterpoint

where brutalism stops at harshness, lungi.dev drapes the skeleton in soft color and biomorphic softness

interactions

scroll progression

Background color interpolates smoothly through the palette as you scroll. Every 100vh reveals a new chromatic journey.

blob animations

Organic shapes float and pulse gently, introducing subtle motion that contrasts with rigid structural elements.

scroll-linked reveals

Content opacity and position shift based on scroll depth, creating a sense of continuous emergence.

the paradox

brutalism's exposed-structure philosophy becomes the framework for softness. raw borders hold pastel blobs. monospace labels annotate serif poetry. the unwrapping narrative transitions from rigid structure to flowing form.