SYSTEM // TESTUMGEBUNG
VERSION 07.19
BUILD
MODE: BRUTALIST
LIVE
TESTUMGEBUNG 07.19 - NEO-BRUTALISMUS EDITION * KEINE KOMPROMISSE - NUR TYPE * BOLD BORDERS - HARD SHADOWS - RAW ENERGY * 100% INLINE - 0 DEPENDENCIES * TESTUMGEBUNG 07.19 - NEO-BRUTALISMUS EDITION * KEINE KOMPROMISSE - NUR TYPE * BOLD BORDERS - HARD SHADOWS - RAW ENERGY * 100% INLINE - 0 DEPENDENCIES *

TEST UMGEBUNG 07.19

FILE INDEX.PHP inline css+js
keine externen deps
server: teldot - /docker/teldot/www
DESIGN NEO-BRUTALISM Archivo Black - Space Mono - Space Grotesk
o orange o blau o mint o gelb
STATS
14
komponenten - 6 effekte - 0 framework

Komponenten-Uebersicht

SS 01 / KOMPONENTEN
HERO

BRUTAL TYPE

Archivo Black in XXL. Stamp-in animation mit rotate und blur. Drei farbige Woerter, jeweils eigener Schatten-Winkel.

FX

CURSOR TRAIL

Canvas 2D folgt der Maus - hartes Kreuz, kein weicher Glow.

FX

MARQUEE

Ticker laeuft endlos. Pure CSS, kein JS.

ANIM

SPIN

Rotierendes Quadrat aus puren Borders. 6s linear infinite.

KINETIC
BOUNCE

Hop-Animation pro Buchstabe mit rotate.

CSS

STRIPE PATTERN

repeating-linear-gradient in Bewegung. 45 Grad diagonale Linien.

LIVE

COUNTER

0000

Zaehlt hoch seit Seitenaufruf.

Interaktive Demo

SS 02 / PLAY

// GLITCH TEXT

Pure-CSS RGB-Split mit clip-path. Drei Layer verschieben sich asynchron.

TESTUMGEBUNG

// COLOR SHIFTER

Zufaellige Brutalist-Palette. Klick generiert neue Kombination.

Klick mich

// TYPEWRITER

Boot-Sequence-Stil mit blinkendem Cursor.

// SHAKE BUTTON

CSS-only Shake. Klick loest kurze Vibration aus.

0 shakes bisher

No 001
RAW
TYPE
POWER
TESTUMGEBUNG NEO-BRUTAL
No 002
NO
GLOW
NO BLUR
HARD EDGES ONLY
No 003
BOLD
BORDERS
3PX
STAMP IN
No 004
BOX
SHADOW
OFFSET
6PX 6PX 0
No 005
MONO
SPACE
FOREVER
SPACE MONO
No 001
RAW
TYPE
POWER
TESTUMGEBUNG NEO-BRUTAL
No 002
NO
GLOW
NO BLUR
HARD EDGES ONLY
No 003
BOLD
BORDERS
3PX
STAMP IN
No 004
BOX
SHADOW
OFFSET
6PX 6PX 0
No 005
MONO
SPACE
FOREVER
SPACE MONO
KOMPONENTEN
14
EFFEKTE
6
FRAMEWORKS
0
DEPENDENCIES
0