cosmos · evanorti · Apr 13, 2026 · Apr 13, 2026 · Apr 13, 2026 · Apr 13, 2026
diff --git a/index.mdx b/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Cosmos Stack Developer Documentation"
+title: "Cosmos Developer Documentation"
 mode: "custom"
 ---
 
@@ -114,7 +114,7 @@ import { MobileMenuDrawer } from '/snippets/mobile-menu-drawer.jsx';
     {/* Hero Text and Buttons */}
     <div className='flex-1 flex flex-col gap-6 md:gap-8 items-center justify-center px-8 py-12 md:py-16 lg:py-20'>
       <h1 className='text-3xl sm:text-4xl md:text-5xl lg:text-6xl leading-tight text-center text-black dark:text-white w-full max-w-4xl'>
-        Cosmos Stack Developer Documentation
+        Cosmos Developer Documentation
       </h1>
 
       <p className='text-[rgba(0,0,0,0.60)] dark:text-[rgba(255,255,255,0.50)] text-base sm:text-lg md:text-xl lg:text-2xl text-center max-w-3xl'>
@@ -125,24 +125,33 @@ import { MobileMenuDrawer } from '/snippets/mobile-menu-drawer.jsx';
     {/* Documentation Cards Section */}
     <div className='w-full px-4 md:px-8 lg:px-12 pb-12 md:pb-16 max-w-[1920px] mx-auto'>
       <DocCardGrid>
+        <DocCard
+          title="Start Building"
+          description="New to Cosmos? Start with the concepts, build a chain, or choose your own path."
+          links={[
+            { href: "/sdk/latest/learn/intro/overview", label: "Learn" },
+            { href: "/sdk/latest/tutorials/example/00-overview", label: "Build a chain" },
+            { href: "/sdk/latest/learn/start-here", label: "Choose a path" },
+          ]}
+        />
         <DocCard
           title="Cosmos SDK"
           description="Modular framework for building secure, high-performance blockchains."
           docsLink="/sdk/latest/learn"
           githubLink="https://github.com/cosmos/cosmos-sdk"
         />
-        <DocCard
-          title="Cosmos EVM"
-          description="EVM compatibility layer with built-in Solidity support."
-          docsLink="/evm/latest/documentation/overview"
-          githubLink="https://github.com/cosmos/evm"
-        />
         <DocCard
           title="Cosmos Enterprise"
           description="Enterprise-grade software, infrastructure, and support for Cosmos blockchains."
           docsLink="/enterprise/overview"
           isHighlighted={true}
         />
+        <DocCard
+          title="Cosmos EVM"
+          description="EVM compatibility layer with built-in Solidity support."
+          docsLink="/evm/latest/documentation/overview"
+          githubLink="https://github.com/cosmos/evm"
+        />
         <DocCard
           title="Inter-Blockchain Communication Protocol"
           description="Protocol for secure, fast inter-blockchain communication."
@@ -155,12 +164,6 @@ import { MobileMenuDrawer } from '/snippets/mobile-menu-drawer.jsx';
           docsLink="/cometbft/latest/docs/README"
           githubLink="https://github.com/cometbft/cometbft"
         />
-       <DocCard
-          title="Skip.Go API"
-          description="API for building seamless cross-chain experiences."
-          docsLink="/skip-go/general/getting-started"
-          githubLink="https://github.com/skip-mev/skip-go"
-        />
       </DocCardGrid>
     </div>
   </div>

diff --git a/sdk/latest/learn/start-here.mdx b/sdk/latest/learn/start-here.mdx
@@ -56,16 +56,16 @@ For a technical overview of how a Cosmos chain is structured:
 
 Set up and operate a Cosmos node (validators, operators).
 
-[Run a Node](/sdk/latest/tutorials)
+- [Run a Node](/sdk/latest/tutorials)
 
 ## Browse modules
 
 Explore production-ready SDK modules and their documentation.
 
-[Module Directory](/sdk/latest/modules/modules)
+- [Module Directory](/sdk/latest/modules/modules)
 
 ## Go deeper
 
 Dive into advanced topics like ABCI++, vote extensions, mempool design, upgrades, and observability.
 
-[In-depth Guides](/sdk/latest/guides/guides)
+- [In-depth Guides](/sdk/latest/guides/guides)
diff --git a/snippets/doc-card.jsx b/snippets/doc-card.jsx
@@ -1,6 +1,14 @@
 'use client'
 
-export const DocCard = ({ title, description, docsLink, githubLink, isHighlighted }) => {
+export const DocCard = ({ title, description, docsLink, docsLinkText, githubLink, githubLinkText, isHighlighted, links }) => {
+  const arrow = (
+    <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg" className="fill-white shrink-0">
+      <path d="M4.67999 8.91512L4.67999 4.45715L9.36087 4.45715V8.91513L4.67999 8.91512Z" fill="currentColor"/>
+      <path d="M0 13.3743L6.13823e-07 8.91633L4.68087 8.91633L4.68087 13.3743L0 13.3743Z" fill="currentColor"/>
+      <path d="M0 4.45798L6.13823e-07 0L4.68087 5.84593e-07L4.68087 4.45798L0 4.45798Z" fill="currentColor"/>
+    </svg>
+  )
+
   return (
       <div
         className={`
@@ -34,46 +42,31 @@ export const DocCard = ({ title, description, docsLink, githubLink, isHighlighte
       </div>
 
       <div className="relative z-10 flex gap-3 md:gap-4 items-center flex-wrap">
-        {docsLink && (
+        {links && links.map(({ href, label }) => (
           <a
-            href={docsLink}
-            className="
-              bg-[#323536]
-              text-white px-4 py-2.5 md:py-3 rounded-full
-              text-sm md:text-md
-              flex items-center gap-2 md:gap-3
-              hover:bg-[#404243]
-              transition-all duration-300
-            "
+            key={href}
+            href={href}
+            {...(href.startsWith('http') ? { target: '_blank', rel: 'noopener noreferrer' } : {})}
+            className="bg-[#323536] text-white px-4 py-2.5 md:py-3 rounded-full text-sm md:text-md flex items-center gap-2 md:gap-3 hover:bg-[#404243] transition-all duration-300"
           >
-            Read the docs
-            <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg" className="fill-white shrink-0">
-              <path d="M4.67999 8.91512L4.67999 4.45715L9.36087 4.45715V8.91513L4.67999 8.91512Z" fill="currentColor"/>
-              <path d="M0 13.3743L6.13823e-07 8.91633L4.68087 8.91633L4.68087 13.3743L0 13.3743Z" fill="currentColor"/>
-              <path d="M0 4.45798L6.13823e-07 0L4.68087 5.84593e-07L4.68087 4.45798L0 4.45798Z" fill="currentColor"/>
-            </svg>
+            {label}
+            {arrow}
+          </a>
+        ))}
+        {docsLink && (
+          <a href={docsLink} className="bg-[#323536] text-white px-4 py-2.5 md:py-3 rounded-full text-sm md:text-md flex items-center gap-2 md:gap-3 hover:bg-[#404243] transition-all duration-300">
+            {docsLinkText || 'Read the docs'}
+            {arrow}
           </a>
         )}
         {githubLink && !isHighlighted && (
           <a
             href={githubLink}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="
-              bg-[#323536]
-              text-white px-4 py-2.5 md:py-3 rounded-full
-              text-sm md:text-md
-              flex items-center gap-2 md:gap-3
-              hover:bg-[#404243]
-              transition-all duration-300
-            "
+            {...(githubLink.startsWith('http') ? { target: '_blank', rel: 'noopener noreferrer' } : {})}
+            className="bg-[#323536] text-white px-4 py-2.5 md:py-3 rounded-full text-sm md:text-md flex items-center gap-2 md:gap-3 hover:bg-[#404243] transition-all duration-300"
           >
-            Github
-            <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg" className="fill-white shrink-0">
-              <path d="M4.67999 8.91512L4.67999 4.45715L9.36087 4.45715V8.91513L4.67999 8.91512Z" fill="currentColor"/>
-              <path d="M0 13.3743L6.13823e-07 8.91633L4.68087 8.91633L4.68087 13.3743L0 13.3743Z" fill="currentColor"/>
-              <path d="M0 4.45798L6.13823e-07 0L4.68087 5.84593e-07L4.68087 4.45798L0 4.45798Z" fill="currentColor"/>
-            </svg>
+            {githubLinkText || 'Github'}
+            {arrow}
           </a>
         )}
       </div>