diff --git a/Readme.md b/Readme.md index 960292d..a16beae 100644 --- a/Readme.md +++ b/Readme.md @@ -1,3 +1,10 @@ +

+ + + tsc-diagnostics logo + +

+ # tsc-diagnostics A CLI that runs TypeScript compiler diagnostics and writes the results to JSON and HTML reports, so you can compare compile performance across projects and over time. diff --git a/assets/logo/README.md b/assets/logo/README.md new file mode 100644 index 0000000..3da1732 --- /dev/null +++ b/assets/logo/README.md @@ -0,0 +1,40 @@ +# tsc-diagnostics logo — Pulse + +Code brackets around a heartbeat line: a diagnostic reading taken from the TypeScript compiler. The bright dot marks the peak, the hotspot the reports point you to. + +## Files + +| File | Use | +|---|---| +| `tsc-diagnostics-icon.svg` / `-icon-dark.svg` | App icon, avatar, social media profile picture | +| `tsc-diagnostics-favicon.svg`, `favicon.ico` | Browser tab. Thicker strokes and one spike so it reads at 16–32px | +| `tsc-diagnostics-glyph.svg` / `-glyph-white.svg` | Mark without its tile, for coloured backgrounds | +| `tsc-diagnostics-horizontal.svg` / `-horizontal-dark.svg` | README header, website header | +| `tsc-diagnostics-vertical.svg` / `-vertical-dark.svg` | Slides, stickers, square spaces | +| `tsc-diagnostics-wordmark.svg` / `-wordmark-dark.svg` | Name only | +| `tsc-diagnostics-*-mono*.svg` | Flat, one colour, for print, embossing and badges | +| `png/` | Ready-made PNGs with transparent backgrounds (icon 256 and 512, horizontal and vertical at 2×) | + +Use the `-dark` files on dark backgrounds. + +## Colours + +| Role | Values | +|---|---| +| Tile | `#1C3D72` → `#0B1F3A` (dark version: `#28508F` → `#132C55`) | +| Brackets | `#6CB4FF` → `#2F6FC0` | +| Pulse | `#FF4F8B` → `#FF9A3D`, with a soft glow | +| `tsc` in the name | `#4D9DF5` → `#2A62B0` | +| Rest of the name | `#0B1F3A` (white on dark backgrounds) | +| Flat versions | TypeScript blue `#3178C6`, navy `#0B1F3A`, pink `#FF4F8B` | + +## Type + +The name is set in **Geist** (ExtraBold for `tsc`, SemiBold for `-diagnostics`) and converted to outlines, so you don't need the font to display it. + +## Usage + +- Leave clear space around the logo of at least a quarter of the icon's height. +- Use the horizontal version at 120px wide or more; below that, use the icon. Below 32px, use the favicon. +- Don't stretch, recolour or rotate the logo, and don't put the coloured version on busy photos. Use a flat version there instead. +- The glow uses an SVG blur filter. Browsers, Figma and Inkscape render it. Simpler renderers can get it wrong: ImageMagick's built-in one drops the brackets and pulse line completely. Where you need a bitmap, use the files in `png/`, which were exported from Chrome. diff --git a/assets/logo/favicon.ico b/assets/logo/favicon.ico new file mode 100644 index 0000000..f332d3c Binary files /dev/null and b/assets/logo/favicon.ico differ diff --git a/assets/logo/png/horizontal-dark.png b/assets/logo/png/horizontal-dark.png new file mode 100644 index 0000000..ece5a98 Binary files /dev/null and b/assets/logo/png/horizontal-dark.png differ diff --git a/assets/logo/png/horizontal.png b/assets/logo/png/horizontal.png new file mode 100644 index 0000000..2f1b7d8 Binary files /dev/null and b/assets/logo/png/horizontal.png differ diff --git a/assets/logo/png/icon-256.png b/assets/logo/png/icon-256.png new file mode 100644 index 0000000..bd1cc90 Binary files /dev/null and b/assets/logo/png/icon-256.png differ diff --git a/assets/logo/png/icon-512.png b/assets/logo/png/icon-512.png new file mode 100644 index 0000000..23fb9e2 Binary files /dev/null and b/assets/logo/png/icon-512.png differ diff --git a/assets/logo/png/vertical.png b/assets/logo/png/vertical.png new file mode 100644 index 0000000..5c2a8d5 Binary files /dev/null and b/assets/logo/png/vertical.png differ diff --git a/assets/logo/tsc-diagnostics-favicon.svg b/assets/logo/tsc-diagnostics-favicon.svg new file mode 100644 index 0000000..dd8b93e --- /dev/null +++ b/assets/logo/tsc-diagnostics-favicon.svg @@ -0,0 +1,23 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-glyph-white.svg b/assets/logo/tsc-diagnostics-glyph-white.svg new file mode 100644 index 0000000..426625b --- /dev/null +++ b/assets/logo/tsc-diagnostics-glyph-white.svg @@ -0,0 +1,20 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, without background + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-glyph.svg b/assets/logo/tsc-diagnostics-glyph.svg new file mode 100644 index 0000000..262606d --- /dev/null +++ b/assets/logo/tsc-diagnostics-glyph.svg @@ -0,0 +1,20 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, without background + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-horizontal-dark.svg b/assets/logo/tsc-diagnostics-horizontal-dark.svg new file mode 100644 index 0000000..3bf70c8 --- /dev/null +++ b/assets/logo/tsc-diagnostics-horizontal-dark.svg @@ -0,0 +1,28 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, next to the name tsc-diagnostics + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-horizontal-mono-white.svg b/assets/logo/tsc-diagnostics-horizontal-mono-white.svg new file mode 100644 index 0000000..4406532 --- /dev/null +++ b/assets/logo/tsc-diagnostics-horizontal-mono-white.svg @@ -0,0 +1,13 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, next to the name tsc-diagnostics + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-horizontal-mono.svg b/assets/logo/tsc-diagnostics-horizontal-mono.svg new file mode 100644 index 0000000..ca15a31 --- /dev/null +++ b/assets/logo/tsc-diagnostics-horizontal-mono.svg @@ -0,0 +1,13 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, next to the name tsc-diagnostics + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-horizontal.svg b/assets/logo/tsc-diagnostics-horizontal.svg new file mode 100644 index 0000000..001d893 --- /dev/null +++ b/assets/logo/tsc-diagnostics-horizontal.svg @@ -0,0 +1,28 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, next to the name tsc-diagnostics + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-icon-dark.svg b/assets/logo/tsc-diagnostics-icon-dark.svg new file mode 100644 index 0000000..cefbe6e --- /dev/null +++ b/assets/logo/tsc-diagnostics-icon-dark.svg @@ -0,0 +1,23 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-icon-mono.svg b/assets/logo/tsc-diagnostics-icon-mono.svg new file mode 100644 index 0000000..055e939 --- /dev/null +++ b/assets/logo/tsc-diagnostics-icon-mono.svg @@ -0,0 +1,9 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line + + + + + + diff --git a/assets/logo/tsc-diagnostics-icon.svg b/assets/logo/tsc-diagnostics-icon.svg new file mode 100644 index 0000000..f00b2cf --- /dev/null +++ b/assets/logo/tsc-diagnostics-icon.svg @@ -0,0 +1,23 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-vertical-dark.svg b/assets/logo/tsc-diagnostics-vertical-dark.svg new file mode 100644 index 0000000..dd4eb7b --- /dev/null +++ b/assets/logo/tsc-diagnostics-vertical-dark.svg @@ -0,0 +1,28 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, above the name tsc-diagnostics + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-vertical.svg b/assets/logo/tsc-diagnostics-vertical.svg new file mode 100644 index 0000000..1c491b3 --- /dev/null +++ b/assets/logo/tsc-diagnostics-vertical.svg @@ -0,0 +1,28 @@ + + tsc-diagnostics logo + Code angle brackets framing a heartbeat line, above the name tsc-diagnostics + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo/tsc-diagnostics-wordmark-dark.svg b/assets/logo/tsc-diagnostics-wordmark-dark.svg new file mode 100644 index 0000000..55affdb --- /dev/null +++ b/assets/logo/tsc-diagnostics-wordmark-dark.svg @@ -0,0 +1,9 @@ + + tsc-diagnostics logo + The name tsc-diagnostics + + + + + + diff --git a/assets/logo/tsc-diagnostics-wordmark.svg b/assets/logo/tsc-diagnostics-wordmark.svg new file mode 100644 index 0000000..9d8f714 --- /dev/null +++ b/assets/logo/tsc-diagnostics-wordmark.svg @@ -0,0 +1,9 @@ + + tsc-diagnostics logo + The name tsc-diagnostics + + + + + +