WorldFishCenter · langbart · Jul 3, 2026
diff --git a/components/layout/Footer.js b/components/layout/Footer.js
@@ -13,13 +13,8 @@ const Footer = () => {
                     <div className="footer-top">
                         <div className="row">
                             <div className="col-md-4 col-sm-6 text-center text-md-start">
-                                <Link href="/" className={`d-flex ${styles.brandLink}`}>
-                                    <img
-                                        src="/assets/imgs/brand/worldfish-logo-white.svg"
-                                        alt="WorldFish"
-                                        className={styles.brandLogoImg}
-                                    />
-                                    <span className={styles.brandSuffix}>Digital</span>
+                                <Link href="/" className={`d-flex display-6 ${styles.brandLink}`}>
+                                    WorldFish Digital
                                 </Link>
                             </div>
                         </div>

diff --git a/components/layout/Footer.module.css b/components/layout/Footer.module.css
@@ -1,24 +1,8 @@
 .brandLink {
-  align-items: center;
-  gap: 10px;
   color: var(--wf-text-on-dark);
   text-decoration: none;
 }
 
-.brandLogoImg {
-  display: block;
-  height: 40px;
-  width: auto;
-}
-
-.brandSuffix {
-  font-family: var(--wf-font-body);
-  font-size: 1.15rem;
-  font-weight: 600;
-  color: var(--wf-text-on-dark-soft);
-  letter-spacing: -0.02em;
-}
-
-.brandLink:hover .brandSuffix {
+.brandLink:hover {
   color: var(--wf-color-accent);
 }
diff --git a/components/layout/Header.js b/components/layout/Header.js
@@ -23,13 +23,17 @@
                 <div className="main-header">
                     <div className={`header-left header-langgraph-inner ${styles.headerInner}`}>
                         <div className={`header-logo ${styles.headerLogo}`}>
-                            <Link href="/" className={`header-logo-link ${styles.logoLink}`}>
+                            <Link href="/" className="header-logo-link">
                                 <img
-                                    src="/assets/imgs/brand/worldfish-logo-white.svg"
-                                    alt="WorldFish"
-                                    className={styles.logoImg}
+                                    src="/assets/imgs/brand/worldfish-mark-white.svg"
+                                    alt=""
+                                    aria-hidden="true"
+                                    className={styles.headerMark}
                                 />
-                                <span className={styles.logoSuffix}>Digital</span>
+                                <span className={styles.headerLogoText}>
+                                    <span className="header-logo-line1">WorldFish</span>
+                                    <span className="header-logo-line2">Digital</span>
+                                </span>
                             </Link>
                         </div>
                         <nav

diff --git a/components/layout/Header.module.css b/components/layout/Header.module.css
@@ -108,25 +108,41 @@
   background-color: rgba(255, 255, 255, 0.06) !important;
 }
 
-.logoLink {
+.siteHeader :global(.header-logo-link) {
   display: flex;
+  flex-direction: row;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
+  line-height: 1.08;
   text-decoration: none !important;
+  font-family: var(--wf-font-body);
+  letter-spacing: -0.035em;
 }
 
-.logoImg {
+.headerMark {
   display: block;
-  height: 96px;
+  height: 38px;
   width: auto;
+  flex-shrink: 0;
 }
 
-.logoSuffix {
-  font-family: var(--wf-font-body);
+.headerLogoText {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.siteHeader :global(.header-logo-line1) {
+  font-size: clamp(1.2rem, 2.1vw, 1.45rem);
+  font-weight: 700;
+  color: var(--wf-text-on-dark);
+}
+
+.siteHeader :global(.header-logo-line2) {
   font-size: clamp(1rem, 1.65vw, 1.15rem);
   font-weight: 600;
   color: var(--wf-text-on-dark-soft);
-  letter-spacing: -0.02em;
+  margin-top: 2px;
 }
 
 .siteHeader:global(.header-langgraph) :global(.nav-main-menu .sub-menu) {

diff --git a/components/layout/Sidebar.js b/components/layout/Sidebar.js
@@ -26,11 +26,7 @@ const Sidebar = ({ openClass, onClose }) => {
         >
             <div className={styles.drawerHeader}>
                 <Link href="/" className={styles.drawerWordmark} onClick={onClose}>
-                    <img
-                        src="/assets/imgs/brand/worldfish-logo-white.svg"
-                        alt="WorldFish"
-                        className={styles.drawerLogoImg}
-                    />
+                    <span className={styles.drawerWordmarkLine1}>WorldFish</span>
                     <span className={styles.drawerWordmarkLine2}>Digital</span>
                 </Link>
                 <button

diff --git a/components/layout/Sidebar.module.css b/components/layout/Sidebar.module.css
@@ -53,25 +53,26 @@
 
 .drawerWordmark {
   display: flex;
-  align-items: center;
-  gap: 8px;
+  flex-direction: column;
+  align-items: flex-start;
+  line-height: 1.08;
   text-decoration: none !important;
+  font-family: var(--wf-font-body);
+  letter-spacing: -0.035em;
   min-width: 0;
 }
 
-.drawerLogoImg {
-  display: block;
-  height: 28px;
-  width: auto;
-  flex-shrink: 0;
+.drawerWordmarkLine1 {
+  font-size: clamp(1.1rem, 3.5vw, 1.3rem);
+  font-weight: 700;
+  color: var(--wf-text-on-dark);
 }
 
 .drawerWordmarkLine2 {
-  font-family: var(--wf-font-body);
   font-size: clamp(0.95rem, 3vw, 1.05rem);
   font-weight: 600;
   color: var(--wf-text-on-dark-soft);
-  letter-spacing: -0.02em;
+  margin-top: 2px;
 }
 
 .closeBtn {

diff --git a/components/sections/BlogPostClient.js b/components/sections/BlogPostClient.js
@@ -96,8 +96,8 @@ export default function BlogPostClient({ post }) {
                     startOnLoad: false,
                     theme: 'neutral',
                     securityLevel: 'loose',
-                    fontFamily: 'Chivo',
-                    fontSize: 14,
+                    fontFamily: 'Roboto Condensed',
+                    fontSize: '14px',
                 });
                 setMermaidLoaded(true);
             });

diff --git a/components/sections/EcosystemHeroSection.js b/components/sections/EcosystemHeroSection.js
@@ -9,7 +9,7 @@ function EcosystemHeroSection({ data }) {
             <div className="wfEcosystemGrid" aria-hidden />
             <div className="container wfEcosystemContent">
                 <div className="row align-items-center">
-                    <div className="col-lg-12">
+                    <div className="col-lg-7 col-md-11">
                         {/* <div className="d-flex align-items-center gap-3 mb-30">
                             <span className="wfBadgeIcon">
                                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>

diff --git a/components/sections/HeroSection.js b/components/sections/HeroSection.js
@@ -37,7 +37,7 @@ function HeroSection({ data, onWatchVideo }) {
             <div className="container">
                 <div className="row align-items-center">
                     <div className="col-lg-6 mb-50">
-                        <h1 className="display-3 wfTitleHero wfTitleHeroPeskas">
+                        <h1 className="display-3 wfTitleHero">
                             {headline}
                             <span className="wfAccentLine">{headlineHighlight}</span>
                         </h1>

diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -50,8 +50,8 @@ TABLE CONTENT
   --wf-font-xl: 20px;
   --wf-font-2xl: 22px;
   --wf-font-3xl: 58px;
-  --wf-color-primary: #1A4985;
-  --wf-color-secondary: #58AB47;
+  --wf-color-primary: #508FDA;
+  --wf-color-secondary: #8D99AE;
   --wf-color-success: #06D6A0;
   --wf-color-danger: #EF476F;
   --wf-color-warning: #FFD166;
@@ -89,8 +89,7 @@ TABLE CONTENT
   --wf-surface-submenu: rgba(14, 18, 28, 0.92);
   --wf-surface-deep: #00050a;
   --wf-surface-panel: #020813;
-  --wf-color-accent: #58ab47;
-  --wf-color-accent-title: #1a4985;
+  --wf-color-accent: #57b3d1;
   --wf-text-slate-50: #f8fafc;
   --wf-text-slate-200: #e2e8f0;
   --wf-text-slate-300: #cbd5e1;
@@ -101,9 +100,9 @@ TABLE CONTENT
   --wf-border-strong: rgba(255, 255, 255, 0.2);
   --wf-border-card: rgba(255, 255, 255, 0.08);
   --wf-border-image: rgba(255, 255, 255, 0.1);
-  --wf-border-accent-soft: rgba(88, 171, 71, 0.15);
-  --wf-border-accent-medium: rgba(88, 171, 71, 0.4);
-  --wf-glow-accent: rgba(88, 171, 71, 0.15);
+  --wf-border-accent-soft: rgba(87, 179, 209, 0.15);
+  --wf-border-accent-medium: rgba(87, 179, 209, 0.4);
+  --wf-glow-accent: rgba(87, 179, 209, 0.15);
   --wf-shadow-hero-media: 0 30px 60px rgba(0, 0, 0, 0.5);
   --wf-gradient-hero: linear-gradient(180deg, #020813 0%, #00050a 100%);
   --wf-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

diff --git a/public/assets/imgs/brand/worldfish-logo-color.svg b/public/assets/imgs/brand/worldfish-logo-color.svg