Visually Bold,
Functionally Brilliant.

The Mem-Modern component library brings 1980s Memphis design into the modern web era.

Style Guide

Color Palette

Panther #222023
Paper #FDFDFD
Electric #00FFFF
Flamingo #FF6392
Canary #FFF352
Orchid #AF52DE
Spearmint #52DE9A

Typography

HEADINGS - POPPINS

Heading 1

Heading 2

Heading 3

Heading 4

BODY - INTER

Medium Body (18px)

Regular Body (16px)

Small Body (14px)

Spacing System

4px
8px
12px
16px

Pattern Library

Confetti

Dense random micro-shapes for playful backgrounds.

SVG Pattern

Squiggle Grid

Structured but playful lines with subtle animation.

Animated SVG

Geometric Field

Large overlapping shapes for bold section dividers.

SVG Pattern

Component Library

Buttons

Inputs

Cards

Content Card

A simple card for displaying content with a clean layout.

Media Card

Card with media element at the top.

Pattern Card

Card with Memphis-style pattern accent.

$29 /month

Alerts & Toasts

Success: Your action was completed successfully.
Warning: This action cannot be undone.

Data Visualization

Mini Line Chart

Donut Chart

KPI Chip

Total Revenue

$12,345

Interactive Prototype

Form Flow

Modal Flow

Confirm Action

Are you sure you want to delete this item? This action cannot be undone.

Made with DeepSite LogoDeepSite - 🧬 Remix