docs: add brand logos

tschaefer · tschaefer · commit 7653ea45e362 · 2026-02-22T20:51:57.000+01:00
diff --git a/.brand/README.md b/.brand/README.md
@@ -0,0 +1,38 @@
+# Finch Brand Assets
+
+This directory contains official branding assets for Finch.
+
+## Files
+
+| File | Description |
+|------|-------------|
+| `finch-logo-horizontal.svg` | Full horizontal logo — bird mark + wordmark, light mode |
+| `finch-logo-horizontal-dark.svg` | Full horizontal logo — bird mark + wordmark, dark mode |
+| `finch-icon-circle.svg` | Bird mark inside a circle, light mode |
+| `finch-icon-circle-dark.svg` | Bird mark inside a circle, dark mode |
+
+## Colours
+
+| Role | Hex |
+|------|-----|
+| Brand navy | `#20415a` |
+| White | `#ffffff` |
+
+## Usage
+
+- Use the **light** variants on white or light-coloured backgrounds.
+- Use the **dark** variants on dark backgrounds (e.g. GitHub dark theme).
+- For GitHub `README.md` use a `<picture>` element to switch automatically:
+
+```html
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset=".brand/finch-logo-horizontal-dark.svg">
+  <img src=".brand/finch-logo-horizontal.svg" alt="Finch - The Minimal Observability Infrastructure" width="300">
+</picture>
+```
+
+## Notes
+
+- All assets have a transparent background unless otherwise noted
+  (`finch-icon-circle.svg` has a white fill inside the circle stroke).
+- Do not alter the wordmark paths or the proportions of the bird mark.
diff --git a/.brand/finch-icon-circle-dark.svg b/.brand/finch-icon-circle-dark.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <!-- Circle background (dark mode) -->
+  <circle cx="50" cy="50" r="48" fill="#20415a"/>
+  <!-- Bird mark (dark mode: #ffffff) -->
+  <g transform="translate(-38.85,17.5) scale(0.697)">
+    <g transform="matrix(1.25,0,0,1.25,62.5,-15)">
+      <g transform="translate(0,-952.36218)">
+        <path fill="#ffffff" d="m 60.7828,964.36215 27.1809,0.8834 -27.1809,25.9958 z m -1.9745,1.4513 0,26.7845 -25.2681,0 c 8.6166,-8.7334 16.8796,-17.8103 25.2681,-26.7845 z m 27.7053,3.628 3.4864,1.1989 -12.5877,7.4768 z m -68.1835,2.9656 5.5226,0 12.8654,14.0705 -5.9854,6.1204 -12.4026,0 c 9e-4,-6.7347 0,-13.4597 0,-20.1909 z m -1.9746,1.2304 0,5.8364 -6.3555,0 z m 3.363,20.9796 38.627,0 -10.7675,29.43465 z m 39.0898,4.54286 0,41.20229 -12.5878,-6.8775 c 4.1972,-11.443 8.3886,-22.879 12.5878,-34.32479 z"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/.brand/finch-icon-circle.svg b/.brand/finch-icon-circle.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <!-- Circle background (light mode) -->
+  <circle cx="50" cy="50" r="48" fill="#ffffff" stroke="#20415a" stroke-width="2"/>
+  <!-- Bird mark (light mode: #20415a) -->
+  <g transform="translate(-38.85,17.5) scale(0.697)">
+    <g transform="matrix(1.25,0,0,1.25,62.5,-15)">
+      <g transform="translate(0,-952.36218)">
+        <path fill="#20415a" d="m 60.7828,964.36215 27.1809,0.8834 -27.1809,25.9958 z m -1.9745,1.4513 0,26.7845 -25.2681,0 c 8.6166,-8.7334 16.8796,-17.8103 25.2681,-26.7845 z m 27.7053,3.628 3.4864,1.1989 -12.5877,7.4768 z m -68.1835,2.9656 5.5226,0 12.8654,14.0705 -5.9854,6.1204 -12.4026,0 c 9e-4,-6.7347 0,-13.4597 0,-20.1909 z m -1.9746,1.2304 0,5.8364 -6.3555,0 z m 3.363,20.9796 38.627,0 -10.7675,29.43465 z m 39.0898,4.54286 0,41.20229 -12.5878,-6.8775 c 4.1972,-11.443 8.3886,-22.879 12.5878,-34.32479 z"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/.brand/finch-logo-horizontal-dark.svg b/.brand/finch-logo-horizontal-dark.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 70" width="260" height="70">
+  <!-- Bird mark (dark mode: #ffffff) -->
+  <g transform="translate(-46.8,5) scale(0.643)">
+    <g transform="matrix(1.25,0,0,1.25,62.5,-15)">
+      <g transform="translate(0,-952.36218)">
+        <path fill="#ffffff" d="m 60.7828,964.36215 27.1809,0.8834 -27.1809,25.9958 z m -1.9745,1.4513 0,26.7845 -25.2681,0 c 8.6166,-8.7334 16.8796,-17.8103 25.2681,-26.7845 z m 27.7053,3.628 3.4864,1.1989 -12.5877,7.4768 z m -68.1835,2.9656 5.5226,0 12.8654,14.0705 -5.9854,6.1204 -12.4026,0 c 9e-4,-6.7347 0,-13.4597 0,-20.1909 z m -1.9746,1.2304 0,5.8364 -6.3555,0 z m 3.363,20.9796 38.627,0 -10.7675,29.43465 z m 39.0898,4.54286 0,41.20229 -12.5878,-6.8775 c 4.1972,-11.443 8.3886,-22.879 12.5878,-34.32479 z"/>
+      </g>
+    </g>
+  </g>
+  <!-- Wordmark (dark mode: #ffffff) -->
+  <g transform="translate(80,-71.2) scale(0.674)">
+    <g transform="matrix(6.222,0,0,6.222,-4.978,77.668)">
+      <path fill="#ffffff" d="M0.8 20 l0 -14 l2.52 0 l0 14 l-2.52 0 z M4.16 14.26 l0 -2.52 l2.38 0 l0 2.52 l-2.38 0 z M4.16 8.52 l0 -2.52 l3.5 0 l0 2.52 l-3.5 0 z M9.26 12.58 l0 -6.58 l2.52 0 l0 6.58 l-2.52 0 z M9.26 20 l0 -6.58 l2.52 0 l0 6.58 l-2.52 0 z M18.86 20 l-5.48 -14 l2.72 0 l2.92 7.48 l0 -7.48 l2.52 0 l0 14 l-2.68 0 z M13.42 20 l0 -11.6 l2.52 6.42 l0 5.18 l-2.52 0 z M25 20 l-1.86 -1.86 l0 -10.28 l1.86 -1.86 l1.78 0 l0 2.52 l-0.74 0 l-0.38 0.38 l0 8.2 l0.38 0.38 l0.74 0 l0 2.52 l-1.78 0 z M27.62 20 l0 -2.52 l0.74 0 l0.38 -0.38 l0 -1.58 l2.52 0 l0 2.62 l-1.86 1.86 l-1.78 0 z M28.74 10.48 l0 -1.58 l-0.38 -0.38 l-0.74 0 l0 -2.52 l1.78 0 l1.86 1.86 l0 2.62 l-2.52 0 z M36.22 14.26 l0 -2.52 l2.24 0 l0 -5.74 l2.52 0 l0 8.26 l-4.76 0 z M32.86 20 l0 -14 l2.52 0 l0 14 l-2.52 0 z M38.46 20 l0 -4.9 l2.52 0 l0 4.9 l-2.52 0 z"/>
+    </g>
+  </g>
+</svg>
diff --git a/.brand/finch-logo-horizontal.svg b/.brand/finch-logo-horizontal.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 70" width="260" height="70">
+  <!-- Bird mark (light mode: #20415a) -->
+  <g transform="translate(-46.8,5) scale(0.643)">
+    <g transform="matrix(1.25,0,0,1.25,62.5,-15)">
+      <g transform="translate(0,-952.36218)">
+        <path fill="#20415a" d="m 60.7828,964.36215 27.1809,0.8834 -27.1809,25.9958 z m -1.9745,1.4513 0,26.7845 -25.2681,0 c 8.6166,-8.7334 16.8796,-17.8103 25.2681,-26.7845 z m 27.7053,3.628 3.4864,1.1989 -12.5877,7.4768 z m -68.1835,2.9656 5.5226,0 12.8654,14.0705 -5.9854,6.1204 -12.4026,0 c 9e-4,-6.7347 0,-13.4597 0,-20.1909 z m -1.9746,1.2304 0,5.8364 -6.3555,0 z m 3.363,20.9796 38.627,0 -10.7675,29.43465 z m 39.0898,4.54286 0,41.20229 -12.5878,-6.8775 c 4.1972,-11.443 8.3886,-22.879 12.5878,-34.32479 z"/>
+      </g>
+    </g>
+  </g>
+  <!-- Wordmark (light mode: #20415a) -->
+  <g transform="translate(80,-71.2) scale(0.674)">
+    <g transform="matrix(6.222,0,0,6.222,-4.978,77.668)">
+      <path fill="#20415a" d="M0.8 20 l0 -14 l2.52 0 l0 14 l-2.52 0 z M4.16 14.26 l0 -2.52 l2.38 0 l0 2.52 l-2.38 0 z M4.16 8.52 l0 -2.52 l3.5 0 l0 2.52 l-3.5 0 z M9.26 12.58 l0 -6.58 l2.52 0 l0 6.58 l-2.52 0 z M9.26 20 l0 -6.58 l2.52 0 l0 6.58 l-2.52 0 z M18.86 20 l-5.48 -14 l2.72 0 l2.92 7.48 l0 -7.48 l2.52 0 l0 14 l-2.68 0 z M13.42 20 l0 -11.6 l2.52 6.42 l0 5.18 l-2.52 0 z M25 20 l-1.86 -1.86 l0 -10.28 l1.86 -1.86 l1.78 0 l0 2.52 l-0.74 0 l-0.38 0.38 l0 8.2 l0.38 0.38 l0.74 0 l0 2.52 l-1.78 0 z M27.62 20 l0 -2.52 l0.74 0 l0.38 -0.38 l0 -1.58 l2.52 0 l0 2.62 l-1.86 1.86 l-1.78 0 z M28.74 10.48 l0 -1.58 l-0.38 -0.38 l-0.74 0 l0 -2.52 l1.78 0 l1.86 1.86 l0 2.62 l-2.52 0 z M36.22 14.26 l0 -2.52 l2.24 0 l0 -5.74 l2.52 0 l0 8.26 l-4.76 0 z M32.86 20 l0 -14 l2.52 0 l0 14 l-2.52 0 z M38.46 20 l0 -4.9 l2.52 0 l0 4.9 l-2.52 0 z"/>
+    </g>
+  </g>
+</svg>
diff --git a/README.md b/README.md
@@ -1,3 +1,8 @@
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset=".brand/finch-logo-horizontal-dark.svg">
+  <img src=".brand/finch-logo-horizontal.svg" alt="Finch - The Minimal Observability Infrastructure" width="300">
+</picture>
+
 # The Minimal Observability Infrastructure
 
 [![Tag](https://img.shields.io/github/tag/tschaefer/finchctl.svg)](https://github.com/tschaefer/finchctl/releases)
