cameleer/cameleer-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Plan fix: use text-display/text-hero (fontSize) not font-display/font-hero (fontFamily)

Browse Source
This commit is contained in:
hsiegeln
2026-04-24 16:57:55 +02:00
parent d0e7d13f09
commit 4759f88780
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/superpowers/plans/2026-04-24-cameleer-website.md
View File

@@ -1121,7 +1121,7 @@ import TopographicBg from '../TopographicBg.astro';
<p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-6"> <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-6">
Observability · Apache Camel Observability · Apache Camel
</p> </p>
<h1 class="font-display font-bold text-text mb-6"> <h1 class="text-display font-bold text-text mb-6">
See every route.<br /> See every route.<br />
Reach into every flow. Reach into every flow.
</h1> </h1>
@@ -1262,7 +1262,7 @@ const steps: Step[] = [
<div class="max-w-content mx-auto px-6 py-20 md:py-24"> <div class="max-w-content mx-auto px-6 py-20 md:py-24">
<div class="max-w-2xl mb-16"> <div class="max-w-2xl mb-16">
<p class="text-cyan font-mono text-xs tracking-[0.25em] uppercase mb-4">For engineers</p> <p class="text-cyan font-mono text-xs tracking-[0.25em] uppercase mb-4">For engineers</p>
<h2 class="font-hero font-bold text-text mb-4">How it works</h2> <h2 class="text-hero font-bold text-text mb-4">How it works</h2>
<p class="text-text-muted text-lg">Three steps. No code changes. Works across Camel 4.x.</p> <p class="text-text-muted text-lg">Three steps. No code changes. Works across Camel 4.x.</p>
</div> </div>
<ol class="grid md:grid-cols-3 gap-6 md:gap-8"> <ol class="grid md:grid-cols-3 gap-6 md:gap-8">
@@ -1314,7 +1314,7 @@ git commit -m "Add HowItWorks section — 3-step engineer-facing walkthrough"
<div class="max-w-content mx-auto px-6 py-20 md:py-24"> <div class="max-w-content mx-auto px-6 py-20 md:py-24">
<div class="max-w-2xl mb-16"> <div class="max-w-2xl mb-16">
<p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Why Cameleer</p> <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Why Cameleer</p>
<h2 class="font-hero font-bold text-text mb-4"> <h2 class="text-hero font-bold text-text mb-4">
A purpose-built tool, from the team that has built integration observability before. A purpose-built tool, from the team that has built integration observability before.
</h2> </h2>
</div> </div>
@@ -1417,7 +1417,7 @@ const tiers: Tier[] = [
<div class="max-w-content mx-auto px-6 py-20 md:py-24"> <div class="max-w-content mx-auto px-6 py-20 md:py-24">
<div class="max-w-2xl mb-12"> <div class="max-w-2xl mb-12">
<p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p> <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p>
<h2 class="font-hero font-bold text-text mb-4">Start free. Grow when you need to.</h2> <h2 class="text-hero font-bold text-text mb-4">Start free. Grow when you need to.</h2>
<p class="text-text-muted text-lg"> <p class="text-text-muted text-lg">
No credit card for the trial. No credit card for the trial.
<a href="/pricing" class="text-accent hover:underline">See full comparison →</a> <a href="/pricing" class="text-accent hover:underline">See full comparison →</a>
@@ -1478,7 +1478,7 @@ import TopographicBg from '../TopographicBg.astro';
<section class="relative overflow-hidden"> <section class="relative overflow-hidden">
<TopographicBg opacity={0.18} lines={6} /> <TopographicBg opacity={0.18} lines={6} />
<div class="relative max-w-content mx-auto px-6 py-24 md:py-32 text-center"> <div class="relative max-w-content mx-auto px-6 py-24 md:py-32 text-center">
<h2 class="font-display font-bold text-text mb-6"> <h2 class="text-display font-bold text-text mb-6">
Start seeing your routes. Start seeing your routes.
</h2> </h2>
<p class="text-lg md:text-xl text-text-muted max-w-prose mx-auto mb-10"> <p class="text-lg md:text-xl text-text-muted max-w-prose mx-auto mb-10">
@@ -1631,7 +1631,7 @@ const tiers: FullTier[] = [
<TopographicBg opacity={0.12} lines={8} /> <TopographicBg opacity={0.12} lines={8} />
<div class="relative max-w-content mx-auto px-6 pt-20 pb-12"> <div class="relative max-w-content mx-auto px-6 pt-20 pb-12">
<p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p> <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p>
<h1 class="font-display font-bold text-text mb-6">Priced so engineers can say yes.</h1> <h1 class="text-display font-bold text-text mb-6">Priced so engineers can say yes.</h1>
<p class="text-lg text-text-muted max-w-prose"> <p class="text-lg text-text-muted max-w-prose">
Start free for 14 days. No credit card required. Move up when you need more apps, longer retention, or enterprise features. Start free for 14 days. No credit card required. Move up when you need more apps, longer retention, or enterprise features.
</p> </p>
@@ -1733,7 +1733,7 @@ const operator = {
> >
<SiteHeader /> <SiteHeader />
<main class="max-w-prose mx-auto px-6 py-16 md:py-24"> <main class="max-w-prose mx-auto px-6 py-16 md:py-24">
<h1 class="font-hero font-bold text-text mb-8">Imprint</h1> <h1 class="text-hero font-bold text-text mb-8">Imprint</h1>
<section class="mb-10"> <section class="mb-10">
<h2 class="text-lg font-bold text-text mb-3">Information pursuant to § 5 TMG / § 5 DDG</h2> <h2 class="text-lg font-bold text-text mb-3">Information pursuant to § 5 TMG / § 5 DDG</h2>
@@ -1834,7 +1834,7 @@ const lastUpdated = '2026-04-24';
> >
<SiteHeader /> <SiteHeader />
<main class="max-w-prose mx-auto px-6 py-16 md:py-24"> <main class="max-w-prose mx-auto px-6 py-16 md:py-24">
<h1 class="font-hero font-bold text-text mb-2">Privacy Policy</h1> <h1 class="text-hero font-bold text-text mb-2">Privacy Policy</h1>
<p class="text-text-faint text-sm mb-10">Last updated: {lastUpdated}</p> <p class="text-text-faint text-sm mb-10">Last updated: {lastUpdated}</p>
<section class="mb-10"> <section class="mb-10">