diff --git a/README.md b/README.md
index 3965a4e4..d6fc3acf 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
 and [many.link](https://many.link/). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊
 
-![Themes](https://cdn.cottle.cloud/littlelink/themes.png)
+![Themes](https://cdn.cottle.cloud/littlelink/littlelink-comparison.gif)
 
 LittleLink has more than 50+ branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
 
@@ -23,6 +23,9 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
 
 ### 🤝 Community Extras
 
+#### 📦 LittleLink Extended
+Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
+
 #### 🎨 Figma
 Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
 
diff --git a/css/brands.css b/css/brands.css
index e05e100e..e75ab51b 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -450,8 +450,8 @@ button:hover,
 
 /* Spotify */
 .button.button-spotify {
-  color: #ffffff;
-  background-color: #000000;
+  color: #191414;
+  background-color: #1db954;
 }
 .button.button-spotify:hover,
 .button.button-spotify:focus {
@@ -468,6 +468,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Strava */
+.button.button-strava {
+  color: #ffffff;
+  background-color: #fc5200;
+}
+.button.button-strava:hover,
+.button.button-strava:focus {
+  filter: brightness(90%);
+}
+
 /* Telegram */
 .button.button-telegram {
   color: #ffffff;
@@ -548,6 +558,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Untappd */
+.button.button-untappd {
+  color: #ffffff;
+  background-color: #ffc000;
+}
+.button.button-untappd:hover,
+.button.button-untappd:focus {
+  filter: brightness(90%);
+}
+
 /* Vimeo */
 .button.button-vimeo {
   color: #ffffff;
@@ -618,3 +638,13 @@ button:hover,
 .button.button-yt:focus {
   filter: brightness(90%);
 }
+
+/* Letterboxd */
+.button.button-letterboxd {
+  color: #ffffff;
+  background-color: #2c3440;
+}
+.button.button-letterboxd:hover,
+.button.button-letterboxd:focus {
+  filter: brightness(90%);
+}
diff --git a/images/icons/letterboxd.svg b/images/icons/letterboxd.svg
new file mode 100644
index 00000000..02a9fe25
--- /dev/null
+++ b/images/icons/letterboxd.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 63 24">
+<defs/>
+<g id="Layer 1">
+<g opacity="1">
+<path d="M-1.1917e-06+12C-1.1917e-06+5.37258+5.37258-4.53979e-07+12-4.53979e-07C18.6274-4.53979e-07+24+5.37258+24+12C24+18.6274+18.6274+24+12+24C5.37258+24-1.1917e-06+18.6274-1.1917e-06+12Z" opacity="1" fill="#ff8000"/>
+<path d="M19.5+12C19.5+5.37258+24.8726-4.53979e-07+31.5-4.53979e-07C38.1274-4.53979e-07+43.5+5.37258+43.5+12C43.5+18.6274+38.1274+24+31.5+24C24.8726+24+19.5+18.6274+19.5+12Z" opacity="1" fill="#00e054"/>
+<path d="M21.75+18.997C23.1661+17.0274+24+14.6111+24+12C24+9.38894+23.1661+6.97265+21.75+5.00295C20.3339+6.97265+19.5+9.38894+19.5+12C19.5+14.6111+20.3339+17.0274+21.75+18.997L21.75+18.997Z" opacity="1" fill="#ffffff"/>
+<path d="M39+12C39+5.37258+44.3726-4.53979e-07+51-4.53979e-07C57.6274-4.53979e-07+63+5.37258+63+12C63+18.6274+57.6274+24+51+24C44.3726+24+39+18.6274+39+12Z" opacity="1" fill="#40bcf4"/>
+<path d="M41.25+18.997C42.6661+17.0274+43.5+14.6111+43.5+12C43.5+9.38894+42.6661+6.97265+41.25+5.00295C39.8339+6.97265+39+9.38894+39+12C39+14.6111+39.8339+17.0274+41.25+18.997L41.25+18.997Z" opacity="1" fill="#ffffff"/>
+</g>
+</g>
+</svg>
diff --git a/images/icons/playstore.svg b/images/icons/playstore.svg
index 7781053e..703a0d0c 100644
--- a/images/icons/playstore.svg
+++ b/images/icons/playstore.svg
@@ -1,33 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.67508 0.363429C1.40563 0.654313 1.25 1.09878 1.25 1.68055V22.3147C1.25 22.8964 1.40563 23.3409 1.68437 23.6202L1.75638 23.683L13.2964 12.1221V11.8638L1.74709 0.300598L1.67508 0.363429Z" fill="url(#paint0_linear_930_284)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1364 15.9875L13.2874 12.1315V11.8616L17.1364 8.00562L17.2201 8.05681L21.7729 10.6492C23.076 11.3845 23.076 12.5993 21.7729 13.3439L17.2201 15.9363L17.1364 15.9875Z" fill="url(#paint1_linear_930_284)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2193 15.9363L13.2867 11.9966L1.67468 23.6296C2.09977 24.0857 2.81289 24.1369 3.60963 23.6924L17.2193 15.9363Z" fill="url(#paint2_linear_930_284)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2193 8.05677L3.60963 0.312281C2.81289 -0.143824 2.09744 -0.0809931 1.67468 0.375113L13.2867 11.9965L17.2193 8.05677Z" fill="url(#paint3_linear_930_284)"/>
-<defs>
-<linearGradient id="paint0_linear_930_284" x1="12.2613" y1="1.45793" x2="-6.22824" y2="6.37557" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00A0FF"/>
-<stop offset="0.00657" stop-color="#00A1FF"/>
-<stop offset="0.2601" stop-color="#00BEFF"/>
-<stop offset="0.5122" stop-color="#00D2FF"/>
-<stop offset="0.7604" stop-color="#00DFFF"/>
-<stop offset="1" stop-color="#00E3FF"/>
-</linearGradient>
-<linearGradient id="paint1_linear_930_284" x1="23.4723" y1="11.9966" x2="0.933646" y2="11.9966" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFE000"/>
-<stop offset="0.4087" stop-color="#FFBD00"/>
-<stop offset="0.7754" stop-color="#FFA500"/>
-<stop offset="1" stop-color="#FF9C00"/>
-</linearGradient>
-<linearGradient id="paint2_linear_930_284" x1="15.0809" y1="14.1404" x2="0.201446" y2="39.1384" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FF3A44"/>
-<stop offset="1" stop-color="#C31162"/>
-</linearGradient>
-<linearGradient id="paint3_linear_930_284" x1="-1.24934" y1="-6.49976" x2="5.38898" y2="4.66478" gradientUnits="userSpaceOnUse">
-<stop stop-color="#32A071"/>
-<stop offset="0.0685" stop-color="#2DA771"/>
-<stop offset="0.4762" stop-color="#15CF74"/>
-<stop offset="0.8009" stop-color="#06E775"/>
-<stop offset="1" stop-color="#00F076"/>
-</linearGradient>
-</defs>
+<path d="M11.295 11.4632L1.35336 22.0116C1.66141 23.1598 2.70692 24 3.94846 24C4.44321 24 4.90996 23.8693 5.31136 23.6266L5.33936 23.6079L16.5226 17.1575L11.2857 11.4539L11.295 11.4632Z" fill="#EA4335"/>
+<path d="M21.3487 9.67095H21.3394L16.5132 6.86115L11.071 11.706L16.5319 17.1669L21.3394 14.3944C22.1795 13.937 22.7489 13.0502 22.7489 12.0327C22.7489 11.0152 22.1888 10.1284 21.3487 9.68028V9.67095Z" fill="#FBBC04"/>
+<path d="M1.35336 1.99768C1.29735 2.22172 1.26001 2.44576 1.26001 2.68846V21.3209C1.26001 21.5636 1.28801 21.7876 1.35336 22.0117L11.6311 11.734L1.35336 1.99768Z" fill="#4285F4"/>
+<path d="M11.3697 12.0047L16.5132 6.86114L5.33936 0.382731C4.93796 0.140024 4.46188 0 3.94846 0C2.70692 0 1.66141 0.849475 1.35336 1.98833L11.3697 11.9953V12.0047Z" fill="#34A853"/>
 </svg>
diff --git a/images/icons/spotify.svg b/images/icons/spotify.svg
index 97f81060..c037b0fb 100644
--- a/images/icons/spotify.svg
+++ b/images/icons/spotify.svg
@@ -1,2 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="spotify" class="svg-inline spotify" role="img" viewBox="0 0 496 512">
-<path fill="#1DB954" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
\ No newline at end of file
+<path fill="#191414" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
diff --git a/images/icons/strava.svg b/images/icons/strava.svg
new file mode 100644
index 00000000..fdfe55f4
--- /dev/null
+++ b/images/icons/strava.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 2134 2134" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M927 0 296 1217h372l259-484 257 484h369L927 0Zm626 1217-183 367-186-367H902l468 916 464-916h-281Z" style="fill:#fff;fill-rule:nonzero"/></svg>
\ No newline at end of file
diff --git a/images/icons/untappd.svg b/images/icons/untappd.svg
new file mode 100644
index 00000000..0e7f36ec
--- /dev/null
+++ b/images/icons/untappd.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 127 127" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m58 60-30 43c-2 2-5 3-7 3-3-1-8-2-12-5l-8-9c-1-3-1-6 1-8l30-43 6-5 6-3 3-3L72 4V3h1l1-1V1l1-1 5 2 4 4-1 1-1 1v1l-1 1h-1a648 648 0 0 1-18 36l-1 7c0 2-1 5-3 7Zm68 24L95 41l-6-5-6-3-3-3a331 331 0 0 0-4-3 507 507 0 0 1-10 20v6c0 2 1 5 3 7l31 43c1 2 4 3 6 3 4-1 8-2 12-5l8-9v-8M44 7l1 1h1v2h1a942 942 0 0 0 5 9 729 729 0 0 1 8-9l-5-6V3h-1V2h-1V0l-6 2-3 4v1" style="fill:#fff" transform="translate(0 11)"/></svg>
diff --git a/index.html b/index.html
index 6b0fa6f5..e692de5d 100644
--- a/index.html
+++ b/index.html
@@ -255,6 +255,11 @@
             <img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
         <br>
 
+        <!-- Strava -->
+        <a class="button button-strava" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/strava.svg" alt="Strava Logo">Strava</a>
+        <br>
+
         <!-- Vimeo -->
         <a class="button button-vimeo" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
@@ -270,6 +275,11 @@
             <img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
         <br>
 
+        <!-- Untappd -->
+        <a class="button button-untappd" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/untappd.svg" alt="Untappd Logo">Untappd</a>
+        <br>
+
         <!-- Wordpress -->
         <a class="button button-wordpress" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
@@ -385,6 +395,11 @@
             <img class="icon" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a>
         <br>
 
+        <!-- Letterboxd -->
+        <a class="button button-letterboxd" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/letterboxd.svg" alt="Letterboxd Logo">Letterboxd</a>
+        <br>
+
         <!-- Leanpub -->
         <a class="button button-leanpub" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/leanpub.svg" alt="Leanpub Logo">Leanpub</a>