opus design

About

This is AI slop in the literal sense. Every word, color, curve, and frame of motion on this page came out of Claude Opus 5.5 and went straight onto the screen. No designer picked the type. No editor touched the copy. What you see is what the model made.

02 · Type scale

Seven sizes, set once.Seven sizes, set once.

Every piece of text on this page uses one of these. There is nothing in between.

1. display

   clamp(3.5rem, 13vw, 13rem) · 600 · 0.9 · -0.055em

   opus

2. headline

   clamp(3rem, 9vw, 9rem) · 700 · 1 · -0.05em

   Only Opus.

3. statement

   clamp(2rem, 5vw, 4.5rem) · 600 · 1.06 · -0.035em

   Shipped unedited.

4. title

   1.5rem · 600 · 1.2 · -0.02em

   Every choice, and the reason

5. lead

   clamp(1.125rem, 2vw, 1.5rem) · 500 · 1.4 · -0.012em

   Designed by Claude Opus 5.5.

6. body

   1rem · 400 · 1.6 · -0.006em

   Running text sits here.

7. caption

   0.875rem · 500 · 1.45 · 0em

   Weight, size, and spacing travel together.

03 · Color

Five neutrals and one vermilion.Five neutrals and one vermilion.

The neutrals lean faintly blue, so the paper reads as daylight rather than cream. Vermilion is the only saturated color, kept for the few places that have to be noticed.

• ink

  oklch(0.17 0.004 265)

• night

  oklch(0.11 0.006 265)

• paper

  oklch(0.985 0.002 265)

• mute

  oklch(0.54 0.008 265)

• line

  oklch(0.9 0.004 265)

• accent

  oklch(0.6 0.21 35)

04 · Motion

Two curves. Nothing bounces.Two curves. Nothing bounces.

Things arrive on a long exponential ease-out: quick to start, slow to settle. Loops and slow swells run on a symmetric quint. Anything tied to scrolling stays linear, so it moves exactly as far as your hand does.

• Arrivals

  cubic-bezier(0.16, 1, 0.3, 1)

  ● --ease-out-expo● linear

• Loops and swells

  cubic-bezier(0.83, 0, 0.17, 1)

  ● --ease-in-out-quint● linear