Skip to content

fix(landing): normalize typography weights #7144

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
waleedlatif1 merged 1 commit into from
Aug 27, 2026
Merged

fix(landing): normalize typography weights #7144

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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]'>
Expand Down
4 changes: 1 addition & 3 deletions apps/sim/app/(landing)/components/hero/components/hero-visual/stage-kb.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down
4 changes: 1 addition & 3 deletions apps/sim/app/(landing)/components/hero/components/hero-visual/workflow-block-content.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 && (
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/components/product-demo/product-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/components/shared/code-window-graphic/code-window-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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]'>
Expand Down
5 changes: 1 addition & 4 deletions ...solutions-page/components/solutions-card-row/components/solutions-card/solutions-card.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 1 addition & 3 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/access-control-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
6 changes: 3 additions & 3 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/audit-trail-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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'>
Expand Down
4 changes: 2 additions & 2 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/deploy-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down Expand Up @@ -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'>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/enterprise/components/feature-graphics/feature-platform-panel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 2 additions & 4 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/it-platform-teams-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,9 +90,7 @@ export function ItPlatformTeamsGraphic({
>
<div className='w-full max-w-[312px]'>
<div className='mb-3 flex items-center justify-between gap-2'>
<span className='min-w-0 truncate font-medium text-[var(--text-primary)] text-base'>
{title}
</span>
<span className='min-w-0 truncate text-[var(--text-primary)] text-base'>{title}</span>
<span className='flex shrink-0 items-center gap-1.5'>
<span className='relative size-4 overflow-hidden rounded-full shadow-sm'>
<Image
Expand All @@ -111,7 +109,7 @@ export function ItPlatformTeamsGraphic({

<div className='flex items-center gap-3 rounded-xl border border-[var(--border-1)] bg-[var(--white)] px-3 py-2.5 shadow-sm'>
<span className='min-w-0 flex-1'>
<span className='block truncate font-medium text-[var(--text-primary)] text-small'>
<span className='block truncate text-[var(--text-primary)] text-small'>
{cardTitle}
</span>
<span className='block truncate text-[var(--text-muted)] text-caption'>
Expand Down
6 changes: 3 additions & 3 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/lifecycle-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ export function LifecycleGraphic() {
<span className='flex size-6 items-center justify-center rounded-md border border-[var(--border-1)]'>
<Clock className='size-[14px] text-[var(--text-icon)]' />
</span>
<span className='font-medium text-[var(--text-primary)] text-base'>Versions</span>
<span className='text-[var(--text-primary)] text-base'>Versions</span>
</div>
<div className='flex flex-col p-4 [mask-image:linear-gradient(to_bottom,black_45%,transparent_98%)]'>
<div className='flex items-center gap-3'>
Expand All @@ -59,7 +59,7 @@ export function LifecycleGraphic() {
</span>
<span className='flex min-w-0 flex-1 items-center gap-2'>
<span className='flex items-center gap-1.5 rounded-[12px] bg-[var(--white)] py-1.5 pr-1.5 pl-2.5 shadow-sm'>
<span className='font-medium text-[var(--text-primary)] text-small'>v3</span>
<span className='text-[var(--text-primary)] text-small'>v3</span>
<ChipTag variant='solid'>Live</ChipTag>
</span>
<span className='truncate text-[var(--text-muted)] text-caption'>
Expand All @@ -79,7 +79,7 @@ export function LifecycleGraphic() {
<span className='size-2 rounded-full border border-[var(--text-muted)] bg-[var(--surface-3)]' />
</span>
<span className='flex min-w-0 flex-1 items-center gap-2'>
<span className='font-medium text-[var(--text-secondary)] text-small'>v2</span>
<span className='text-[var(--text-secondary)] text-small'>v2</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Saved
</ChipTag>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/enterprise/components/feature-graphics/operations-teams-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ function PortTag({ port }: { port: Port }) {
>
<span
className={cn(
'relative flex h-5 items-center overflow-hidden rounded-md border bg-transparent px-1.5 font-medium text-[var(--text-muted-inverse)] text-caption',
'relative flex h-5 items-center overflow-hidden rounded-md border bg-transparent px-1.5 text-[var(--text-muted-inverse)] text-caption',
OUTLINE_INK
)}
>
Expand Down
6 changes: 3 additions & 3 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/rollback-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ export function RollbackGraphic() {
className='absolute top-5 right-0 bottom-0 left-0 rounded-tl-xl border-[var(--border-1)] border-t border-l'
>
<div className='flex h-12 items-center justify-between gap-2 border-[var(--border-1)] border-b px-4 pr-12 max-lg:pr-10'>
<span className='min-w-0 truncate font-medium text-[var(--text-primary)] text-base'>
<span className='min-w-0 truncate text-[var(--text-primary)] text-base'>
Version history
</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Expand All @@ -62,7 +62,7 @@ export function RollbackGraphic() {
<span className='size-2 rounded-full border border-[var(--text-muted)] bg-[var(--surface-3)]' />
</span>
<span className='flex min-w-0 flex-1 items-center gap-2'>
<span className='font-medium text-[var(--text-secondary)] text-small'>v4</span>
<span className='text-[var(--text-secondary)] text-small'>v4</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Current
</ChipTag>
Expand All @@ -88,7 +88,7 @@ export function RollbackGraphic() {
<div className='flex min-w-0 flex-1 items-center gap-3 rounded-lg border border-[var(--border-1)] bg-[var(--white)] px-3 py-2.5 shadow-sm'>
<span className='min-w-0 flex-1'>
<span className='flex items-center gap-2'>
<span className='font-medium text-[var(--text-primary)] text-small'>v3</span>
<span className='text-[var(--text-primary)] text-small'>v3</span>
<ChipTag variant='mono'>Stable</ChipTag>
</span>
<span className='mt-0.5 block truncate text-[var(--text-muted)] text-caption'>
Expand Down
10 changes: 2 additions & 8 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/run-monitoring-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,11 +55,7 @@ function fieldValue(field: LogField) {
<span className='font-mono text-[var(--text-secondary)] text-caption'>{field.value}</span>
)
}
return (
<span className='truncate font-medium text-[var(--text-primary)] text-caption'>
{field.value}
</span>
)
return <span className='truncate text-[var(--text-primary)] text-caption'>{field.value}</span>
}

/**
Expand Down Expand Up @@ -125,9 +121,7 @@ export function RunMonitoringGraphic({
>
<div className='w-full max-w-[312px] sm:max-lg:[@container(min-width:500px)]:max-w-[400px]'>
<div className='mb-1.5 flex items-center justify-between gap-2'>
<span className='min-w-0 truncate font-medium text-[var(--text-primary)] text-base'>
{title}
</span>
<span className='min-w-0 truncate text-[var(--text-primary)] text-base'>{title}</span>
<span className='flex shrink-0 items-center gap-1.5'>
<span
className={cn('size-2 rounded-full bg-[var(--text-primary)]', styles.livePulse)}
Expand Down
4 changes: 2 additions & 2 deletions apps/sim/app/(landing)/enterprise/components/feature-graphics/staging-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ export function StagingGraphic({
>
<div className='w-full max-w-[312px] rounded-xl border border-[var(--border-1)]'>
<div className='flex h-10 items-center gap-2 border-[var(--border-1)] border-b px-4'>
<span className='min-w-0 flex-1 truncate font-medium text-[var(--text-primary)] text-base'>
<span className='min-w-0 flex-1 truncate text-[var(--text-primary)] text-base'>
{title}
</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Expand All @@ -110,7 +110,7 @@ export function StagingGraphic({
<div className='rounded-lg border border-[var(--border-1)] bg-[var(--white)] px-3 py-2.5 shadow-sm'>
<span className='flex items-center gap-2'>
<ChipTag variant='mono'>{changeTag}</ChipTag>
<span className='min-w-0 truncate font-medium text-[var(--text-primary)] text-small'>
<span className='min-w-0 truncate text-[var(--text-primary)] text-small'>
{changeTitle}
</span>
</span>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/enterprise/components/feature-graphics/standards-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,7 @@ export function StandardsGraphic({
<ChipTag variant='mono'>{rightLabel}</ChipTag>
</span>

<span className='-translate-x-1/2 absolute top-[172px] left-1/2 flex h-5 items-center rounded-md bg-[var(--text-muted)] px-1.5 font-medium text-[var(--text-inverse)] text-caption'>
<span className='-translate-x-1/2 absolute top-[172px] left-1/2 flex h-5 items-center rounded-md bg-[var(--text-muted)] px-1.5 text-[var(--text-inverse)] text-caption'>
{sealLabel}
</span>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/(landing)/enterprise/components/feature-graphics/technical-teams-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ export function TechnicalTeamsGraphic({
/>
</span>
<span className='min-w-0 flex-1'>
<span className='block truncate font-medium text-[var(--text-primary)] text-small'>
<span className='block truncate text-[var(--text-primary)] text-small'>
{reviewerName}
</span>
<span className='block truncate text-[var(--text-muted)] text-caption'>
Expand Down
4 changes: 2 additions & 2 deletions apps/sim/app/(landing)/files/components/feature-graphics/file-library-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ export function FileLibraryGraphic() {
>
<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'>Files</span>
<span className='text-[var(--text-primary)] text-base'>Files</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Shared
</ChipTag>
Expand All @@ -126,7 +126,7 @@ export function FileLibraryGraphic() {
>
<OwnerBadge row={row} />
<span className='min-w-0 flex-1'>
<span className={cn('block truncate font-medium text-small', ROW_TONES[index])}>
<span className={cn('block truncate text-small', ROW_TONES[index])}>
{row.name}
</span>
<span className='block truncate text-[var(--text-muted)] text-caption'>
Expand Down
14 changes: 7 additions & 7 deletions apps/sim/app/(landing)/files/components/files-hero-loop.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,8 +143,8 @@ const COL_HEADERS = ['Name', 'Size', 'Type', 'Created', 'Owner'] as const
/** Renders the owner cell - an initial badge for teammates, the agent glyph for agents. */
function OwnerCell({ owner }: { owner: FileOwner }) {
return (
<span className='flex min-w-0 items-center gap-3 font-medium text-sm'>
<span className='flex size-[14px] flex-shrink-0 items-center justify-center rounded-full border border-[var(--border)] bg-[var(--surface-3)] font-medium text-[8px] text-[var(--text-secondary)]'>
<span className='flex min-w-0 items-center gap-3 text-sm'>
<span className='flex size-[14px] flex-shrink-0 items-center justify-center rounded-full border border-[var(--border)] bg-[var(--surface-3)] text-[8px] text-[var(--text-secondary)]'>
{owner.agent ? <AgentIcon className='size-[8px]' /> : owner.initial}
</span>
<span className='truncate text-[var(--text-secondary)]'>{owner.name}</span>
Expand All @@ -157,16 +157,16 @@ function FileRow({ row }: { row: FileRowData }) {
const Icon = row.icon
return (
<div className={cn(ROW_GRID, 'h-[40px] items-center')}>
<span className='flex min-w-0 items-center gap-3 px-6 font-medium text-[var(--text-body)] text-sm'>
<span className='flex min-w-0 items-center gap-3 px-6 text-[var(--text-body)] text-sm'>
<Icon className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
<span className='truncate'>{row.name}</span>
</span>
<span className='px-6 font-medium text-[var(--text-secondary)] text-sm'>{row.size}</span>
<span className='flex items-center gap-3 px-6 font-medium text-[var(--text-secondary)] text-sm'>
<span className='px-6 text-[var(--text-secondary)] text-sm'>{row.size}</span>
<span className='flex items-center gap-3 px-6 text-[var(--text-secondary)] text-sm'>
<Icon className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
{row.type}
</span>
<span className='px-6 font-medium text-[var(--text-secondary)] text-sm'>{row.created}</span>
<span className='px-6 text-[var(--text-secondary)] text-sm'>{row.created}</span>
<span className='px-6'>
<OwnerCell owner={row.owner} />
</span>
Expand Down Expand Up @@ -246,7 +246,7 @@ export function FilesHeroLoop() {
<div className='flex h-[44px] flex-shrink-0 items-center justify-between border-[var(--border)] border-b px-6'>
<div className='flex items-center gap-3'>
<File className='size-[14px] text-[var(--text-icon)]' />
<span className='font-medium text-[var(--text-body)] text-sm'>Files</span>
<span className='text-[var(--text-body)] text-sm'>Files</span>
</div>
<span className='flex items-center rounded-md px-2 py-1 text-[var(--text-secondary)] text-caption'>
<Plus className='mr-1.5 size-[14px] text-[var(--text-icon)]' />
Expand Down
4 changes: 2 additions & 2 deletions apps/sim/app/(landing)/knowledge/components/feature-graphics/connector-sync-graphic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export function ConnectorSyncGraphic() {
>
<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'>Connectors</span>
<span className='text-[var(--text-primary)] text-base'>Connectors</span>
<ChipTag variant='mono' className='bg-[var(--surface-6)]'>
Auto-sync
</ChipTag>
Expand All @@ -103,7 +103,7 @@ export function ConnectorSyncGraphic() {
<row.icon className='size-[14px]' />
</span>
<span className='min-w-0 flex-1'>
<span className='block truncate font-medium text-[var(--text-primary)] text-small'>
<span className='block truncate text-[var(--text-primary)] text-small'>
{row.name}
</span>
<span className='block truncate text-[var(--text-muted)] text-caption'>
Expand Down
Loading
Loading