Skip to content

Commit 4257274

Browse files
author
Factory Bot
committed
feat: add DM Sans and Source Code Pro fonts from Figma design
1 parent 7670b07 commit 4257274

2 files changed

Lines changed: 15 additions & 2 deletions

File tree

cortex-gui/index.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,11 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Cortex Desktop</title>
88

9+
<!-- Google Fonts - DM Sans & Source Code Pro -->
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500&display=swap" rel="stylesheet">
13+
914
<!-- Inter Font - Local (No external requests for faster startup) -->
1015
<link rel="preload" href="/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin>
1116
<link rel="preload" href="/fonts/Inter-Medium.woff2" as="font" type="font/woff2" crossorigin>

cortex-gui/src/styles/figma-tokens.css

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -162,8 +162,16 @@
162162
=========================================================================== */
163163

164164
/* Font Families */
165-
--figma-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
166-
--figma-font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
165+
--figma-font-sans: 'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
166+
--figma-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Fallback for Neue Haas Grotesk */
167+
--figma-font-mono: 'Source Code Pro', 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Consolas', monospace;
168+
169+
/* Figma Design Colors */
170+
--figma-text-inactive: #747577;
171+
--figma-text-secondary-alt: #77787A;
172+
--figma-text-accent-blue: #9CCFFF;
173+
--figma-text-line-number: rgba(255, 255, 255, 0.5);
174+
--figma-card-border: rgba(255, 255, 255, 0.15);
167175

168176
/* Font Sizes */
169177
--figma-text-xs: 12px;

0 commit comments

Comments
 (0)