Corner Diagonals

Scope

• Apply only to buttons, cards, panels, and container shells.
• Use when surfaces need diagonal-cut corners or chamfered edges.
• Keep the hit area readable and usable even when the visual shape is clipped.
• Reuse the same corner logic across surfaces so it feels like a system.

Visual Target

• Diagonal cuts should feel engineered, sharp, and intentional.
• Cuts stay subtle and proportional to the component size.
• One or more corners can be chamfered, but the silhouette should still read quickly.
• Use diagonal corners as a repeated structural motif, not a one-off trick.

Cut Tokens