Avant Basic -- Extravagance in the Age of Mechanical Reproduction

Color Palette

Soft, Saturated, Playful

Light hues dominate the palette. Colors are soft but saturated enough to feel playful -- vibrant pastels placed against clean white or neutral backdrops to let the color pop without becoming overwhelming.

#F4A7BB

Pastel Pink

Primary

#A8D8EA

Pastel Blue

Secondary

#B5EAD7

Pastel Green

Accent 1

#FFCBA4

Pastel Orange

Accent 2

#C3B1E1

Pastel Lavender

Accent 3

#F8F5F0

Warm Cream

Background

#2D2D2D

Soft Dark

Text

Typography

Rounded, Organic, Joyful

Playful, rounded, and organic lettering that avoids rigid or corporate typefaces. Bold and extra-bold for headings, regular or medium for body text. Generous sizing with confident, large headings and comfortable line spacing.

Display / Hero -- Fredoka

The playful spirit of maximalism, rendered in pastel.

Fredoka 700 Bold Rounded sans-serif

Headings -- Comfortaa

Curved geometry meets confident scale. Every heading should feel like an invitation to explore something delightful.

Comfortaa 700 Bold Geometric rounded

Body Text -- Poppins

Avant Basic embraces maximalism as a deliberate contrast to minimalism. The term was coined in December 2020 by Emma Hope Allwood, describing it as "extravagance in the age of mechanical reproduction." Its visual language draws on pastel colors, retro-psychedelic patterns, and a combination of clean and curved lines -- popularized through Instagram and TikTok as an aesthetic that values playfulness, kitsch, and creativity over corporate restraint.

Poppins 400 Regular Clean sans-serif with soft geometry

Accent / Labels -- Quicksand

PERFECT FOR LABELS, BADGES, AND NAVIGATIONAL ELEMENTS THAT NEED A TOUCH OF PERSONALITY WITHOUT SHOUTING.

Quicksand 600 Semi-Bold Rounded geometric

Visual Characteristics

Shapes, Forms & Effects

Curved and rounded elements are central. Everything is softened -- generous border-radius values, pill shapes, blob forms, wavy dividers, and organic geometry that feels hand-drawn but structured.

Organic Blob Shapes

Irregular border-radius creates living, breathing organic forms. No sharp edges allowed.

Checkerboard Pattern

A signature Avant Basic motif, used at various scales as backgrounds, accents, and decorative elements.

Playful Rounded Soft Bubbly Organic

Pill & Rounded Shapes

border-radius: 999px creates signature pill shapes for buttons, tags, and interactive elements.

Pastel Gradients

Subtle pastel-to-pastel gradient washes create dreamy, flowing color transitions.

Soft Colored Shadows

Tinted box-shadows in pastel hues create a warm glow effect instead of harsh grey shadows.

Wavy & Squiggly Lines

Used as dividers, borders, and decorative accents -- bringing movement and playfulness to layouts.

Patterns & Textures

Signature Motifs

Checkerboard patterns, abstract florals, organic swirls, Memphis-influenced geometric shapes, and dreamy gradient washes -- the visual building blocks of Avant Basic.

Checkerboard

Memphis

Stripes

Gradient

Swirl

Waves

Layout

Maximalist but Organized

Lots of visual elements arranged with intentional rhythm. Neutral backgrounds as canvas, mixed scales, asymmetric balance, gallery-wall compositions, and layered depth.

Gallery-Wall Composition

Grid-breaking layouts where items are arranged in organic, curated clusters -- not rigidly symmetrical.

Mixed Scales

Colors and patterns repeated at different sizes.

Layering

Elements overlap and stack for visual depth.

Asymmetric Balance

Balance achieved through color weight and visual density rather than strict alignment. White space acts as a canvas for colorful, patterned elements.

Layout Principles

Maximalist but Organized

Lots of visual elements arranged with intentional rhythm and purpose.

White Space as Backdrop

Neutral backgrounds act as a canvas for colorful, patterned elements.

Mixed Scales

Repeat colors and patterns at different sizes to create visual cohesion.

Asymmetric Balance

Balance through color weight and visual density, not strict alignment.

Layering

Elements overlap and stack to create depth and visual richness.

Playful Hierarchy

Emphasis through color, scale, and shape -- not typographic hierarchy alone.

CSS Techniques

Building the Aesthetic in Code

From generous border-radius values to organic blob shapes, checkerboard patterns to pastel-tinted shadows -- here are the key CSS techniques that bring Avant Basic to life on the web.

Border Radius & Soft Shapes

/* Generous rounding on all elements */
.card {
  border-radius: 24px;
}
.button {
  border-radius: 999px; /* pill */
}
.container {
  border-radius: 16px;
}

Checkerboard Pattern

.checkerboard {
  background-image:
    linear-gradient(45deg,
      #F4A7BB 25%, transparent 25%),
    linear-gradient(-45deg,
      #F4A7BB 25%, transparent 25%),
    linear-gradient(45deg,
      transparent 75%, #F4A7BB 75%),
    linear-gradient(-45deg,
      transparent 75%, #F4A7BB 75%);
  background-size: 40px 40px;
}

Blob / Organic Shapes

.blob {
  border-radius:
    60% 40% 50% 70% /
    50% 60% 40% 60%;
  /* Irregular border-radius creates
     organic blob forms */
}

Soft Shadows & Glows

.card {
  box-shadow:
    0 8px 32px
    rgba(244, 167, 187, 0.2);
}
.highlight {
  box-shadow:
    0 0 20px
    rgba(168, 216, 234, 0.4);
}

Pastel Gradients

.gradient-bg {
  background:
    linear-gradient(135deg,
      #A8D8EA 0%,
      #F4A7BB 50%,
      #FFCBA4 100%);
}

Wavy Section Edges

.wavy-divider {
  clip-path: polygon(
    0% 0%, 100% 0%, 100% 85%,
    75% 100%, 50% 85%,
    25% 100%, 0% 85%
  );
}

Influences

Standing on the Shoulders of Bold Design

Memphis Design

1960s & 70s Retro

Psychedelia

Mid-Century Modern

Memphis Design provides the primary visual ancestry -- bold geometry, clashing patterns, and bright pastels. The 1960s and 70s contribute retro color palettes, psychedelic swirls, and organic forms. Psychedelia brings flowing, melting shapes with saturated but dreamy color relationships. Mid-Century Modern supplies the clean structure underlying the maximalist surface layer.

Related Aesthetics

Part of a Bigger Movement

Visual References

Associated Brands

These brands embody the Avant Basic sensibility -- playful, colorful, maximalist, and unapologetically joyful.

Lisa Says Gah! House of Sunny Paloma Wool Gimaguas Ganni Stine Goya Baum und Pferdgarten Coming Soon NYC Holiday the Label Lisa Says Gah! House of Sunny Paloma Wool Gimaguas Ganni Stine Goya Baum und Pferdgarten Coming Soon NYC Holiday the Label

Core Values

What Avant Basic Stands For

More than an aesthetic -- it is a set of values that celebrate joy, excess, and creative independence.

Playfulness

Every element should feel joyful and approachable.

Maximalism

More is more. Embrace visual density with intention.

Kitsch

Deliberately fun, unserious, and colorful.

Creativity

Handmade feel, organic irregularity, anti-corporate.

Inclusivity

Celebrating female, queer, non-binary, and minority-owned businesses.