Cut Remove Done logo set
========================

The mark is a bold C with a see-through checker bowl, inside a rounded
square whose top-right corner is open. A violet dotted cut line closes
the C and breaks out through that corner, ending in a solid violet dot.

Colours
  Ink     #1D1D1F
  Canvas  #FBFBFD
  Iris    #5B5BD6
  Iris on dark  #8B8BF0

Clear space: a quarter of the mark's width on every side.
Minimum size for the full mark: 32px. Below that, use the small mark
(C plus dot, no dotted line or checker).

Wordmark: Inter SemiBold (weight 600), tracking -0.03em, with "Done"
in iris. A ™ sits at the top right of the word, in ink, at about a
third of the cap height. The standalone mark (the C in the frame) has
no ™, including on app icons and favicons. Cut Remove Done and the
CRD logo are trademarks of Vexoris Development Products; they are not
registered yet, so we use ™, never ®. Letters were converted to paths.

Files
  mark-light.svg, mark-dark.svg
  mark-mono-black.svg, mark-mono-white.svg
  mark-inverse.svg          (open frame on a dark surface)
  mark-small.svg            (C plus tip-dot, dark tile, for 16 and 32px)
  mark-small-light.svg      (open frame plus C plus end-dot)
  lockup-horizontal-*.svg, lockup-stacked-*.svg
  lockup-horizontal-*.png, lockup-stacked-*.png  (transparent)
  favicon.svg, favicon.ico (16, 32, 48)
  apple-touch-icon.png (180)
  icon-192.png, icon-512.png, icon-maskable-512.png
  og-1200x630.png
  logo-loader.svg           (the cut-dot travels the path; respects reduced motion)
  brand-sheet.png

The small mark places the violet dot at the C's upper tip so it stays
visible at 16px. App icons use the full mark (C, dotted cut, end-dot)
on a solid ink tile, scaled so the end-dot stays inside a rounded mask.

Animated logo
  The intro is about two seconds. The frame draws itself, the C sweeps in,
  the checker fades up, and the violet cut traces out through the open
  corner. The end dot lands with a short overshoot and settles. On the
  lockups, the wordmark follows letter by letter, with Done last in iris
  and the ™ arriving after it. The standalone animated mark has no ™.

  Files live in animated/:
    logo-animated-light.svg, logo-animated-dark.svg
    lockup-horizontal-animated-light.svg, lockup-horizontal-animated-dark.svg
    lockup-stacked-animated-light.svg, lockup-stacked-animated-dark.svg
    logo-animated-1080.mp4, logo-animated-1080-dark.mp4
    logo-animated-1920x1080.mp4
    logo-animated-1080-loop.webm, logo-animated-1080-loop.gif
    logo-animated-1080-transparent.webm

  The SVGs use CSS keyframes inside the file, so they play as an <img>.
  They honour prefers-reduced-motion by showing the finished mark.

Transparent animated logo
  In animated/transparent/. "light" files have the ink mark for light
  surfaces, "dark" files have the white mark for dark surfaces. All play
  the same two-second intro, then rest on the finished mark.

    logo-animated-transparent-*.webm               VP9 with alpha. Chrome, Edge, Firefox,
                                                   Android, OBS, CapCut desktop.
    logo-animated-transparent-*-hevc.mov           HEVC with alpha. Safari on Mac, iPhone
                                                   and iPad, Final Cut, Keynote, iMovie.
    logo-animated-transparent-*-prores4444-30fps.mov
                                                   ProRes 4444 with alpha, the editing
                                                   master. Premiere Pro, After Effects,
                                                   DaVinci Resolve, Final Cut.
    logo-animated-transparent-*-512.png            Animated PNG (APNG), loops. Works as
                                                   a plain <img> in every modern browser.
    logo-animated-transparent-*-720.webp           Animated WebP, loops. Every modern
                                                   browser, Telegram, WhatsApp stickers.
    logo-animated-transparent-*-512.gif            GIF, loops. GIF only has on/off
                                                   transparency, so the soft edges are
                                                   pre-blended: use the light GIF on
                                                   light pages and the dark GIF on dark.
    logo-animated-*.lottie.json                    Lottie. Scales to any size. lottie-web,
                                                   LottieFiles, iOS and Android Lottie.

  On a web page, list the HEVC file first and the WebM second:
    <video autoplay muted playsinline>
      <source src="logo-animated-transparent-light-hevc.mov" type='video/quicktime; codecs="hvc1"'>
      <source src="logo-animated-transparent-light.webm" type="video/webm">
    </video>
  Safari picks the HEVC file and the other browsers fall through to WebM.
