BlueMatter logo everywhere, remove green dot, clean kicker text

Author: prasad-kumkar

docusaurus.config.ts

@@ -73,7 +73,7 @@ const config: Config = {
       respectPrefersColorScheme: false,
     },
     navbar: {
-      title: 'Bluematter',
+      title: 'BlueMatter',
       items: [
         {
           type: 'docSidebar',

src/css/custom.css

@@ -60,7 +60,6 @@
   font-weight: 700;
   font-size: 1rem;
   letter-spacing: -0.03em;
-  text-transform: lowercase;
 }
 
 /* Sidebar - clean dark */

src/pages/index.module.css

@@ -121,32 +121,13 @@
   max-width: 800px;
 }
 
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.4rem 1rem 0.4rem 0.7rem;
-  border-radius: 100px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  font-size: 0.72rem;
-  font-weight: 600;
-  letter-spacing: 0.08em;
+.kicker {
+  font-size: 0.8rem;
+  font-weight: 500;
+  letter-spacing: 0.15em;
   text-transform: uppercase;
-  color: rgba(255, 255, 255, 0.6);
-  margin-bottom: 3rem;
-}
-
-.badgeDot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #22c55e;
-  animation: pulse 2s ease infinite;
-}
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.4; }
+  color: rgba(255, 255, 255, 0.35);
+  margin: 0 0 2.5rem;
 }
 
 .title {
@@ -426,7 +407,6 @@
   color: #fff;
   display: block;
   margin-bottom: 0.8rem;
-  text-transform: lowercase;
 }
 
 .footDesc {

src/pages/index.tsx

@@ -22,14 +22,14 @@ function Nav() {
   return (
     <nav className={styles.nav}>
       <Link to={useBaseUrl('/')} className={styles.navLogo}>
-        bluematter
+        BlueMatter
       </Link>
       <div className={styles.navLinks}>
         <Link to={useBaseUrl('/docs/intro')} className={styles.navLink}>Docs</Link>
         <Link to={useBaseUrl('/docs/spec/notation')} className={styles.navLink}>Spec</Link>
         <Link
           className={styles.navBtn}
-          href="https://github.com/Chainscore/bluematter-docs"
+          href="https://github.com/Chainscore/BlueMatter-docs"
         >
           GitHub
           <ArrowUpRight size={14} />
@@ -47,10 +47,7 @@ function Hero() {
       <div className={styles.grain} />
       <div className={styles.heroGlow} />
       <div className={styles.heroInner}>
-        <div className={styles.badge}>
-          <span className={styles.badgeDot} />
-          Cardano Full-Node
-        </div>
+        <p className={styles.kicker}>Independent Cardano Full-Node</p>
         <h1 className={styles.title}>BlueMatter</h1>
         <p className={styles.sub}>
           C performance. Python clarity.
@@ -63,7 +60,7 @@ function Hero() {
             Read the Spec
             <ArrowRight size={16} />
           </Link>
-          <Link className={styles.btnGhost} href="https://github.com/Chainscore/bluematter-docs">
+          <Link className={styles.btnGhost} href="https://github.com/Chainscore/BlueMatter-docs">
             <GitBranch size={18} />
             Source
           </Link>
@@ -141,7 +138,7 @@ function Footer() {
     <footer className={styles.footer}>
       <div className={styles.footInner}>
         <div className={styles.footLeft}>
-          <span className={styles.footLogo}>bluematter</span>
+          <span className={styles.footLogo}>BlueMatter</span>
           <p className={styles.footDesc}>
             Cardano full-node combining C-backed cryptography with Python's readability. By Chainscore Labs.
           </p>
@@ -154,7 +151,7 @@ function Footer() {
         </div>
         <div className={styles.footCol}>
           <h4>Links</h4>
-          <Link href="https://github.com/Chainscore/bluematter-docs">GitHub</Link>
+          <Link href="https://github.com/Chainscore/BlueMatter-docs">GitHub</Link>
           <Link href="https://chainscore.xyz">Chainscore Labs</Link>
         </div>
       </div>