Epicuts Design

Apple's quiet grays with one blue accent. Semantic colors flip in dark sections, so components never pick a raw color.

The system font and apple.com's type scale. Every size carries its own line height, tracking and weight.

Breakpoints, columns, spacing, corner radii and elevation. Hairlines do most of the work; shadows are rare.

One easing curve for everything, short durations, and no animation for anyone who asks for reduced motion.

The Epicuts wordmark and symbol in every version, ready to copy or download.

Microsoft's Fluent 3D emoji, hosted on our CDN. Search them, pick a skin tone and copy the code.

Pill buttons in the accent, gray and ghost. The site leads with one blue button per view and pairs it with a gray one.

The main call to action: the host's portrait peeks out of the button. Pill on the page, rounded in the header.

Small labels and icon pills.

The site's container: a hairline card on the page surface. Media inside keeps concentric corners.

Apple's segmented control. Tabs use the same look to switch panels.

Questions that open in place. Closed answers stay in the page for search and find-in-page.

A floating card for short explanations.

Heading, Text and Eyebrow apply the type scale with responsive sizes and tones.

Full-width bands with the section rhythm and a centered column.

Numbered steps and checks in a round badge.

Laurel branches drawn around a rating or award line.

An endless horizontal scroller with faded edges. Pauses for reduced motion.

Fluent 3D emoji from R2, sized to the text around them. Browse them all on the Emoji page.

HLS video from R2 with the Epicuts skin. Shows the poster first and loads the player near the viewport.