Brand Updates

css/brands.css

@@ -77,7 +77,7 @@ button:hover,
 /* Default (this is great for your own brand color!) */
 .button.button-default {
   color: #ffffff;
-  background-color: #0085ff;
+  background-color: #2457F5;
 }
 .button.button-default:hover,
 .button.button-default:focus {

css/skeleton-auto.css

@@ -125,10 +125,10 @@ p {
 /* Links
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 a {
-  color: #0085ff;
+  color: #4899F7;
 }
 a:hover {
-  color: #0085ff;
+  color: #7AB8FF;
 }
 
 /* Code

css/skeleton-dark.css

@@ -125,10 +125,10 @@ p {
 /* Links
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 a {
-  color: #0085ff;
+  color: #4899F7;
 }
 a:hover {
-  color: #0085ff;
+  color: #7AB8FF;
 }
 
 /* Code

css/skeleton-light.css

@@ -125,10 +125,10 @@ p {
 /* Links
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 a {
-  color: #0085ff;
+  color: #2457F5;
 }
 a:hover {
-  color: #0085ff;
+  color: #083BDA;
 }
 
 /* Code

images/avatar.svg

@@ -1,5 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="32" cy="32" r="32" fill="#0085FF"/>
-<path d="M31.4178 40.2794C31.7149 40.2794 31.9434 40.4148 32.1034 40.6857C32.2862 40.9566 32.3776 41.3291 32.3776 41.8032C32.3776 42.7062 32.1605 43.406 31.7263 43.9026C30.7437 45.0991 29.6697 46.0811 28.5043 46.8487C27.3617 47.6162 26.0592 48 24.5967 48C22.5857 48 21.0889 47.097 20.1063 45.291C19.1466 43.485 18.6667 41.1485 18.6667 38.2815C18.6667 35.5273 19.0209 32.3894 19.7293 28.8677C20.4605 25.346 21.5231 22.321 22.9171 19.7926C24.3339 17.2642 26.0135 16 27.9558 16C29.0527 16 29.9096 16.5079 30.5266 17.5238C31.1665 18.5171 31.4864 19.9506 31.4864 21.8243C31.4864 24.5108 30.7323 27.6261 29.2241 31.1704C27.7159 34.7146 25.6707 38.225 23.0885 41.7016C23.2484 42.6272 23.5112 43.2931 23.8768 43.6995C24.2425 44.0832 24.7223 44.2751 25.3165 44.2751C26.2534 44.2751 27.0761 44.0155 27.7844 43.4963C28.4928 42.9545 29.3955 42.0402 30.4924 40.7534C30.7666 40.4374 31.0751 40.2794 31.4178 40.2794ZM27.2017 19.3524C26.6762 19.3524 26.082 20.2892 25.4193 22.163C24.7566 24.0367 24.1739 26.3619 23.6712 29.1386C23.1684 31.9153 22.8942 34.5792 22.8485 37.1302C24.471 34.4889 25.7621 31.8476 26.7219 29.2063C27.6816 26.5425 28.1615 24.1157 28.1615 21.9259C28.1615 20.2102 27.8416 19.3524 27.2017 19.3524Z" fill="white"/>
-<path d="M39.5132 43.0561C39.7645 42.8303 40.0159 42.7175 40.2673 42.7175C40.5415 42.7175 40.7586 42.8755 40.9185 43.1915C41.1014 43.485 41.1928 43.8462 41.1928 44.2751C41.1928 45.2233 40.85 45.9795 40.1644 46.5439C38.9762 47.5146 37.6279 48 36.1197 48C33.9488 48 32.3606 47.1083 31.3552 45.3249C30.3497 43.5189 29.847 41.1711 29.847 38.2815C29.847 35.5273 30.2012 32.3894 30.9096 28.8677C31.6408 25.346 32.7034 22.321 34.0974 19.7926C35.5142 17.2642 37.1937 16 39.1361 16C40.233 16 41.0899 16.5079 41.7069 17.5238C42.3468 18.5171 42.6667 19.9506 42.6667 21.8243C42.6667 24.5108 41.9126 27.6261 40.4044 31.1704C38.919 34.7146 36.8853 38.2138 34.303 41.6677C34.463 42.5933 34.7486 43.2593 35.16 43.6656C35.5713 44.072 36.1312 44.2751 36.8396 44.2751C37.228 44.2751 37.6622 44.1623 38.1421 43.9365C38.6448 43.7108 39.1019 43.4173 39.5132 43.0561ZM38.382 19.3524C37.8564 19.3524 37.2623 20.2892 36.5996 22.163C35.9369 24.0367 35.3542 26.3619 34.8515 29.1386C34.3487 31.9153 34.0745 34.5792 34.0288 37.1302C35.6513 34.4889 36.9424 31.8476 37.9021 29.2063C38.8619 26.5425 39.3418 24.1157 39.3418 21.9259C39.3418 20.2102 39.0219 19.3524 38.382 19.3524Z" fill="white"/>
-</svg>

images/icons/littlelink.svg

@@ -1,3 +1,11 @@
 <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="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.2697 15.4729C11.2183 15.1282 11.1926 14.7557 11.1926 14.3556C11.1926 13.3228 11.3254 12.146 11.5911 10.8254C11.8653 9.50476 12.2638 8.37037 12.7865 7.42222C13.3178 6.47407 13.9476 6 14.676 6C15.0874 6 15.4087 6.19048 15.6401 6.57143C15.88 6.94392 16 7.48148 16 8.18413C16 9.19153 15.7172 10.3598 15.1516 11.6889C14.5946 13.018 13.832 14.3302 12.8636 15.6254C12.9236 15.9725 13.0307 16.2222 13.185 16.3746C13.3392 16.527 13.5492 16.6032 13.8148 16.6032C13.9605 16.6032 14.1233 16.5608 14.3033 16.4762C14.4918 16.3915 14.6632 16.2815 14.8174 16.146C14.9117 16.0614 15.006 16.019 15.1002 16.019C15.2031 16.019 15.2845 16.0783 15.3444 16.1968C15.413 16.3069 15.4473 16.4423 15.4473 16.6032C15.4473 16.9587 15.3187 17.2423 15.0617 17.454C14.6161 17.818 14.1105 18 13.5449 18C12.7308 18 12.1352 17.6656 11.7582 16.9968C11.7157 16.9205 11.6756 16.8416 11.6379 16.7601C11.342 17.0772 11.0257 17.3466 10.6891 17.5683C10.2606 17.8561 9.77218 18 9.22374 18C8.46964 18 7.90835 17.6614 7.53987 16.9841C7.17996 16.3069 7 15.4307 7 14.3556C7 13.3228 7.13282 12.146 7.39847 10.8254C7.67269 9.50476 8.07117 8.37037 8.59389 7.42222C9.12519 6.47407 9.75504 6 10.4834 6C10.8948 6 11.2161 6.19048 11.4475 6.57143C11.6874 6.94392 11.8074 7.48148 11.8074 8.18413C11.8074 9.19153 11.5246 10.3598 10.959 11.6889C10.3935 13.018 9.6265 14.3344 8.65816 15.6381C8.71815 15.9852 8.8167 16.2349 8.95381 16.3873C9.09091 16.5312 9.27087 16.6032 9.49367 16.6032C9.84502 16.6032 10.1535 16.5058 10.4192 16.3111C10.6484 16.1358 10.932 15.8564 11.2697 15.4729ZM9.53224 8.31111C9.78075 7.60847 10.0035 7.25714 10.2006 7.25714C10.4406 7.25714 10.5606 7.57884 10.5606 8.22222C10.5606 9.04339 10.3806 9.95344 10.0207 10.9524C9.66078 11.9429 9.17661 12.9333 8.56819 13.9238C8.58533 12.9672 8.68816 11.9683 8.87668 10.927C9.06521 9.88571 9.28372 9.01376 9.53224 8.31111ZM13.7248 8.31111C13.9734 7.60847 14.1962 7.25714 14.3933 7.25714C14.6332 7.25714 14.7532 7.57884 14.7532 8.22222C14.7532 9.04339 14.5732 9.95344 14.2133 10.9524C13.8534 11.9429 13.3692 12.9333 12.7608 13.9238C12.7779 12.9672 12.8808 11.9683 13.0693 10.927C13.2578 9.88571 13.4763 9.01376 13.7248 8.31111Z" fill="white"/>
+<g clip-path="url(#clip0_615_524)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.717708 9.99764C-0.239236 10.9312 -0.239236 12.4449 0.717708 13.3785C1.67465 14.3121 3.22616 14.3121 4.18311 13.3785L12.0335 5.71962L15.2136 8.82223C16.1706 9.75584 17.7221 9.75584 18.679 8.82223C19.636 7.88863 19.636 6.37495 18.679 5.44135L13.8275 0.708111C13.3787 0.270279 12.7992 0.037776 12.2115 0.0106035C11.5097 -0.0539096 10.7849 0.175957 10.2476 0.700204L0.717708 9.99764Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2823 14.0024C24.2392 13.0688 24.2392 11.5551 23.2823 10.6215C22.3253 9.68787 20.7738 9.68787 19.8169 10.6215L11.9668 18.2801L8.78687 15.1778C7.82992 14.2442 6.27841 14.2442 5.32146 15.1778C4.36452 16.1114 4.36452 17.625 5.32147 18.5587L10.173 23.2919C10.6215 23.7295 11.2007 23.962 11.788 23.9893C12.4899 24.054 13.215 23.8242 13.7524 23.2998L23.2823 14.0024Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_615_524">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
 </svg>

images/littlelink.svg

@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="16" fill="url(#paint0_linear_612_446)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.87868 21.3535C8.70711 22.525 8.70711 24.4245 9.87868 25.5961L10.0377 25.7551C11.2092 26.9267 13.1087 26.9267 14.2803 25.7551L24.331 15.7044L28.4498 19.8232C29.6214 20.9947 31.5209 20.9947 32.6924 19.8232L32.8514 19.6642C34.023 18.4926 34.023 16.5931 32.8514 15.4215L26.5302 9.10026C25.98 8.55012 25.2694 8.25831 24.549 8.22483C23.6891 8.14312 22.8006 8.43151 22.1422 9.08998L9.87868 21.3535Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.699 26.4081C39.8705 25.2366 39.8705 23.3371 38.699 22.1655L38.54 22.0065C37.3684 20.8349 35.4689 20.8349 34.2973 22.0065L24.2467 32.0571L20.1281 27.9385C18.9565 26.7669 17.057 26.7669 15.8854 27.9385L15.7264 28.0975C14.5549 29.269 14.5549 31.1685 15.7264 32.3401L22.0477 38.6614C22.598 39.2117 23.309 39.5035 24.0297 39.5369C24.8892 39.6183 25.7772 39.3298 26.4355 38.6716L38.699 26.4081Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_612_446" x1="-24.24" y1="24.48" x2="24.72" y2="72.96" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4899F7"/>
+<stop offset="1" stop-color="#2457F5"/>
+</linearGradient>
+</defs>
+</svg>

index.html

@@ -7,7 +7,7 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <meta charset="utf-8">
   <title>LittleLink</title>
-  <meta name="description" content="Find us online!">
+  <meta name="description" content="https://littlelink.io">
   <meta name="author" content="Seth Cottle">
 
   <!-- Mobile Specific Metas
@@ -32,7 +32,7 @@
 
   <!-- Favicon
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-  <link rel="icon" type="image/png" href="images/avatar.png">
+  <link rel="icon" type="image/png" href="images/littlelink.png">
 
 </head>
 
@@ -63,13 +63,13 @@
         -->
 
         <!-- Your Image Here -->
-        <img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
+        <img src="images/littlelink.svg" class="avatar" srcset="images/littlelink.svg 2x" alt="LittleLink Logo">
 
         <!-- Title -->
         <h1>LittleLink</h1>
 
         <!-- Short Bio -->
-        <p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we've just created some branded buttons and stripped out the things you won't need. 😊</p>
+        <p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a>.</p>
 
         <!--