Use atomic bond mark as logo and favicon

hiteshjoshi · hiteshjoshi · commit 64a4a57f9564 · 2026-03-08T04:31:51.000+05:30
Infinity/bond SVG mark as favicon, combined mark + "atomic"
wordmark in Inter 600 for nav logo. Remove old ploton logo.
diff --git a/www/favicon.svg b/www/favicon.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#000;stroke-width:0px;}</style></defs><path class="cls-1" d="M33.42,299.17c.27,0,.53,0,.8-.02,7.71-.44,13.61-7.04,13.17-14.75-.23-4.01-.34-8.07-.34-12.08,0-101.19,70.73-186.59,169.17-205.77,7.29,15.1,22.7,25.56,40.56,25.56,24.84,0,45.05-20.21,45.05-45.05S281.62,2,256.78,2c-22.02,0-40.37,15.89-44.26,36.8-52.7,9.95-100.81,37.66-136.02,78.61-37.02,43.05-57.41,98.06-57.41,154.91,0,4.54.13,9.13.39,13.66.42,7.44,6.59,13.19,13.95,13.19ZM256.78,29.96c9.42,0,17.09,7.67,17.09,17.09s-7.67,17.09-17.09,17.09-17.09-7.67-17.09-17.09,7.67-17.09,17.09-17.09Z"/><path class="cls-1" d="M369.11,449.45c-33.54,21.32-72.39,32.59-112.33,32.59-13.72,0-27.22-1.39-40.39-3.96v-97.4c12.71,4.26,26.29,6.59,40.39,6.59,70.25,0,127.39-57.14,127.39-127.39s-57.14-127.39-127.39-127.39-127.39,57.14-127.39,127.39v179.02c-11.24-8.62-21.68-18.44-31.15-29.38,4.94-7.23,7.84-15.96,7.84-25.36,0-24.84-20.21-45.05-45.05-45.05s-45.05,20.21-45.05,45.05,20.21,45.05,45.05,45.05c5.25,0,10.27-.95,14.96-2.61,45.3,53.09,110.72,83.39,180.79,83.39,45.27,0,89.3-12.78,127.33-36.95,6.52-4.14,8.44-12.78,4.3-19.3-4.14-6.52-12.78-8.44-19.3-4.3ZM256.78,219.49c22.28,0,40.39,18.11,40.39,40.39s-18.11,40.39-40.39,40.39-40.39-18.11-40.39-40.39,18.11-40.39,40.39-40.39ZM43.95,384.16c0-9.42,7.67-17.09,17.09-17.09s17.09,7.67,17.09,17.09-7.67,17.09-17.09,17.09-17.09-7.67-17.09-17.09Z"/><path class="cls-1" d="M481.13,350.8c8.81-25.18,13.33-51.54,13.33-78.49,0-90.19-50.03-171.52-130.58-212.24-6.88-3.48-15.3-.72-18.78,6.17-3.49,6.89-.72,15.3,6.17,18.79,71.08,35.94,115.23,107.7,115.23,187.28,0,23-3.71,45.5-10.97,67.03-1.5-.15-3.02-.23-4.56-.23-24.84,0-45.05,20.21-45.05,45.05s20.21,45.05,45.05,45.05,45.05-20.21,45.05-45.05c0-13.23-5.77-25.11-14.88-33.36ZM450.97,401.25c-9.42,0-17.09-7.67-17.09-17.09s7.67-17.09,17.09-17.09,17.09,7.67,17.09,17.09-7.67,17.09-17.09,17.09Z"/></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="246.56" height="246.56" viewBox="0 0 471.58 246.56"><path d="M348.02,0c-41.23.09-76.26,22.68-112.05,49.23C199.81,22.63,164.49-.09,122.99,0,55.02.16-.16,55.59,0,123.56c.16,67.98,55.58,123.15,123.56,123,41.23-.09,76.26-22.68,112.05-49.23,36.16,26.61,71.48,49.33,112.98,49.23,67.97-.16,123.15-55.59,122.99-123.56C471.42,55.02,415.99-.16,348.02,0ZM348.51,211.6c-27.93.06-55.34-16.01-83.64-36.24,18.25-13.58,37.1-26.82,56.97-36.95l30.74-15.66-30.81-15.52c-1.67-.84-3.32-1.7-4.98-2.59-21.83,5.92-71.16,41.38-86.9,53.27-36.5,27.57-70.99,53.61-106.41,53.69-48.7.11-88.41-39.42-88.52-88.12-.11-48.7,39.42-88.41,88.12-88.52,27.93-.06,55.34,16.01,83.64,36.24-18.25,13.58-37.1,26.82-56.97,36.95l-30.74,15.66,30.81,15.52c1.67.84,3.32,1.7,4.98,2.59,21.83-5.92,71.16-41.38,86.9-53.27,36.5-27.57,70.99-53.61,106.41-53.69,48.7-.11,88.41,39.42,88.52,88.12.11,48.7-39.42,88.41-88.12,88.52Z" fill="#0a0a0a"/></svg>
diff --git a/www/index.html b/www/index.html
@@ -73,7 +73,9 @@
 	<!-- Nav -->
 	<header class="nav">
 		<nav class="nav-inner" aria-label="Main navigation">
-			<a href="/" class="nav-brand" aria-label="atomic home">atomic</a>
+			<a href="/" class="nav-brand" aria-label="atomic home">
+				<img src="/logo.svg" alt="atomic" class="nav-logo" />
+			</a>
 			<div class="nav-links">
 				<a href="https://github.com/plotondev/atomic" class="nav-link">GitHub</a>
 				<a href="https://github.com/plotondev/atomic#cli" class="nav-link">Docs</a>
diff --git a/www/logo.svg b/www/logo.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 246.56" height="32">
+  <!-- Mark -->
+  <path d="M348.02,0c-41.23.09-76.26,22.68-112.05,49.23C199.81,22.63,164.49-.09,122.99,0,55.02.16-.16,55.59,0,123.56c.16,67.98,55.58,123.15,123.56,123,41.23-.09,76.26-22.68,112.05-49.23,36.16,26.61,71.48,49.33,112.98,49.23,67.97-.16,123.15-55.59,122.99-123.56C471.42,55.02,415.99-.16,348.02,0ZM348.51,211.6c-27.93.06-55.34-16.01-83.64-36.24,18.25-13.58,37.1-26.82,56.97-36.95l30.74-15.66-30.81-15.52c-1.67-.84-3.32-1.7-4.98-2.59-21.83,5.92-71.16,41.38-86.9,53.27-36.5,27.57-70.99,53.61-106.41,53.69-48.7.11-88.41-39.42-88.52-88.12-.11-48.7,39.42-88.41,88.12-88.52,27.93-.06,55.34,16.01,83.64,36.24-18.25,13.58-37.1,26.82-56.97,36.95l-30.74,15.66,30.81,15.52c1.67.84,3.32,1.7,4.98,2.59,21.83-5.92,71.16-41.38,86.9-53.27,36.5-27.57,70.99-53.61,106.41-53.69,48.7-.11,88.41,39.42,88.52,88.12.11,48.7-39.42,88.41-88.12,88.52Z" fill="#0a0a0a"/>
+  <!-- Wordmark -->
+  <text x="500" y="172" font-family="Inter, system-ui, -apple-system, sans-serif" font-weight="600" font-size="160" letter-spacing="-6" fill="#0a0a0a">atomic</text>
+</svg>
diff --git a/www/ploton-logo.svg b/www/ploton-logo.svg
diff --git a/www/style.css b/www/style.css
@@ -73,11 +73,14 @@ body {
 }
 
 .nav-brand {
-	font-size: 1rem;
-	font-weight: 600;
-	color: var(--color-primary);
+	display: flex;
+	align-items: center;
 	text-decoration: none;
-	letter-spacing: -0.025em;
+}
+
+.nav-logo {
+	height: 24px;
+	width: auto;
 }
 
 .nav-links {
