Abstract Geometric

Bold shapes. High contrast. Layering. Asymmetry.

01. The Cards

Shape Container

Geometric primitives. Border outlines. Solid shadows.

Featured

Dynamic Layer

Overlapping elements. High vibrance. chaotic energy.

Status
CPU Load98%
Memory42%
Activator Code:
css
1
2
3
.style-abstract-card { @apply bg-white p-8 border-2 border-slate-900 relative shadow-[8px_8px_0_#e2e8f0]; }

02. The Buttons

Activator Code:
css
1
2
3
.style-abstract-btn { @apply bg-slate-900 text-white font-black uppercase tracking-wider shadow-[4px_4px_0_#fbd38d]; }

03. The Input

Secure
Port 8080
Activator Code:
css
1
2
3
.style-abstract-input { @apply border-2 border-slate-900 shadow-[4px_4px_0_#e2e8f0]; }

04. The Table

IDUserRoleStatus
#001NeoThe OneActive
#002TrinityAdminActive
#003SmithAgentRogue
Activator Code:
css
1
2
3
.style-abstract-table { @apply w-full bg-white border-2 border-slate-900 shadow-[8px_8px_0_#805ad5]; }

05. The Modal

System Failure

Critical error detected. Initiate protocol Omega?

Activator Code:
css
1
2
3
.style-abstract-modal { @apply bg-white border-4 border-slate-900 shadow-[16px_16px_0_#000]; }