monadical/greyhaven-design-system
14
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

import aspekta font

Browse Source
This commit is contained in:
Joyce
2026-04-10 11:22:36 -04:00
parent 9df702eaaf
commit 0993fa5a91
6 changed files with 53 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
app/globals.css
View File

@@ -1,3 +1,35 @@
@font-face {
font-family: 'Aspekta';
src: url('/fonts/Aspekta-400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aspekta';
src: url('/fonts/Aspekta-500.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aspekta';
src: url('/fonts/Aspekta-600.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aspekta';
src: url('/fonts/Aspekta-700.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@import 'tailwindcss';
@import 'tw-animate-css';
@@ -144,25 +176,24 @@
============================================================================= */
@theme inline {
/* Typography - Using CSS variables from Next.js font loading */
--font-sans: 'Inter', 'Outfit', ui-sans-serif, system-ui, sans-serif;
--font-serif: "Tiempos Text", var(--font-source-serif), 'Source Serif 4', serif;
/* Typography - Calibrated to Slides 19-24 */
--font-serif: 'Source Serif Pro', 'Source Serif 4', 'Georgia', serif;
--font-sans: 'Aspekta', ui-sans-serif, system-ui, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
/* Institutional Type Scale - Hard-Calibrated to Slide 22 (150px target) */
--type-display: clamp(4.5rem, 12vw, 9.375rem); /* 150px Display */
--type-h1: clamp(3rem, 10vw, 6.25rem); /* 100px Institutional Header */
--type-h2: clamp(2.25rem, 6vw, 4.6875rem); /* 75px Section Header */
--type-h3: clamp(1.5rem, 4vw, 3.75rem); /* 60px Subheader */
--type-h4: clamp(1.25rem, 2vw, 2.25rem); /* 36px Label */
--type-body-lg: 1.25rem; /* 20px - Secondary Body */
--type-body: 1.0625rem; /* 17px - Primary Body */
--type-caption: 0.8125rem; /* 13px - Meta */
/* Institutional Type Scale - Hard-Calibrated to Slide 22 Scale Table */
--type-display: clamp(4rem, 12vw, 9.375rem); /* 150px Display */
--type-h1: clamp(2.5rem, 10vw, 6.25rem); /* 100px H1 */
--type-h2: clamp(2rem, 6vw, 4.6875rem); /* 75px H2 */
--type-h3: clamp(1.5rem, 4vw, 3.75rem); /* 60px H3 */
--type-h4: clamp(1.25rem, 2vw, 2.25rem); /* 36px H4 */
--type-body-lg: 1.125rem; /* 18px Body */
--type-body: 0.9375rem; /* 15px Body SM */
--type-caption: 10px; /* 10pt/px exact fallback */
/* Specified Tracking - Slide 22 (-2%) */
--type-tracking-heading: -0.02em;
--type-tracking-display: -0.04em;
--type-tracking-body: 0.01em;
/* Tracking - Slide 22 Table Definitions */
--type-tracking-heading: -0.01em; /* -1% for Display/H1/H2/H3/H4 */
--type-tracking-body: 0.02em; /* +2% for Body/Caption */
/* Institutional Spacing & Construction */
--border-institutional: 0.5px;
@@ -210,7 +241,11 @@
h1, h2, h3, h4 {
letter-spacing: var(--type-tracking-heading);
font-weight: 500; /* Tiempos Medium fallback */
font-weight: 500; /* Medium weight matching Slide 19 */
}
p, span, li {
letter-spacing: var(--type-tracking-body);
}
}

7
app/layout.tsx
View File

@@ -39,12 +39,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en" className={sourceSerif.variable}>
<head>
<link
href="https://api.fontshare.com/v2/css?f[]=aspekta@400,500,600,700&display=swap"
rel="stylesheet"
/>
</head>
<head />
<body className="font-sans antialiased bg-background text-foreground">
{children}
</body>

BIN
public/fonts/Aspekta-400.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/Aspekta-500.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/Aspekta-600.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/Aspekta-700.woff2 Normal file
View File

Binary file not shown.