diff --git a/public/fonts/body-copy.woff b/public/fonts/body-copy.woff new file mode 100644 index 0000000..88b3354 Binary files /dev/null and b/public/fonts/body-copy.woff differ diff --git a/public/fonts/body-copy.woff2 b/public/fonts/body-copy.woff2 new file mode 100644 index 0000000..43c1017 Binary files /dev/null and b/public/fonts/body-copy.woff2 differ diff --git a/src/components/Card.css b/src/components/Card.css index d421c83..dc7ae1d 100644 --- a/src/components/Card.css +++ b/src/components/Card.css @@ -48,5 +48,5 @@ span.tag { margin-top: var(--spacing-08); font-size: var(--desktop-caption); line-height: var(--lh-desktop-caption); - font-family: var(--system-ui); + font-family: var(--body-copy); } \ No newline at end of file diff --git a/src/components/CategoryNav.jsx b/src/components/CategoryNav.jsx index 40ec735..333921a 100644 --- a/src/components/CategoryNav.jsx +++ b/src/components/CategoryNav.jsx @@ -5,7 +5,7 @@ import CategoryNavItem from "./CategoryNavItem"; export default function CategoryNav({ filter, setFilter }) { const navItems = [ - {title: "🤗 All Tools", category: "all"}, + {title: "All Tools", category: "all"}, ...data.tools ]; diff --git a/src/components/CategoryNavItem.css b/src/components/CategoryNavItem.css index 55abbda..854c5ca 100644 --- a/src/components/CategoryNavItem.css +++ b/src/components/CategoryNavItem.css @@ -6,7 +6,7 @@ background: none; cursor: pointer; border-bottom: 2px solid transparent; - font-family: var(--system-ui); + font-family: var(--body-copy); font-weight: 400; color: var(--text-secondary-alt); } diff --git a/src/data/tools.json b/src/data/tools.json index f0dd743..bdeef17 100644 --- a/src/data/tools.json +++ b/src/data/tools.json @@ -1,7 +1,7 @@ { "tools": [ { - "title": "🗿 Art", + "title": "Art", "category": "art", "content": [ { @@ -133,7 +133,7 @@ ] }, { - "title": "🎧 Audio", + "title": "Audio", "category": "audio", "content": [ { @@ -223,7 +223,7 @@ ] }, { - "title": "☕ Code", + "title": "Code", "category": "code", "content": [ { @@ -289,7 +289,7 @@ ] }, { - "title": "✍ Copywriting", + "title": "Copywriting", "category": "copywriting", "content": [ { @@ -469,7 +469,7 @@ ] }, { - "title": "🎨 Design", + "title": "Design", "category": "design", "content": [ { @@ -565,7 +565,7 @@ ] }, { - "title": "🤓 Developer", + "title": "Developer", "category": "developer", "content": [ { @@ -661,7 +661,7 @@ ] }, { - "title": "🎓 Education", + "title": "Education", "category": "education", "content": [ { @@ -697,7 +697,7 @@ ] }, { - "title": "🏙 Enterprise", + "title": "Enterprise", "category": "enterprise", "content": [ { @@ -871,7 +871,7 @@ ] }, { - "title": "👾 Gaming", + "title": "Gaming", "category": "gaming", "content": [ { @@ -907,7 +907,7 @@ ] }, { - "title": "😇 Health", + "title": "Health", "category": "health", "content": [ { @@ -955,7 +955,7 @@ ] }, { - "title": "⚖ Legal", + "title": "Legal", "category": "legal", "content": [ { @@ -991,7 +991,7 @@ ] }, { - "title": "🔌 LLMs", + "title": "LLMs", "category": "llm", "content": [ { @@ -1087,7 +1087,7 @@ ] }, { - "title": "🎸 Music", + "title": "Music", "category": "music", "content": [ { @@ -1159,7 +1159,7 @@ ] }, { - "title": "🤹 No Code", + "title": "No Code", "category": "nocode", "content": [ { @@ -1231,7 +1231,7 @@ ] }, { - "title": "📸 Photos", + "title": "Photos", "category": "photos", "content": [ { @@ -1387,7 +1387,7 @@ ] }, { - "title": "💪 Productivity", + "title": "Productivity", "category": "productivity", "content": [ { @@ -1537,7 +1537,7 @@ ] }, { - "title": "🪁 Prompts", + "title": "Prompts", "category": "prompts", "content": [ { @@ -1609,7 +1609,7 @@ ] }, { - "title": "📚 Research", + "title": "Research", "category": "research", "content": [ { @@ -1657,7 +1657,7 @@ ] }, { - "title": "👍 Social Media", + "title": "Social Media", "category": "social", "content": [ { @@ -1723,7 +1723,7 @@ ] }, { - "title": "📹 Video", + "title": "Video", "category": "video", "content": [ { @@ -1849,7 +1849,7 @@ ] }, { - "title": "✨ Xtras", + "title": "Xtras", "category": "xtras", "content": [ { diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 177c3b3..153a659 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -16,12 +16,12 @@ const { site, title, tagline } = Astro.props; - {site} — A curated collection of 300+ AI tools for indie hackers, makers, and SMBs. - - + {site} — 300+ AI tools for indie hackers, makers, and SMBs. + + - + @@ -68,23 +68,38 @@ const { site, title, tagline } = Astro.props;

{title}

-

{tagline}

+

{tagline}