Skip to content

Commit 6ce1c83

Browse files
rmdevproclaude
andcommitted
Sub page: bring fonts in line with main page
- Hero h1: clamp(2, 3.8, 2.85) — same as main hero h1 - Hero tagline: 1.0625rem with line-height 1.55 — same as main hero .sub - Section h2 (framing strip): clamp(1.5, 2.6, 1.95) — same as global main h2 - Feature card h2: 1.125rem / 600 — matches main global h3 (card-sized title) - Body text (facts-list, framing, feature-card): 0.95rem — same as main - Sub-bullets: 0.9rem Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent 044f757 commit 6ce1c83

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

‎open-source/blueprint-agentic-workbench.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,30 +11,30 @@
1111
.product-hero { padding-block: clamp(2rem, 4vw, 3.5rem) 0; }
1212
.product-hero .back { font-family: var(--mono); font-size: 0.78rem; color: var(--text-faint); letter-spacing: 0.02em; margin-bottom: 1.25rem; display: inline-block; }
1313
.product-hero .kicker { font-family: var(--mono); font-size: 0.78rem; color: var(--accent); letter-spacing: 0.02em; margin-bottom: 0.6rem; }
14-
.product-hero h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin-bottom: 1.25rem; }
15-
.product-hero .tagline { font-size: 1.2rem; line-height: 1.45; color: var(--text); margin-bottom: 1.25rem; font-weight: 500; letter-spacing: -0.01em; max-width: none; }
16-
.product-hero .sub { font-size: 1rem; color: var(--text-soft); margin-bottom: 0.75rem; max-width: none; }
14+
.product-hero h1 { font-size: clamp(2rem, 3.8vw, 2.85rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 1.25rem; }
15+
.product-hero .tagline { font-size: 1.0625rem; line-height: 1.55; color: var(--text); margin-bottom: 1.25rem; font-weight: 500; letter-spacing: -0.005em; max-width: none; }
16+
.product-hero .sub { font-size: 0.95rem; color: var(--text-soft); line-height: 1.55; margin-bottom: 0.75rem; max-width: none; }
1717

1818
.facts-block { padding-block: 0 clamp(2rem, 4vw, 3rem); }
19-
.facts-list { font-size: 1rem; color: var(--text-soft); line-height: 1.55; margin: 0 0 0 1.5rem; max-width: none; }
19+
.facts-list { font-size: 0.95rem; color: var(--text-soft); line-height: 1.55; margin: 0 0 0 1.5rem; max-width: none; }
2020
.facts-list li { margin-bottom: 0.4rem; padding-left: 0.25rem; }
21-
.facts-list ul { list-style: disc; margin: 0.4rem 0 0.5rem 1.5rem; padding-left: 0; font-size: 0.95rem; }
21+
.facts-list ul { list-style: disc; margin: 0.4rem 0 0.5rem 1.5rem; padding-left: 0; font-size: 0.9rem; }
2222
.facts-list ul li { margin-bottom: 0.3rem; padding-left: 0.25rem; }
2323

2424
.banner { padding-block: clamp(2rem, 4vw, 3rem); }
2525
.banner .frame { border: 1px solid var(--rule); overflow: hidden; background: white; box-shadow: 0 20px 50px -20px rgba(9,31,56,0.2); }
2626
.banner .frame img { width: 100%; display: block; }
2727

2828
.framing-strip { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: 1rem; }
29-
.framing-strip h2 { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; }
30-
.framing-strip p { font-size: 1rem; color: var(--text-soft); margin-bottom: 0.75rem; line-height: 1.55; max-width: none; }
29+
.framing-strip h2 { font-size: clamp(1.5rem, 2.6vw, 1.95rem); font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; }
30+
.framing-strip p { font-size: 0.95rem; color: var(--text-soft); margin-bottom: 0.75rem; line-height: 1.55; max-width: none; }
3131

3232
.categories-block { padding-top: 0; padding-bottom: clamp(2.5rem, 5vw, 4rem); border-top: 0; }
3333
.categories-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.75rem, 1.5vw, 1.25rem); }
3434
.feature-card { padding: 2rem; border: 1px solid var(--rule); background: white; }
35-
.feature-card h2 { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; }
36-
.feature-card p { font-size: 1rem; color: var(--text-soft); max-width: 50ch; margin-bottom: 0.6rem; line-height: 1.55; }
37-
.feature-card ul { font-size: 1rem; color: var(--text-soft); margin: 0.25rem 0 0 1.25rem; }
35+
.feature-card h2 { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 0.75rem; }
36+
.feature-card p { font-size: 0.95rem; color: var(--text-soft); max-width: 50ch; margin-bottom: 0.6rem; line-height: 1.55; }
37+
.feature-card ul { font-size: 0.95rem; color: var(--text-soft); margin: 0.25rem 0 0 1.25rem; }
3838
.feature-card ul li { margin-bottom: 0.4rem; }
3939
.feature-card ul li b { color: var(--text); font-weight: 600; }
4040

0 commit comments

Comments
 (0)