utopia-ai
/
HR-ATS-Portal
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Typography check: align inline hero numbers with the display type system 

Full-app verification tour (25 screens, light + dark) confirmed Inter
Tight/Belleza/Inter render correctly; the only stragglers were inline
weight-800 numbers with px tracking in four screens, now on the same
display face, weights, and em tracking as the CSS system.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
pull/29/head
Talha Ahmed 2026-08-27 11:41:00 +05:00
parent 9df3b46aa9
commit bc97182a7e
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/dist/index.html vendored
View File

@ -24,7 +24,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Belleza&family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700&display=swap" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='22' fill='%23004d43'/><g transform='translate(14 32) scale(0.72)'><path d='M100 3.65C97.86 20.99 91.89 43.03 79.48 55.33 76 58.77 71.84 61.46 66.96 62.14 50.4 64.46 41.84 47.5 29.07 42.7 21.85 39.98 14.5 42.02 9.66 47.95 6.54 51.78 4.49 56.35 2.97 61.13 2.41 61.64 0.97 61.66 0 61.31L0 0.13C1.05 0 2.27 0.02 3.09 0.28 14.9 15.86 26.77 30.82 40.15 45.28L60.79 24.7C67.38 18.22 74.41 12.74 82.59 8.51 88.11 5.83 93.64 3.93 100 3.65Z' fill='%23ceff71'/></g></svg>" />
<script type="module" crossorigin src="/assets/index-Nz9mKrAc.js"></script>
<script type="module" crossorigin src="/assets/index-Dwd76W0A.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B2bX4le4.css">
</head>
<body>

2
frontend/src/screens/Assessments.jsx
View File

@ -297,7 +297,7 @@ export default function Assessments() {
<div style={{ textAlign: 'center', padding: '10px 0' }}>
<div
style={{
fontSize: 44, fontWeight: 800, letterSpacing: -1,
fontFamily: 'var(--font-display)', fontSize: 44, fontWeight: 600, letterSpacing: '-0.02em',
color: viewing.score >= 70 ? 'var(--success)' : 'var(--warning)',
}}
>

2
frontend/src/screens/JobCandidates.jsx
View File

@ -51,7 +51,7 @@ function MiniRing({ score, size = 46 }) {
style={{
width: size - 8, height: size - 8, borderRadius: '50%',
background: 'var(--bg-elev)', display: 'grid', placeItems: 'center',
fontWeight: 800, fontSize: size >= 56 ? 17 : 13.5, letterSpacing: '-.3px',
fontWeight: 700, fontSize: size >= 56 ? 17 : 13.5, letterSpacing: '-0.01em',
color: ringColor(score),
}}
>

4
frontend/src/screens/RecruiterHub.jsx
View File

@ -211,13 +211,13 @@ export default function RecruiterHub() {
</div>
</div>
<div style={{ textAlign: 'center' }}>
<div style={{ fontSize: 26, fontWeight: 800 }}>
<div style={{ fontFamily: 'var(--font-display)', fontSize: 26, fontWeight: 600, letterSpacing: '-0.015em' }}>
{loading ? '—' : pct(k?.hires ?? 0, k?.total_candidates ?? 0)}
</div>
<div style={{ opacity: 0.85, fontSize: 12 }}>Applicant → hire</div>
</div>
<div style={{ textAlign: 'center' }}>
<div style={{ fontSize: 26, fontWeight: 800 }}>
<div style={{ fontFamily: 'var(--font-display)', fontSize: 26, fontWeight: 600, letterSpacing: '-0.015em' }}>
{loading ? '—' : pct(k?.offers_accepted ?? 0, k?.offers_sent ?? 0)}
</div>
<div style={{ opacity: 0.85, fontSize: 12 }}>Offer acceptance</div>

2
frontend/src/screens/Talent.jsx
View File

@ -124,7 +124,7 @@ function MatchRing({ score, size = 46 }) {
style={{
width: size - 8, height: size - 8, borderRadius: '50%',
background: 'var(--bg-elev)', display: 'grid', placeItems: 'center',
fontWeight: 800, fontSize: 13.5, letterSpacing: '-.3px',
fontWeight: 700, fontSize: 13.5, letterSpacing: '-0.01em',
color,
}}
>