diff --git a/app/assets/images/blob.svg b/app/assets/images/blob.svg
index 04cabc6cd..7dfcb310b 100644
--- a/app/assets/images/blob.svg
+++ b/app/assets/images/blob.svg
@@ -1 +1 @@
-<svg viewBox="0 0 934 680.42" xmlns="http://www.w3.org/2000/svg"><path d="m287.43 680.42c-38.8 0-76.44-7.6-111.88-22.59-34.23-14.48-64.97-35.2-91.36-61.6-26.4-26.4-47.12-57.14-61.6-91.36-14.99-35.43-22.59-73.08-22.59-111.88s7.6-76.44 22.59-111.88c14.48-34.23 35.2-64.97 61.6-91.36 26.4-26.4 57.14-47.12 91.36-61.6 35.44-14.99 73.08-22.59 111.88-22.59 9.9 0 19.91.51 29.76 1.53 2.38.24 4.76.37 7.12.37 17.44 0 34.35-6.56 47.27-18.53 25.98-24.07 55.59-43.8 88.02-58.66 43.86-20.09 90.74-30.27 139.35-30.27 45.23 0 89.11 8.86 130.42 26.33 39.9 16.87 75.73 41.03 106.5 71.8s54.93 66.6 71.8 106.5c17.47 41.31 26.33 85.19 26.33 130.42 0 53.79-13.05 107.27-37.75 154.65-23.55 45.18-57.75 85.07-98.9 115.37-1.15.84-2.27 1.73-3.36 2.64-48.15 40.24-109.26 62.39-172.09 62.39-2.88 0-5.82-.05-8.73-.14-.74-.02-1.48-.04-2.22-.04-.68 0-1.36 0-2.03.03-3.32.1-6.67.15-9.96.15-41.94 0-84.74-8.18-123.79-23.64-8.25-3.27-16.94-4.89-25.62-4.89-10.88 0-21.73 2.55-31.63 7.61-40.04 20.45-85.16 31.25-130.49 31.25z"/></svg>
\ No newline at end of file
+<svg viewBox="0 0 990 990" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h990v990h-990z" fill="none"/><path d="m391.65 879.47c-110.52-15.95-212.21-91.86-255.92-191.23-66.78-143.65-41.62-347.61 48.08-481.17 368.33-516.3 1252.97 520.2 451.03 660.78-44.07 8.84-88.98 13.49-133.01 15.68-36.69 2-73.37 1.91-109.99-4.03z"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/splat-1.svg b/app/assets/images/splat-1.svg
deleted file mode 100644
index e2097e4f1..000000000
--- a/app/assets/images/splat-1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 934 914" xmlns="http://www.w3.org/2000/svg"><circle cx="485.2" cy="467.2" r="286.5"/><path d="m197.7 219.1c-.2-7.1 5.8-11.7 12.7-13.2 34-7.1 53.5 29.2 81.4 40 39.5 6.4 25.9-54 30.8-77.7 17.2-65.3 78.4 67.2 108.2 55.7 26.8-17.3 25.9-58.8 38.7-86.1 9.6-41.5 30.4-2.6 48.6 10.1 14.2 11.2 31.9 17.9 45.1 29.9 13 11.2 20 29.1 35.8 36.8 20.2 9.1 44.8 2.3 65.2 11.8 18.3 7.2 33.8 22.6 52.5 30.4 23 8.6 42.4 1.8 37.8 35.1 2.7 36.8 38.3 71.9 40.1 108.6-.2 21.1-30.1 21.7-22.4 36.3 22.1 32.5-7.7 51.1 21 93.3 7 43.2-91.2-7.2-14.3 78.2 13.2 13.7 22.3 28.2 4.5 40.2-18.7 18.4-19.5 18.4-45 13.8-15.5-1.2 1.8 16.5-4.6 22.7-21.1 8-6.7 22-14.6 34.9-6 3.2-14.7-2.6-21.1-4-17.2-6.2-11.5 17.5-15.3 25.7-4 7.3-15.6 1.5-22.2-.2-26.7-10.8-55.1-3.1-82.4-.2-14.2 1.1-26 2.2-30.2 18.3-8 20.8-7.5 87.5-41.5 68.5-15.3-7.2-29.8-51.7-45.3-26.4-2.8 3.9-6.4 9.3-11.2 5.9-20.7-27.6-17-71-54.3-25.6-29.6 29.4-32.5 2.5-48.8-20.5-18.9-17.1-48.4-20.5-61.6-44.6-18.5-27.6-35.8-54.6-60.2-77.9-10.5-10.8-60.9-17.2-34.7-35.6 42.5-23.5-50.6-14-19.6-30.8 33.5-11.7 12.7-23.2-10.3-28.1-6.2-1.9-22-3.3-22.7-8.2 2.9-11.2 13.8-26.5 22.6-35.7 38.3-20.1-7-33.5-23.6-48.2-4-4.4 4.8-2.9 5.5-5.8-7.4-11.8-11.8-10-.4-21.8 3.2-7.8-4.9-17.6-3.8-25.5 8.1-21 57.9-6.5 64.2-36.2-3.5-26.1-16.4-50.3 3.5-75 5.9-8.8 22.4-16.8 19.3-28.7-5.7-14.7-26.4-23.7-27.6-40.2z"/><path d="m573 256.7s29.6-24.9 55-64.4 40.3-158 88.1-127.9c44.4 28-27.7 97.3-60.3 143.3-32.6 45.9-14.3 85.7-14.3 85.7l-68.5-36.6z"/><path d="m606.4 674.7s-11.3 37-11.2 84c0 47 51.9 154.6-4.6 155.3-52.5.6-29.6-96.8-27.1-153.1s-34.5-79.7-34.5-79.7z"/><path d="m325.5 622.7s-34 16.1-71.9 44c-37.8 27.9-104.9 118.2-126.8 89.7-20.3-26.5 66.8-72.5 113.1-104.6s51.2-64.9 51.2-64.9l34.4 35.9z"/><path d="m225.7 388.5s-30.8-35.1-75.8-72.7c-45.1-37.5-169.2-98.3-146.9-126.5 20.8-26.1 104.8 63 157.6 109.3 52.9 46.2 90.4 46.9 90.4 46.9l-25.4 43z"/><path d="m327.7 593.7s-47.6 1.4-103.9 17.7c-56.3 16.2-170.6 104.9-187.6 48.8-15.8-52.2 107.7-62.8 175.9-79.7s85.8-61.9 85.8-61.9l29.9 75.1z"/><path d="m443.5 344.2s0-46.7-8.9-104.6c-9-57.9-62-185.6-26.7-192 32.9-5.9 37 116.5 46.2 186.2 9.2 69.6 36.9 95 36.9 95l-47.5 15.5z"/><path d="m433.2 340.9s-6.8-37-19.5-82.8c-12.8-45.8-56.9-146.5-40.8-151.7 15-4.8 34.8 92 49.3 147s31.6 74.9 31.6 74.9l-20.6 12.5z"/><path d="m496.8 298.1s10.8-45.7 13.6-104.2c2.8-58.6-29.9-194.6 12.9-193.4 39.8 1.1 16.5 121.7 11.2 191.8-5.3 70 21.3 100.6 21.3 100.6l-59.1 5.2z"/><path d="m647.8 525s22.1 41.1 57.6 87.8c35.4 46.7 142.8 133.8 114.7 156.2-26.1 20.8-88-84.9-129.1-141.8-41.2-56.9-77.6-66-77.6-66z"/><path d="m658.4 523s23.5 29.3 56.5 63.5 119.7 101.9 108 114.1c-10.9 11.4-74.3-64.4-113.3-105.9s-63.4-50.9-63.4-50.9z"/><path d="m622.8 591s12.2 45.3 37.6 98.2 118.8 157 80.6 176.3c-35.6 17.9-72.4-99.3-101.1-163.4-28.6-64.1-66.6-78.4-66.6-78.4l49.5-32.6z"/><path d="m613.7 441.6s43.3 17.5 100.4 30.7c57.1 13.3 195.4 11.6 188.1 46.8-6.8 32.7-121.9-9.1-189.9-26.6s-101.9-1.2-101.9-1.2l3.3-49.8z"/><path d="m666.2 496.5s38.4 27.1 91.7 51.5 191.7 44.8 174.6 84.1c-15.9 36.5-119.1-30.1-182.2-61.1-63-31-101.3-17.7-101.3-17.7l17.2-56.7z"/><path d="m57.2 500.1c-7.1-1.3-14.4-2-21.5-.7-13.9 2.4-27.3 11.4-31.7 25.2-5 15.2 2.5 30.2 12.9 41.7 7.5 8.5 16.3 16.5 27.6 16.6 19.9-.7 36.3-19.9 37.6-39 1.6-18.3-8.2-36.2-27.2-40.2-3.5-.8-7.2-1.2-10.8-1.5"/><path d="m796.1 362.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m255.1 782.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m771 224.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/><path d="m402 812.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/></svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/animation.css b/app/assets/stylesheets/animation.css
index 5025176fa..76f03901c 100644
--- a/app/assets/stylesheets/animation.css
+++ b/app/assets/stylesheets/animation.css
@@ -20,11 +20,11 @@
 }
 
 @keyframes float-up-left {
-  0% { transform: translate(10px, 40px); opacity: 0.1; }
-  100% { transform: translate(0, 0); opacity: 1; }
+  0% { transform: translate(10px, 20px); }
+  100% { transform: translate(0, 0); }
 }
 
-@keyframes float-up-right {
-  0% { transform: translate(-10px, 50px); opacity: 0.1; }
-  100% { transform: translate(0, 0); opacity: 1; }
+@keyframes float-down-right {
+  0% { transform: translate(-10px, -20px); }
+  100% { transform: translate(0, 0); }
 }
diff --git a/app/assets/stylesheets/splats.css b/app/assets/stylesheets/splats.css
index 86f4747f2..57345c4d4 100644
--- a/app/assets/stylesheets/splats.css
+++ b/app/assets/stylesheets/splats.css
@@ -3,13 +3,11 @@
 }
 
 .windshield {
-  background-color: var(--color-selected);
-  border-radius: 2em;
+  background-color: var(--color-bg);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin-block: clamp(var(--block-space), 3%, calc(var(--block-space) * 2));
-  padding-inline: clamp(var(--inline-space), 5%, calc(var(--inline-space) * 3));
 
   > * {
     flex-shrink: 1;
@@ -21,27 +19,35 @@
   --splat-color: var(--color-ink);
   --splat-rotate: 20deg;
 
+  animation: float-up-left 400ms normal forwards ease-out;
   aspect-ratio: 1;
   block-size: var(--splat-size);
-  color: var(--color-ink-reversed);
+  color: var(--splat-color, currentColor);
   container-type: inline-size;
   display: grid;
   place-items: center;
   position: relative;
+  transition: all 0.2s ease;
 
-  .windshield & {
-    animation: float-up-left 400ms normal forwards ease-in-out;
+  &:nth-of-type(2n) {
+    animation-delay: 50ms;
+    animation: float-down-right 400ms normal forwards ease-out;
+  }
 
-    &:nth-of-type(2n) {
-      animation-delay: 50ms;
-      animation: float-up-right 400ms normal forwards ease-in-out;
+  &:nth-of-type(4n) {
+    animation-delay: 150ms;
+  }
+
+  [data-turbo-preview] & { animation: none; }
+
+  @media (hover: hover) {
+    .windshield &:hover {
+      scale: 1.1;
+
+      .splat__svg {
+        transform: rotate(calc(var(--splat-rotate) + 10deg));
+      }
     }
-
-    &:nth-of-type(4n) {
-      animation-delay: 150ms;
-    }
-
-    [data-turbo-preview] & { animation: none; }
   }
 
   > * {
@@ -54,27 +60,28 @@
 }
 
 .splat__link {
-  color: var(--color-ink-reversed);
+  content: "";
+  inset: 0;
+  position: absolute;
+  z-index: -1;
 }
 
 .splat__svg {
-  fill: var(--splat-color);
+  fill: var(--color-bg);
   position: absolute;
-  scale: 1;
+  scale: 1.1;
+  stroke: var(--splat-color);
+  stroke-width: 1.1rem;
   transform: rotate(var(--splat-rotate));
+  transition: all 200ms ease-out;
   z-index: -1;
 }
 
 .splat__bubble {
-  aspect-ratio: 1 / 0.96;
   background-color: var(--splat-color);
-  background-position: 0;
-  background-size: 100%;
-  block-size: 95%;
-  border: 4px solid var(--splat-color);
+  border: 0.3em solid var(--splat-color);
   border-radius: 50%;
   position: absolute;
-  transform: rotate(var(--splat-rotate));
   z-index: -1;
 
   a {
@@ -82,19 +89,24 @@
   }
 
   &.splat__category {
-    inset: auto auto 3cqi 3cqi;
+    inset: auto auto 10cqi 0cqi;
 
     + & {
-      inset: auto auto -5cqi 26cqi;
+      inset: auto auto -2cqi 16cqi;
 
       + & {
-        inset: auto auto -5cqi 52cqi;
+        inset: auto auto -10cqi 32cqi;
       }
     }
+
+    .windshield &:has(.splat__category--new) {
+      display: none;
+    }
   }
 
   &.splat__date {
-    inset: 10cqi 5cqi auto auto;
+    aspect-ratio: 1;
+    inset: 2cqi 2cqi auto auto;
   }
 
   &.splat__meta {
@@ -105,29 +117,44 @@
     font-size: 5cqi;
     font-weight: 800;
     line-height: 1;
+    max-inline-size: 18ch;
     padding: 1em;
     place-items: center;
     position: absolute;
     scale: 1;
+    text-overflow: ellipsis;
     transform: none;
+    transition: all 200ms ease-out;
+    white-space: nowrap;
   }
 
-  &.splat__category-new {
-    .windshield & {
-      display: none;
+  @media (hover: hover) {
+    .windshield .splat:hover & {
+      transform: translate(1rem, 1rem);
+    }
+
+    .windshield .splat:hover & + & {
+      transform: translate(1rem, -1rem);
+    }
+
+    .windshield .splat:hover & + & + & {
+      transform: translate(-1rem, -1rem);
     }
   }
 }
 
 .splat__title {
-  font-size: 10cqi;
-  line-height: 1.2;
-  margin: 12cqi 14cqi;
-
-  -webkit-line-clamp: var(--lines, 3);
+  -webkit-line-clamp: var(--lines, 5);
   -webkit-box-orient: vertical;
   display: -webkit-box;
+  font-size: 8cqi;
+  hyphens: auto;
+  line-height: 1.2;
+  margin: auto;
+  max-block-size: 75cqi;
+  max-inline-size: 75cqi;
   overflow: hidden;
+  pointer-events: none;
   text-overflow: clip;
   white-space: normal;
 }
@@ -135,7 +162,7 @@
 .splats-list {
   --hover-size: 0;
 
-  a {
+  .splat__title-link {
     color: var(--color-txt);
     text-decoration: none;
   }
@@ -144,7 +171,7 @@
     border-radius: 0.6em;
     list-style: none;
     padding: 0.5em 1em;
-    transition: background-color 0.2s ease;
+    transition: background-color 200ms ease;
 
     &:hover{
       background-color: var(--color-selected);
diff --git a/app/models/splat.rb b/app/models/splat.rb
index 46aea9375..fe132eae9 100644
--- a/app/models/splat.rb
+++ b/app/models/splat.rb
@@ -2,5 +2,5 @@ class Splat < ApplicationRecord
   has_many :categorizations
   has_many :categories, through: :categorizations, dependent: :destroy
 
-  enum :color, %w[ dodgerblue limegreen tomato mediumorchid ].index_by(&:itself), suffix: true, default: :dodgerblue
+  enum :color, %w[ dodgerblue teal tomato slateblue ].index_by(&:itself), suffix: true, default: :dodgerblue
 end
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
index d9cdd3d79..61f7c0cf7 100644
--- a/app/views/sessions/new.html.erb
+++ b/app/views/sessions/new.html.erb
@@ -2,7 +2,7 @@
 <% turbo_page_requires_reload %>
 
 <div class="panel shadow center margin-block-double <%= "shake" if flash[:alert] %>" style="--panel-size: 40ch;">
-  <%= image_tag "splat-1.svg", class: "product__logo center colorize--black", size: 130 %>
+  <%= image_tag "blob.svg", class: "product__logo center colorize--black", size: 130 %>
   <h1 class="margin-none-block-start margin-block-end-double">Splat</h1>
 
   <%= form_with model: User.new, url: session_path, class: "flex flex-column gap" do |form| %>
diff --git a/app/views/splats/_splat.html.erb b/app/views/splats/_splat.html.erb
index a71881729..cf7b99488 100644
--- a/app/views/splats/_splat.html.erb
+++ b/app/views/splats/_splat.html.erb
@@ -1,11 +1,13 @@
-<div class="splat" style="view-transition-name: splat-<%= splat.id -%>; --xxsplat-color: <%= splat.color %>; <%= splat_size(splat) %> <%= splat_rotation(splat) %>">
-  <svg hidden class="splat__svg" viewBox="0 0 934 914" xmlns="http://www.w3.org/2000/svg"><circle cx="485.2" cy="467.2" r="286.5"/><path d="m197.7 219.1c-.2-7.1 5.8-11.7 12.7-13.2 34-7.1 53.5 29.2 81.4 40 39.5 6.4 25.9-54 30.8-77.7 17.2-65.3 78.4 67.2 108.2 55.7 26.8-17.3 25.9-58.8 38.7-86.1 9.6-41.5 30.4-2.6 48.6 10.1 14.2 11.2 31.9 17.9 45.1 29.9 13 11.2 20 29.1 35.8 36.8 20.2 9.1 44.8 2.3 65.2 11.8 18.3 7.2 33.8 22.6 52.5 30.4 23 8.6 42.4 1.8 37.8 35.1 2.7 36.8 38.3 71.9 40.1 108.6-.2 21.1-30.1 21.7-22.4 36.3 22.1 32.5-7.7 51.1 21 93.3 7 43.2-91.2-7.2-14.3 78.2 13.2 13.7 22.3 28.2 4.5 40.2-18.7 18.4-19.5 18.4-45 13.8-15.5-1.2 1.8 16.5-4.6 22.7-21.1 8-6.7 22-14.6 34.9-6 3.2-14.7-2.6-21.1-4-17.2-6.2-11.5 17.5-15.3 25.7-4 7.3-15.6 1.5-22.2-.2-26.7-10.8-55.1-3.1-82.4-.2-14.2 1.1-26 2.2-30.2 18.3-8 20.8-7.5 87.5-41.5 68.5-15.3-7.2-29.8-51.7-45.3-26.4-2.8 3.9-6.4 9.3-11.2 5.9-20.7-27.6-17-71-54.3-25.6-29.6 29.4-32.5 2.5-48.8-20.5-18.9-17.1-48.4-20.5-61.6-44.6-18.5-27.6-35.8-54.6-60.2-77.9-10.5-10.8-60.9-17.2-34.7-35.6 42.5-23.5-50.6-14-19.6-30.8 33.5-11.7 12.7-23.2-10.3-28.1-6.2-1.9-22-3.3-22.7-8.2 2.9-11.2 13.8-26.5 22.6-35.7 38.3-20.1-7-33.5-23.6-48.2-4-4.4 4.8-2.9 5.5-5.8-7.4-11.8-11.8-10-.4-21.8 3.2-7.8-4.9-17.6-3.8-25.5 8.1-21 57.9-6.5 64.2-36.2-3.5-26.1-16.4-50.3 3.5-75 5.9-8.8 22.4-16.8 19.3-28.7-5.7-14.7-26.4-23.7-27.6-40.2z"/><path d="m573 256.7s29.6-24.9 55-64.4 40.3-158 88.1-127.9c44.4 28-27.7 97.3-60.3 143.3-32.6 45.9-14.3 85.7-14.3 85.7l-68.5-36.6z"/><path d="m606.4 674.7s-11.3 37-11.2 84c0 47 51.9 154.6-4.6 155.3-52.5.6-29.6-96.8-27.1-153.1s-34.5-79.7-34.5-79.7z"/><path d="m325.5 622.7s-34 16.1-71.9 44c-37.8 27.9-104.9 118.2-126.8 89.7-20.3-26.5 66.8-72.5 113.1-104.6s51.2-64.9 51.2-64.9l34.4 35.9z"/><path d="m225.7 388.5s-30.8-35.1-75.8-72.7c-45.1-37.5-169.2-98.3-146.9-126.5 20.8-26.1 104.8 63 157.6 109.3 52.9 46.2 90.4 46.9 90.4 46.9l-25.4 43z"/><path d="m327.7 593.7s-47.6 1.4-103.9 17.7c-56.3 16.2-170.6 104.9-187.6 48.8-15.8-52.2 107.7-62.8 175.9-79.7s85.8-61.9 85.8-61.9l29.9 75.1z"/><path d="m443.5 344.2s0-46.7-8.9-104.6c-9-57.9-62-185.6-26.7-192 32.9-5.9 37 116.5 46.2 186.2 9.2 69.6 36.9 95 36.9 95l-47.5 15.5z"/><path d="m433.2 340.9s-6.8-37-19.5-82.8c-12.8-45.8-56.9-146.5-40.8-151.7 15-4.8 34.8 92 49.3 147s31.6 74.9 31.6 74.9l-20.6 12.5z"/><path d="m496.8 298.1s10.8-45.7 13.6-104.2c2.8-58.6-29.9-194.6 12.9-193.4 39.8 1.1 16.5 121.7 11.2 191.8-5.3 70 21.3 100.6 21.3 100.6l-59.1 5.2z"/><path d="m647.8 525s22.1 41.1 57.6 87.8c35.4 46.7 142.8 133.8 114.7 156.2-26.1 20.8-88-84.9-129.1-141.8-41.2-56.9-77.6-66-77.6-66z"/><path d="m658.4 523s23.5 29.3 56.5 63.5 119.7 101.9 108 114.1c-10.9 11.4-74.3-64.4-113.3-105.9s-63.4-50.9-63.4-50.9z"/><path d="m622.8 591s12.2 45.3 37.6 98.2 118.8 157 80.6 176.3c-35.6 17.9-72.4-99.3-101.1-163.4-28.6-64.1-66.6-78.4-66.6-78.4l49.5-32.6z"/><path d="m613.7 441.6s43.3 17.5 100.4 30.7c57.1 13.3 195.4 11.6 188.1 46.8-6.8 32.7-121.9-9.1-189.9-26.6s-101.9-1.2-101.9-1.2l3.3-49.8z"/><path d="m666.2 496.5s38.4 27.1 91.7 51.5 191.7 44.8 174.6 84.1c-15.9 36.5-119.1-30.1-182.2-61.1-63-31-101.3-17.7-101.3-17.7l17.2-56.7z"/><path d="m57.2 500.1c-7.1-1.3-14.4-2-21.5-.7-13.9 2.4-27.3 11.4-31.7 25.2-5 15.2 2.5 30.2 12.9 41.7 7.5 8.5 16.3 16.5 27.6 16.6 19.9-.7 36.3-19.9 37.6-39 1.6-18.3-8.2-36.2-27.2-40.2-3.5-.8-7.2-1.2-10.8-1.5"/><path d="m796.1 362.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m255.1 782.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m771 224.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/><path d="m402 812.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/></svg>
-  <svg class="splat__svg" viewBox="0 0 900 900" xmlns="http://www.w3.org/2000/svg"><path d="m309.48 857.08c-306.62-59.34-370.72-364.75-256.66-634.53 365.34-715.14 1552.31 658.37 256.66 634.53z"/></svg>
-  <span hidden class="splat__bubble"></span>
+<div class="splat" style="view-transition-name: splat-<%= splat.id -%>; --splat-color: <%= splat.color %>; <%= splat_size(splat) %> <%= splat_rotation(splat) %>">
+  <svg class="splat__svg" viewBox="0 0 990 990" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h990v990h-990z" fill="none" stroke="none" /><path d="m391.65 879.47c-110.52-15.95-212.21-91.86-255.92-191.23-66.78-143.65-41.62-347.61 48.08-481.17 368.33-516.3 1252.97 520.2 451.03 660.78-44.07 8.84-88.98 13.49-133.01 15.68-36.69 2-73.37 1.91-109.99-4.03z"/></svg>
+
+  <h1 class="splat__title"><%= splat.title %></h1>
+
   <%= link_to splat, class: "splat__link" do %>
-    <h1 class="splat__title"><%= splat.title %></h1>
+    <span class="for-screen-reader"><%= splat.title %></span>
   <% end %>
-  <time class="splat__bubble splat__meta splat__date"><%= splat.updated_at.strftime("%B <br> %d").html_safe %></time>
+
+  <time class="splat__bubble splat__meta splat__date"><%= splat.updated_at.strftime("%b <br> %d").html_safe %></time>
 
   <% splat.categories.each do | category | %>
     <%= link_to category.title, splats_path(category_id: category.id), class: "splat__bubble splat__meta splat__category" %>
@@ -14,7 +16,7 @@
   <% if splat.categories.count < 3 %>
     <span class="splat__bubble splat__meta splat__category">
       <turbo-frame id="new_catgory">
-        <%= link_to "#", new_splat_category_path(splat) %>
+        <%= link_to "#", new_splat_category_path(splat), class: "splat__category--new" %>
       </turbo-frame>
     </span>
   <% end %>
diff --git a/app/views/splats/index.html.erb b/app/views/splats/index.html.erb
index 5d2ee1663..6f60ef398 100644
--- a/app/views/splats/index.html.erb
+++ b/app/views/splats/index.html.erb
@@ -72,16 +72,12 @@
   <ul class="unpad margin-none flex flex-column txt-align-start center">
     <% @splats.each do | splat | %>
       <li class="flex align-center gap margin-none">
-        <%= link_to splat, class: "flex align-center gap flex-item-grow" do %>
-          <div class="splat" style="--splat-color: <%= splat.color %>; --splat-size: 1.5em; <%= splat_rotation(splat) %>">
-            <svg hidden class="splat__svg" viewBox="0 0 934 914" xmlns="http://www.w3.org/2000/svg"><circle cx="485.2" cy="467.2" r="286.5"/><path d="m197.7 219.1c-.2-7.1 5.8-11.7 12.7-13.2 34-7.1 53.5 29.2 81.4 40 39.5 6.4 25.9-54 30.8-77.7 17.2-65.3 78.4 67.2 108.2 55.7 26.8-17.3 25.9-58.8 38.7-86.1 9.6-41.5 30.4-2.6 48.6 10.1 14.2 11.2 31.9 17.9 45.1 29.9 13 11.2 20 29.1 35.8 36.8 20.2 9.1 44.8 2.3 65.2 11.8 18.3 7.2 33.8 22.6 52.5 30.4 23 8.6 42.4 1.8 37.8 35.1 2.7 36.8 38.3 71.9 40.1 108.6-.2 21.1-30.1 21.7-22.4 36.3 22.1 32.5-7.7 51.1 21 93.3 7 43.2-91.2-7.2-14.3 78.2 13.2 13.7 22.3 28.2 4.5 40.2-18.7 18.4-19.5 18.4-45 13.8-15.5-1.2 1.8 16.5-4.6 22.7-21.1 8-6.7 22-14.6 34.9-6 3.2-14.7-2.6-21.1-4-17.2-6.2-11.5 17.5-15.3 25.7-4 7.3-15.6 1.5-22.2-.2-26.7-10.8-55.1-3.1-82.4-.2-14.2 1.1-26 2.2-30.2 18.3-8 20.8-7.5 87.5-41.5 68.5-15.3-7.2-29.8-51.7-45.3-26.4-2.8 3.9-6.4 9.3-11.2 5.9-20.7-27.6-17-71-54.3-25.6-29.6 29.4-32.5 2.5-48.8-20.5-18.9-17.1-48.4-20.5-61.6-44.6-18.5-27.6-35.8-54.6-60.2-77.9-10.5-10.8-60.9-17.2-34.7-35.6 42.5-23.5-50.6-14-19.6-30.8 33.5-11.7 12.7-23.2-10.3-28.1-6.2-1.9-22-3.3-22.7-8.2 2.9-11.2 13.8-26.5 22.6-35.7 38.3-20.1-7-33.5-23.6-48.2-4-4.4 4.8-2.9 5.5-5.8-7.4-11.8-11.8-10-.4-21.8 3.2-7.8-4.9-17.6-3.8-25.5 8.1-21 57.9-6.5 64.2-36.2-3.5-26.1-16.4-50.3 3.5-75 5.9-8.8 22.4-16.8 19.3-28.7-5.7-14.7-26.4-23.7-27.6-40.2z"/><path d="m573 256.7s29.6-24.9 55-64.4 40.3-158 88.1-127.9c44.4 28-27.7 97.3-60.3 143.3-32.6 45.9-14.3 85.7-14.3 85.7l-68.5-36.6z"/><path d="m606.4 674.7s-11.3 37-11.2 84c0 47 51.9 154.6-4.6 155.3-52.5.6-29.6-96.8-27.1-153.1s-34.5-79.7-34.5-79.7z"/><path d="m325.5 622.7s-34 16.1-71.9 44c-37.8 27.9-104.9 118.2-126.8 89.7-20.3-26.5 66.8-72.5 113.1-104.6s51.2-64.9 51.2-64.9l34.4 35.9z"/><path d="m225.7 388.5s-30.8-35.1-75.8-72.7c-45.1-37.5-169.2-98.3-146.9-126.5 20.8-26.1 104.8 63 157.6 109.3 52.9 46.2 90.4 46.9 90.4 46.9l-25.4 43z"/><path d="m327.7 593.7s-47.6 1.4-103.9 17.7c-56.3 16.2-170.6 104.9-187.6 48.8-15.8-52.2 107.7-62.8 175.9-79.7s85.8-61.9 85.8-61.9l29.9 75.1z"/><path d="m443.5 344.2s0-46.7-8.9-104.6c-9-57.9-62-185.6-26.7-192 32.9-5.9 37 116.5 46.2 186.2 9.2 69.6 36.9 95 36.9 95l-47.5 15.5z"/><path d="m433.2 340.9s-6.8-37-19.5-82.8c-12.8-45.8-56.9-146.5-40.8-151.7 15-4.8 34.8 92 49.3 147s31.6 74.9 31.6 74.9l-20.6 12.5z"/><path d="m496.8 298.1s10.8-45.7 13.6-104.2c2.8-58.6-29.9-194.6 12.9-193.4 39.8 1.1 16.5 121.7 11.2 191.8-5.3 70 21.3 100.6 21.3 100.6l-59.1 5.2z"/><path d="m647.8 525s22.1 41.1 57.6 87.8c35.4 46.7 142.8 133.8 114.7 156.2-26.1 20.8-88-84.9-129.1-141.8-41.2-56.9-77.6-66-77.6-66z"/><path d="m658.4 523s23.5 29.3 56.5 63.5 119.7 101.9 108 114.1c-10.9 11.4-74.3-64.4-113.3-105.9s-63.4-50.9-63.4-50.9z"/><path d="m622.8 591s12.2 45.3 37.6 98.2 118.8 157 80.6 176.3c-35.6 17.9-72.4-99.3-101.1-163.4-28.6-64.1-66.6-78.4-66.6-78.4l49.5-32.6z"/><path d="m613.7 441.6s43.3 17.5 100.4 30.7c57.1 13.3 195.4 11.6 188.1 46.8-6.8 32.7-121.9-9.1-189.9-26.6s-101.9-1.2-101.9-1.2l3.3-49.8z"/><path d="m666.2 496.5s38.4 27.1 91.7 51.5 191.7 44.8 174.6 84.1c-15.9 36.5-119.1-30.1-182.2-61.1-63-31-101.3-17.7-101.3-17.7l17.2-56.7z"/><path d="m57.2 500.1c-7.1-1.3-14.4-2-21.5-.7-13.9 2.4-27.3 11.4-31.7 25.2-5 15.2 2.5 30.2 12.9 41.7 7.5 8.5 16.3 16.5 27.6 16.6 19.9-.7 36.3-19.9 37.6-39 1.6-18.3-8.2-36.2-27.2-40.2-3.5-.8-7.2-1.2-10.8-1.5"/><path d="m796.1 362.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m255.1 782.9c5.4 21.4 22.7 41 44.2 46.3 16.7 4.5 33.7-3 43.2-17.2 24.3-38.2-3-125.5-53.2-116.5-8 1.5-15.8 5.8-21.4 11.6-18.2 19.3-19.3 51.3-12.8 75.6z"/><path d="m771 224.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/><path d="m402 812.4c-3.4-.5-6.8-1-10.2-1.1-23.8-1.1-36.1 23.5-16.7 36.4 9.4 6.3 22.2 2.4 26.7-7.7 5.2-11.6-.7-20.3-10.6-26.9"/></svg>
-            <span class="splat__bubble"></span>
-          </div>
+        <%= link_to splat, class: "splat__title-link flex align-center gap flex-item-grow" do %>
           <strong><%= splat.title %></strong>
         <% end %>
         <small class="flex align-center gap flex-item-shrink">
           <% splat.categories.each do |category| %>
-            <%= link_to category.title, splats_path(category_id: category.id), class: "btn txt-small txt-nowrap" %>
+            <%= link_to "# #{ category.title }", splats_path(category_id: category.id) %>
           <% end %>
           <span class="avatar txt-small txt-nowrap fill-shade"><strong>JZ</strong></span>
           <time class="txt-nowrap flex-item-justify-end"><%= splat.updated_at.strftime("%B %d").html_safe %></time>
diff --git a/app/views/splats/show.html.erb b/app/views/splats/show.html.erb
index ae9de856e..4d43e1716 100644
--- a/app/views/splats/show.html.erb
+++ b/app/views/splats/show.html.erb
@@ -20,7 +20,7 @@
   </nav>
 <% end %>
 
-<div class="splat__perma flex-inline center">
+<div class="splat__perma flex justify-center center">
   <%= render @splat %>
 </div>
 
diff --git a/test/fixtures/splats.yml b/test/fixtures/splats.yml
index e2299fbd6..80cdd7c3f 100644
--- a/test/fixtures/splats.yml
+++ b/test/fixtures/splats.yml
@@ -13,4 +13,4 @@ two:
 three:
   title: The text is too small
   body: Increase the font size.
-  color: limegreen
+  color: teal