Brand refresh: magenta palette, animated ECMWF hero with credits

Author: maxrjones

.vitepress/theme/custom.css

@@ -1,15 +1,35 @@
 :root {
-  --vp-c-brand-1: #367d93;
-  --vp-c-brand-2: #52adc8;
-  --vp-c-brand-3: #52adc8;
-  --vp-c-brand-soft: rgba(82, 173, 200, 0.14);
+  --vp-c-brand-1: #952f7c;
+  --vp-c-brand-2: #c93d80;
+  --vp-c-brand-3: #c93d80;
+  --vp-c-brand-soft: rgba(201, 61, 128, 0.14);
+
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #d97e6a 20%, #c93d80 80%);
+  --vp-home-hero-image-filter: blur(56px);
 }
 
 .dark {
-  --vp-c-brand-1: #a4cdd9;
-  --vp-c-brand-2: #79b8cc;
-  --vp-c-brand-3: #79b8cc;
-  --vp-c-brand-soft: rgba(121, 184, 204, 0.16);
+  --vp-c-brand-1: #f1a8c8;
+  --vp-c-brand-2: #e57aa9;
+  --vp-c-brand-3: #e57aa9;
+  --vp-c-brand-soft: rgba(229, 122, 169, 0.16);
+}
+
+.VPHero .VPImage {
+  border-radius: 14px;
+  box-shadow: 0 24px 64px -16px rgba(149, 47, 124, 0.45),
+              0 8px 24px -8px rgba(149, 47, 124, 0.25);
+}
+
+@media (min-width: 960px) {
+  .VPHero .image-container {
+    width: 420px;
+    height: 420px;
+  }
+  .VPHero .image-src {
+    max-width: 100%;
+    max-height: 100%;
+  }
 }
 
 .adopters-grid {

NOTICE.md

@@ -0,0 +1,31 @@
+# Third-Party Notices
+
+This site bundles third-party assets that are governed by their own licenses.
+
+## Hero animation (`public/images/zarr-hero.gif`)
+
+Adapted from `dynamical-zarr-ecmwf.gif` in the [developmentseed/deck.gl-raster](https://github.com/developmentseed/deck.gl-raster) repository (MIT License).
+
+```
+MIT License
+
+Copyright (c) 2025 Development Seed
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

index.md

@@ -6,8 +6,8 @@ hero:
   text: Chunked, compressed, N-dimensional arrays
   tagline: An open, community-driven format for storing large arrays in any key-value store, including cloud object storage.
   image:
-    src: /images/llc4320_sst.png
-    alt: Sea surface temperature visualization, credit Ryan Abernathey
+    src: /images/zarr-hero.gif
+    alt: Animated ECMWF temperature forecast rendered from a Zarr store, credit Development Seed (deck.gl-raster)
   actions:
     - theme: brand
       text: Implementations
@@ -72,3 +72,7 @@ NumFOCUS Sponsored Projects rely on the generous support of corporate sponsors,
 [Videos](https://www.youtube.com/playlist?list=PLvkeNUPrCU04Xvcph4ErxsRkZq28Oucr7) of community members talking about Zarr. If you have a video you'd like us to share, let us know!
 
 <iframe width="640" height="480" src="https://www.youtube.com/embed/videoseries?list=PLvkeNUPrCU04Xvcph4ErxsRkZq28Oucr7" frameborder="0" allowfullscreen></iframe>
+
+## Acknowledgements
+
+Hero animation adapted from [`dynamical-zarr-ecmwf`](https://github.com/developmentseed/deck.gl-raster/tree/main/examples/dynamical-zarr-ecmwf) in [developmentseed/deck.gl-raster](https://github.com/developmentseed/deck.gl-raster), © 2025 Development Seed (MIT License). Full notice: [NOTICE.md](https://github.com/zarr-developers/zarr-developers.github.io/blob/main/NOTICE.md).