Skip to content
Library

CleanShot X. Blue-lit desktop studio.

  • Productivity
  • Light theme
  • 7 colors
  • 1 typeface

CleanShot X — blue-lit Mac utility. The interface is a white, spacious product canvas where near-black Google Sans Flex carries almost all information and Electric Capture Blue appears as concentrated purchase and exploration punctuation. Product media supplies the visual drama: layered macOS windows, dark interface panels, and blue atmospheric fields sit inside soft 20px containers, while testimonial cards remain nearly weightless against the canvas. Headlines use a compact, tightly tracked 600 weight; the page earns its Mac-native character through rounded controls, blurred floating surfaces, and shadows that read like subtle hardware lift rather than deep elevation.

Screenshot of CleanShot X
Captured from cleanshot.com on October 11, 2026

CleanShot X design system

CleanShot X

Brand1

  • Filled purchase and exploration buttons, blue product accents, and selected emphasis — a sharply saturated blue breaks the otherwise monochrome Mac-workspace palette

Accent1

  • Dark-section and wordmark-style accent gradient, extending Studio Black into a brighter blue edge

Neutrals5

  • Display headlines, high-emphasis body copy, and the dominant text treatment on white

  • Announcement badges and dark media or footer-like surfaces

  • Navigation text, secondary headings, dark outlines, icon strokes, and card-copy emphasis

  • Long-form supporting copy, feature descriptions, and restrained metadata

  • Page backgrounds, card surfaces, white secondary controls, and light text on dark badges

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper White on Electric Capture Blue

6.98 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.