A Design Aesthetic Reference

Balletcore

grace in every detail

Satin, tulle, and the quiet discipline of movement. Where every element is a gesture, every space breathes like a studio before curtain rise, and beauty lives in the tension between softness and control.

Enter the Studio
The Palette

Color Language

Tonal shifts as gentle as light across a studio floor

Ballet Pink
#F2D1CB
Pointe Satin
#FDEEF4
Blush Tulle
#F8E0E6
Warm Ivory
#FFF8F3
Champagne Silk
#F7E7CE
Dusty Rose
#D4A5A5
Stage Mauve
#C9929D
Ribbon Pink
#E8A0B5
Chiffon Lavender
#E6D5E8
Leotard Nude
#EDBBA8
Spotlight Gold
#D4B896
Rehearsal Gray
#B8A9AC
Barre Charcoal
#5C4A4F
Curtain Burgundy
#7A3B4E
Studio White
#FFFBF8
The Type

Typography Specimens

Elongated serifs and fluid letterforms that echo a dancer's posture

Display / Cormorant Garamond Light Italic
En Pointe
Adagio 300 Italic
Tendu 400 Regular
Relevé 500 Medium
Coda 600 Semi
Tall Display / Italiana
Prima Ballerina Assoluta

Italiana's tall, narrow letterforms mirror the elongated lines of a dancer's body in extension. Best used for display headings where verticality and poise define the composition.

Body / Libre Baskerville — Accent / Dancing Script

The body text carries the elegance of classical serif design with refined stroke contrast and generous x-height. It reads with the same quiet confidence as a dancer holding an arabesque — perfectly balanced, entirely composed.

plier, relever, tourner
Interface / Josefin Sans — Subheading / Tenor Sans
Navigation · Buttons · Labels · Captions

Tenor Sans offers clean classical proportions for subheadings and secondary text, bridging the gap between the decorative display and the functional interface layer.

The Elements

Satin Components

Cards, buttons, and panels with the luminous warmth of stage lighting

🧶

Satin & Ribbon

The luminous sheen of satin pointe shoes and the graceful wrap of ribbons lacing up the ankle. Smooth, tactile, deeply personal.

Texture

Stage Lighting

Warm amber and rose washes that frame without overwhelming. Soft radial gradients that simulate theatrical spotlights on skin.

Atmosphere
🎼

Tulle Layers

Translucent, weightless, endlessly layerable. Each semi-transparent plane softens the one beneath it, building depth without mass.

Layering
🖇

Studio Mirrors

Clean reflective surfaces and horizontal barre lines that structure the space. The studio is both workshop and cathedral.

Environment

Fluid Motion

Gentle CSS animations with ease-in-out curves. Every transition choreographed with intention, controlled grace replacing abruptness.

Animation

Disciplined Space

Generous white space as the visual equivalent of silence between musical phrases. Every element placed with the precision of choreography.

Layout
The body says what words cannot.
Martha Graham
The Craft

Visual Effects

Satin sheens, tulle overlays, mirror reflections, and stage spotlights

Satin Gradient

Animated background gradients that shift like light moving across silk fabric, catching and releasing highlights in a continuous, fluid cycle.

Tulle Layering

Semi-transparent circles that breathe and overlap, creating the gauzy depth of layered chiffon and tulle fabric.

Mirror Reflection

A gradient split simulates a dance studio mirror with its horizontal barre line dividing the real from the reflected.

Stage Spotlight

A warm radial glow over a deep curtain background, pulsing gently like theatrical lighting settling before a performance begins.

The Positions

Five Fundamentals

The classical foundation of all ballet movement

I

Première

Heels together, toes turned out. The origin point.

II

Seconde

Feet shoulder-width apart, arms extended wide.

III

Troisième

One foot placed halfway in front of the other.

IV

Quatrième

Feet apart, one placed forward of the other.

V

Cinquième

Feet tightly crossed, heel to toe. Complete closure.

The Actions

Button Variations

Ribbon, satin, ghost, and spotlight gold

The Studio

Mirror Gallery

Reflective planes, warm tones, and the horizontal discipline of the barre

Pointe Satin
Champagne Silk
Chiffon Lavender
Blush Tulle
Ballet Pink
The Numbers

Movement Metrics

15
Palette Colors
300
Lightest Weight
0.4s
Transition Duration
24px
Border Radius
The Practice

Design Principles

The daily discipline behind every graceful interface

The Details

Form Elements

Inputs and fields with the softness of satin and the focus of stage light

Submit Gracefully
To dance is to be out of yourself. Larger, more beautiful, more powerful.
Agnes de Mille