Inga: board-style stat numbers (B612 Mono), slower count, glassier nav
- Stat counters now use B612 Mono (Airbus cockpit-display font) with tabular figures, so the digits read like an airport board and don't jitter while counting. Weight 700, fixed width. - Slow the count-up 1.6s -> 2.4s so the climb is calm, not frantic. - Nav frosted glass more transparent on scroll (.72 -> .55 bg alpha). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+2
-2
@@ -8,7 +8,7 @@
|
||||
<meta name="description" content="Leadership and team development for organizations doing meaningful work in an unpredictable world. Systems-aware, trauma-informed coaching and facilitation that builds the capacity to perform and relate well — even when the path isn't clear.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,600&display=swap">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,600&family=B612+Mono:wght@400;700&display=swap">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.svg" type="image/svg+xml">
|
||||
<meta property="og:type" content="website">
|
||||
@@ -329,7 +329,7 @@
|
||||
if (statsEl && counters.length && 'IntersectionObserver' in window) {
|
||||
counters.forEach(function (c) { c.textContent = '0'; });
|
||||
var run = function (el) {
|
||||
var to = parseInt(el.getAttribute('data-count'), 10), dur = 1600, t0 = null;
|
||||
var to = parseInt(el.getAttribute('data-count'), 10), dur = 2400, t0 = null;
|
||||
var tick = function (ts) {
|
||||
if (!t0) t0 = ts;
|
||||
var p = Math.min((ts - t0) / dur, 1), e = 1 - Math.pow(1 - p, 3);
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
--sans: 'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; /* micro UI only: eyebrows, nav, labels, buttons */
|
||||
--serif: 'Lora', Georgia, 'Times New Roman', serif; /* body prose + h3 */
|
||||
--display: 'Playfair Display', Georgia, 'Times New Roman', serif; /* titles */
|
||||
--mono: 'B612 Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; /* board-style stat counters (Airbus cockpit font) */
|
||||
--wrap: 1140px;
|
||||
--gap: clamp(1.25rem, 4vw, 2.5rem);
|
||||
}
|
||||
@@ -42,7 +43,7 @@ h2 { font-size: clamp(2.05rem, 3.7vw, 3rem); }
|
||||
h3 { font-size: clamp(1.34rem, 1.5vw, 1.62rem); }
|
||||
/* micro UI stays sans for crispness; big stat numbers use the display serif */
|
||||
.eyebrow, .hero-creds, .nav-links a, .nav-mobile a, .card .when, .card .lab, .stat .lab, .contact-box .placeholder { font-family: var(--sans); }
|
||||
.stat .num { font-family: var(--display); }
|
||||
.stat .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
|
||||
p { margin: 0 0 1.1rem; }
|
||||
a { color: var(--accent-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
|
||||
a:hover { color: var(--accent-deep); }
|
||||
@@ -84,7 +85,7 @@ section { padding-block: clamp(3.4rem, 7vw, 6rem); scroll-margin-top: 86px; }
|
||||
border-bottom: 1px solid transparent; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
|
||||
}
|
||||
.nav.scrolled {
|
||||
background: rgba(246,245,242,.72); -webkit-backdrop-filter: saturate(140%) blur(14px);
|
||||
background: rgba(246,245,242,.55); -webkit-backdrop-filter: saturate(140%) blur(14px);
|
||||
backdrop-filter: saturate(140%) blur(14px); border-bottom-color: var(--line);
|
||||
box-shadow: 0 4px 24px rgba(35,31,32,.05);
|
||||
}
|
||||
@@ -172,7 +173,7 @@ section { padding-block: clamp(3.4rem, 7vw, 6rem); scroll-margin-top: 86px; }
|
||||
|
||||
/* ---- proof / stats ---- */
|
||||
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 0 0 2.6rem; text-align: center; }
|
||||
.stat .num { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 800; letter-spacing: -0.03em; color: var(--white); line-height: 1; }
|
||||
.stat .num { font-size: clamp(2rem, 4.2vw, 3rem); font-weight: 700; letter-spacing: 0; color: var(--white); line-height: 1; }
|
||||
.stat .num .plus { color: var(--accent); }
|
||||
.stat .lab { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(246,245,242,.7); margin-top: .5rem; }
|
||||
.quotes { display: grid; gap: 1.2rem; }
|
||||
|
||||
Reference in New Issue
Block a user