Claude Type

Claude Type presents a stately, minimalist aesthetic focused on displaying luxury typefaces. Its visual language relies on expansive neutral backgrounds, sparse content arrangements, and high-contrast typography. Typography is the primary visual element, with generous use of letter-spacing and custom font features. Images serve as artistic showcases, contained within large, softly rounded or arched frames, giving a gallery-like feel to the content. Prioritize typography as the primary visual element, using MagicUIPro with careful attention to size and letter-spacing. Use Canvas White (#fcfbf7) or Paper Gray (#e7e4e0) for all page and section backgrounds to maintain a clean, airy feel. Container imagery within large rounded or arched frames (900px radius) to create a gallery aesthetic. Apply 100px border-radius to all interactive elements like buttons and chips to achieve a soft, 'pill-shaped' appearance. Maintain generous spacing between sections and elements, with a base element gap of 16px and section gap of 180px, to emphasize content scarcity and luxury. Use Midnight Ink (#0d0d0f) for all primary text and Deep Charcoal (#2b1b1b) for secondary text or subtle borders. Employ the 'dlig' font feature for all MagicUIPro text to render discretionary ligatures, enhancing typographic elegance. Avoid strong, vivid chromatic colors. Keep color palette subdued, relying on neutrals and a single subtle accent. Do not use sharp 0px corners on any card or actionable UI element; 32px is the minimum for cards, 100px for buttons. Do not overcrowd sections with dense content; maintain a comfortable density with ample breathing room. Avoid heavy shadows or elevation effects; the design relies on subtle background color shifts for surface distinction. Do not use generic system fonts; only MagicUIPro (or its identified substitute) should be used for branding consistency. Minimize the use of multiple font weights; the system primarily uses a single weight with size and spacing for visual hierarchy. Do not use decorative borders on elements other than subtle outlines for ghost buttons or inputs.