fix(landing): normalize typography weights (#7144)

Author: waleedlatif1

apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx

@@ -107,7 +107,7 @@ export function FeatureCard({
         <ChipTag variant='mono' className='hidden max-lg:mb-3 max-lg:inline-flex max-lg:self-start'>
           {eyebrow}
         </ChipTag>
-        <h3 className='text-balance font-medium text-[22px] text-[var(--text-primary)] leading-[1.3] max-sm:text-[20px]'>
+        <h3 className='text-balance text-[22px] text-[var(--text-primary)] leading-[1.3] max-sm:text-[20px]'>
           {title}
         </h3>
         <p className='mt-3 text-pretty text-[15px] text-[var(--text-muted)] leading-[1.6]'>

apps/sim/app/(landing)/components/hero/components/hero-visual/stage-kb.tsx

@@ -46,9 +46,7 @@ export function KnowledgeBasePanel({
       )}
     >
       <div className='flex items-center justify-between px-4 pt-3 pb-2.5'>
-        <span className='font-medium text-[15px] text-[var(--text-primary)]'>
-          Create Knowledge Base
-        </span>
+        <span className='text-[15px] text-[var(--text-primary)]'>Create Knowledge Base</span>
         <X className='size-4 text-[var(--text-muted)]' />
       </div>
 

apps/sim/app/(landing)/components/hero/components/hero-visual/workflow-block-content.tsx

@@ -33,9 +33,7 @@ export function WorkflowBlockContent({ block }: WorkflowBlockContentProps) {
             <block.icon className='size-[16px] text-white' />
           )}
         </div>
-        <span className='truncate font-medium text-[16px] text-[var(--text-body)]'>
-          {block.name}
-        </span>
+        <span className='truncate text-[16px] text-[var(--text-body)]'>{block.name}</span>
       </div>
 
       {block.rows.length > 0 && (

apps/sim/app/(landing)/components/product-demo/product-demo.tsx

@@ -40,7 +40,7 @@ export function ProductDemo() {
           </div>
           <h2
             id='product-demo-heading'
-            className='text-balance font-medium text-[22px] text-[var(--text-primary)] leading-[1.3] max-sm:text-[20px]'
+            className='text-balance text-[22px] text-[var(--text-primary)] leading-[1.3] max-sm:text-[20px]'
           >
             Describe it. Sim builds it.
           </h2>

apps/sim/app/(landing)/components/shared/code-window-graphic/code-window-graphic.tsx

@@ -77,7 +77,7 @@ export function CodeWindowGraphic({ icon, filename, lines }: CodeWindowGraphicPr
           >
             {icon}
           </span>
-          <span className='font-medium text-[var(--text-inverse)] text-base'>{filename}</span>
+          <span className='text-[var(--text-inverse)] text-base'>{filename}</span>
         </div>
 
         <div className='space-y-2 p-4 font-mono text-[var(--text-muted-inverse)] text-caption leading-[1.7]'>

apps/sim/app/(landing)/components/solutions-page/components/solutions-card-row/components/solutions-card/solutions-card.tsx

@@ -86,10 +86,7 @@ export function SolutionsCard({ card, headingId, tabletSpan = false }: Solutions
               wide && 'sm:max-lg:w-[38%] sm:max-lg:shrink-0 sm:max-lg:self-center'
             )}
           >
-            <h3
-              id={headingId}
-              className={cn('font-medium text-[16px] leading-[1.3]', featureTileTone.title)}
-            >
+            <h3 id={headingId} className={cn('text-[16px] leading-[1.3]', featureTileTone.title)}>
               {card.title}
             </h3>
             <p

apps/sim/app/(landing)/enterprise/components/feature-graphics/access-control-graphic.tsx

@@ -153,9 +153,7 @@ export function AccessControlGraphic() {
               <span
                 className={cn(
                   'text-caption',
-                  index === 0
-                    ? 'font-medium text-[var(--text-primary)]'
-                    : 'text-[var(--text-secondary)]'
+                  index === 0 ? 'text-[var(--text-primary)]' : 'text-[var(--text-secondary)]'
                 )}
               >
                 {team.name}

apps/sim/app/(landing)/enterprise/components/feature-graphics/audit-trail-graphic.tsx

@@ -69,7 +69,7 @@ const ROW_TONES = [
  * window: a frameless, centered vignette (the access tile's composition,
  * which sits beside it in the row) where each record is a plain row —
  * gradient actor avatar, the action label in the row's regular sans face
- * (`font-medium text-small`, the same treatment the standards tile gives
+ * (`text-small`, the same treatment the standards tile gives
  * its row titles), an "actor · resource" attribution line, and a
  * right-aligned timestamp. The newest record is the selected event: it
  * sits on a solid white card wearing the build tile's window chrome
@@ -120,7 +120,7 @@ export function AuditTrailGraphic({ entries = ENTRIES }: AuditTrailGraphicProps
       >
         <div className='w-full max-w-[312px] sm:max-lg:[@container(min-width:500px)]:max-w-[400px]'>
           <div className='mb-4 flex items-center justify-between'>
-            <span className='font-medium text-[var(--text-primary)] text-base'>Audit log</span>
+            <span className='text-[var(--text-primary)] text-base'>Audit log</span>
             <ChipTag variant='mono' className='bg-[var(--surface-6)]'>
               Append-only
             </ChipTag>
@@ -159,7 +159,7 @@ export function AuditTrailGraphic({ entries = ENTRIES }: AuditTrailGraphicProps
                     />
                   </span>
                   <span className='min-w-0 flex-1'>
-                    <span className={cn('block truncate font-medium text-small', tone.action)}>
+                    <span className={cn('block truncate text-small', tone.action)}>
                       {entry.action}
                     </span>
                     <span className='block truncate text-[var(--text-muted)] text-caption'>

apps/sim/app/(landing)/enterprise/components/feature-graphics/deploy-graphic.tsx

@@ -97,7 +97,7 @@ export function DeployGraphic({
         className='absolute inset-0 flex flex-col items-center pr-8 max-lg:pr-6'
       >
         <div className='mt-1 flex items-center gap-1.5 rounded-[12px] bg-[var(--surface-2)] py-1.5 pr-1.5 pl-2.5 shadow-sm'>
-          <span className='font-medium text-[var(--text-secondary)] text-caption'>{agentName}</span>
+          <span className='text-[var(--text-secondary)] text-caption'>{agentName}</span>
           <ChipTag variant='mono'>{versionTag}</ChipTag>
         </div>
 
@@ -174,7 +174,7 @@ export function DeployGraphic({
           </div>
           <div className='flex items-center gap-2 px-3 pt-2.5 pb-4'>
             <CircleCheck className='size-[14px] shrink-0 text-[var(--text-muted-inverse)]' />
-            <span className='min-w-0 flex-1 font-medium text-[var(--text-inverse)] text-small'>
+            <span className='min-w-0 flex-1 text-[var(--text-inverse)] text-small'>
               {statusLabel}
             </span>
             <span className='shrink-0 text-[var(--text-muted-inverse)] text-caption'>

apps/sim/app/(landing)/enterprise/components/feature-graphics/feature-platform-panel.tsx

@@ -33,7 +33,7 @@ export function FeaturePlatformPanel({
         <span className='flex size-6 items-center justify-center rounded-md bg-[var(--surface-5)]'>
           <Icon className='size-[14px] text-[var(--text-icon)]' />
         </span>
-        <span className='font-medium text-[var(--text-primary)] text-base'>{title}</span>
+        <span className='text-[var(--text-primary)] text-base'>{title}</span>
       </div>
       {children}
     </div>