CURATED · OPEN · FREE

Claude

Worth including as a masterclass in restrained, premium AI product design that uses traditional typography in a modern web context.

AI Productivity Clean Calm Premium
Claude screenshot

Visit: https://claude.com

Open in OpenDesign

Design DNA

Visual language

A warm monochrome palette using off-whites, deep charcoals, and subtle warm grays to create a calm, premium aesthetic.

Layout structure

A clean, centered 12-column grid with generous gutters and a split hero layout that prioritizes white space.

Interaction shape

Subtle, smooth transitions and hover states that provide clear feedback without being distracting.

Motion rules

Brief, smooth transitions with a custom cubic-bezier curve that enhance the overall sense of refined calm.

en · zh-CN · zh-TW · ja · ko