WIP: Formatting tweaks across docs site

src/app/_styles/variables.css

@@ -121,7 +121,8 @@
     --text-max-width: 780px;
 
     /* Line heights */
-    --line-height-xs: fluid(18px, 22px);
+    --line-height-2xs: fluid(12px, 14px);
+    --line-height-xs: fluid(15px, 18px);
     --line-height-s: fluid(20px, 23px);
     --line-height-m: fluid(22px, 25px);
     --line-height-l: fluid(23px, 28px);

src/components/Card/Card.tsx

@@ -57,7 +57,7 @@ export function Card({
         {description && <p className={styles.description}>{description}</p>}
 
         <div className={styles.link}>
-          <span className={styles.linkText}>{linkText || title}</span>
+          <span className={styles.linkText}>{linkText || description}</span>
           <Icon name="arrow" title="" />
         </div>
       </div>

src/components/Sidenav/Sidenav.module.css

@@ -91,8 +91,8 @@
   padding-inline: var(--space-2xs);
   padding-block: var(--space-5xs);
   border-radius: var(--border-radius-m);
-  font-size: var(--text-fixed-s);
-  line-height: var(--line-height-s);
+  font-size: var(--text-fixed-xs);
+  line-height: var(--line-height-xs);
 
   &:is(:hover, :active) {
     background-color: var(--base-color-grey-900);
@@ -130,6 +130,7 @@
   display: flex;
   font-family: var(--font-family-mono);
   font-size: var(--text-body-xs);
+  line-height: var(--line-height-2xs);
   color: var(--base-color-grey-400);
   text-transform: uppercase;
   padding-inline: var(--space-2xs);
@@ -163,6 +164,6 @@
   }
 
   .section {
-    color: var(--color-font-primary);
+    color: var(--color-text-label);
   }
 }

src/content/getting-started/index.mdx

@@ -15,41 +15,41 @@ Store public, private and open-source packages in Cloudsmith to help you manage,
 
 <Flex gap="s" align="stretch">
   <Card
-    title="For Developers"
-    description="Dependencies"
+    title="Dependencies"
+    description="For Developers"
     href="/getting-started/dependencies-for-developers"
     icon="utility/guide"
   />
   <Card
-    title="For Operations"
-    description="Deployment"
+    title="Deployment"
+    description="For Operations"
     href="/artifact-management/deployment-for-operations"
     icon="utility/guide"
   />
   <Card
-    title="For Vendors"
-    description="Distribution"
+    title="Distribution"
+    description="For Vendors"
     href="//distributing-your-software/distribution-for-vendors"
     icon="utility/guide"
   />
 </Flex>
 
 ## Developers
 
-Cloudsmith is built by developers, for developers. We understand the workflows and processes that developers use and need, and we try to ensure that what we build brings value to our customers, and generally makes their lives easier.  
+Cloudsmith is built by developers, for developers. We understand the workflows and processes that developers use and need, and we try to ensure that what we build brings value to our customers, and generally makes their lives easier.
 
-We believe in what we have built. We love to talk to other developers about what we have created, how it can fit into their development processes, and how we can help.  If you have questions or would like to chat, please just [contact us](/contact-us).
+We believe in what we have built. We love to talk to other developers about what we have created, how it can fit into their development processes, and how we can help. If you have questions or would like to chat, please just [contact us](/contact-us).
 
 ### REST API
+
 Retrieve information, upload packages, or take actions programmatically through our API.
+
 - [REST API Reference]()
 - [API Bindings](/getting-started/api-bindings)
 
 ### Webhooks
-Stay informed by receiving notifications when particular actions take place within Cloudsmith.
--[Webhooks Guide](/observability-and-logging/webhooks)
--[Origin IP Addresses]()
 
+Stay informed by receiving notifications when particular actions take place within Cloudsmith. -[Webhooks Guide](/observability-and-logging/webhooks) -[Origin IP Addresses]()
 
 ## Universal Format Support
 
@@ -82,4 +82,4 @@ Cloudsmith is proud to support the following formats:
 - [Swift](/package-formats/swift-registry)
 - [Terraform Modules](/package-formats/terraform-modules-repository)
 - [Unity](/package-formats/unity-registry)
-- [Vagrant](/package-formats/vagrant-repository)
+- [Vagrant](/package-formats/vagrant-repository)