Claude stuffs up. Time to restore mucked up files.

brand-assets/brand-style-guide-site/src/app/layout.tsx

@@ -37,7 +37,7 @@ export default function RootLayout({
         <Sidebar />
         <div className="lg:pl-64">
           <Header />
-          <main className="pt-chorus-xl md:pt-chorus-xxl dark:bg-mulberry-950 light:bg-white min-h-screen pb-16 md:pb-0">
+          <main className="dark:bg-mulberry-950 light:bg-white min-h-screen pb-16 md:pb-0">
             {children}
           </main>
           <Footer />

brand-assets/brand-style-guide-site/src/components/Breadcrumb.tsx

@@ -100,7 +100,7 @@ const Breadcrumb = () => {
     <nav className="flex items-center px-chorus-sm secondary-nav breadcrumbs" aria-label="Breadcrumb">
       <ol className="flex items-center space-x-chorus-xs">
         {breadcrumbs.map((item, index) => (
-          <li key={`${item.href}-${index}`} className="flex items-center">
+          <li key={`${item.href}-${index}`} className="flex items-center ">
             {index > 0 && (
               <svg 
                 className="text-carbon-500 dark:text-mulberry-400 mr-chorus-xs w-4 h-4" 

brand-assets/brand-style-guide-site/src/components/Footer.tsx

@@ -17,17 +17,14 @@ export default function Footer() {
             <p className="text-sm text-carbon-600 dark:text-mulberry-300 mb-chorus-md">
               A distributed, semantic and temporal knowledge fabric for humans and AI agents alike to share reasoning, context, and intent, not just files.
             </p>
-            <p className="text-xs text-carbon-500 dark:text-mulberry-400">
-              © 2025 CHORUS Services. All rights reserved.
-            </p>
           </div>
 
           {/* Navigation Links */}
-          <div className="grid grid-cols-2 gap-chorus-lg">
+          <div className="grid grid-cols-2 gap-chorus-sm">
             <div>
               <h4 className="text-h4 text-carbon-950 dark:text-white mb-chorus-md">Brand Guide</h4>
-              <ul className="space-y-chorus-sm text-sm">
-                <li><Link href="/" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Brand Overview</Link></li>
+              <ul className="space-y-chorus-xs text-sm">
+                <li><Link href="/" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Overview</Link></li>
                 <li><Link href="/identity" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Brand Identity</Link></li>
                 <li><Link href="/colors" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Color Palette</Link></li>
                 <li><Link href="/typography" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Typography</Link></li>
@@ -36,11 +33,11 @@ export default function Footer() {
             </div>
             <div>
               <h4 className="text-h4 text-carbon-950 dark:text-white mb-chorus-md">Resources</h4>
-              <ul className="space-y-chorus-sm text-sm">
-                <li><Link href="/usage" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Usage Guidelines</Link></li>
-                <li><Link href="/accessibility" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Accessibility</Link></li>
-                <li><Link href="/implementation" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Implementation</Link></li>
-                <li><a href="/logos/chorus-logo-package-web.zip" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Download Assets</a></li>
+              <ul className="space-y-chorus-xs text-sm">
+                <li><Link href="/usage" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Help</Link></li>
+                <li><Link href="/implementation" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Code</Link></li>
+                <li><a href="/logos/chorus-logo-package-web.zip" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Downloads</a></li>
+                <li><Link href="/accessibility" className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors">Access</Link></li>
               </ul>
             </div>
           </div>

brand-assets/brand-style-guide-site/src/components/Sidebar.tsx

@@ -39,16 +39,16 @@ const Sidebar = () => {
     {
       id: 'visual-identity',
       label: 'Visual Identity',
-      icon: 'Interface/Main_Component',
+      icon: 'Shape/Circle',
       items: [
-        { href: '/visual-identity', section: 'visual-identity', icon: 'Interface/Main_Component', label: 'Visual Identity' },
+        { href: '/visual-identity', section: 'visual-identity', icon: 'Shape/Circle', label: 'Visual Identity' },
         { href: '/logo', section: 'logo', icon: 'Interface/Star', label: 'Logo System' },
         { href: '/typography', section: 'typography', icon: 'Edit/Text', label: 'Typography' },
         { href: '/colors', section: 'colors', icon: 'Edit/Swatches_Palette', label: 'Color Palette' },
         { href: '/iconography', section: 'iconography', icon: 'Interface/Main_Component', label: 'Iconography' },
         { href: '/accessibility', section: 'accessibility', icon: 'Interface/Heart_01', label: 'Accessibility' },
-        { href: '/components', section: 'components', icon: 'Interface/Settings', label: 'Components' },
-        { href: '/motion', section: 'motion', icon: 'Interface/Link', label: 'Motion System' },
+        { href: '/components', section: 'components', icon: 'Environment/Puzzle', label: 'Components' },
+        { href: '/motion', section: 'motion', icon: 'Interface/Trending_Up', label: 'Motion System' },
         { href: '/implementation', section: 'implementation', icon: 'File/File_Code', label: 'Implementation' },
       ]
     },
@@ -93,17 +93,14 @@ const Sidebar = () => {
 
   return (
     <aside className="fixed inset-y-0 left-0 hidden w-64 border-r border-nickel-200 bg-white/80 p-0 backdrop-blur lg:block dark:border-mulberry-800 dark:bg-mulberry-950/80">
-      <div className="mb-chorus-xs p-chorus-xs">
-        <div className="px-chorus-md py-chorus-sm">
-          <ThreeLogo width={128} height={128} />
-          <div>
-            <div className="font-logo">CHORUS</div>
-          </div>
+      <div className="mb-chorus-xs pt-chorus-xs flex justify-content logo-group-circular">
+        <div className="pb-chorus-md item mx-auto logo-group-circular">
+          <ThreeLogo width={220} height={220} />
+          <h4 className="text-h4 font-logo">CHORUS</h4>
         </div>
-        <h3 className="text-h3 text-carbon-600 dark:text-white mb-chorus-lg">Brand Guide</h3>
       </div>
-      
-      <nav className="space-y-xs text-sm" id="brand-nav">
+      <h4 className="px-chorus-md py-chorus-xs text-h4 text-carbon-600 dark:text-white mb-chorus-lg">Brand Guide</h4>
+      <nav className="text-sm" id="brand-nav">
         {navCategories.map((category) => {
           const isExpanded = expandedSections.includes(category.id);
           const isActive = isCategoryActive(category);