mirror of
https://github.com/Nutlope/hallmark.git
synced 2026-08-14 12:35:33 +02:00
Youssef
78167667a2
REMOVED (per user direction — imagery is on hold for now): - site/img/generated/ (18 watercolor PNGs + contact sheet + URL cache) - scripts/generate-marketing.mjs - skill/_assets/scripts/generate.mjs (user-recipe drop-in) - skill/references/generated-imagery.md - All imagery markup in site/index.html (transitions, foundation panel plates, harness plates, footer mark) - The .wc / .transition / .slot--hero::before / #study::before / .found-panel__plate / .harness__plate / .foot-mark CSS block from sections.css - Tier C "peer of Tier B" rewrite reverted — back to "last resort, only when characters demand it" - Anti-pattern "Raw generated stills" entry reverted - assets.md Tier C catalog reverted to Nanobanana 2 / Gemini 2.5 Flash baseline - README v0.9.0 release note rewritten without imagery mentions KEPT: - Editorial theme (#23) — open-design-inspired premium · warm cream + coral + Inter Tight × Playfair italic - Open-design steal utilities — Roman-numeral section heads (.num--roman), corner-bracket image annotation (.fig-corners), dark-slab section reversal (.section--invert), pulse animation (.pulse), .tnum tabular-numerals utility, smart-hide banner stub (.banner--smart) - 22 → 23 theme catalog refresh across SKILL.md, custom-theme.md, structure.md, README, site - Version 0.8.0 → 0.9.0 NEW: Spacing pass — normalized internal rhythm across all 23 themes - --section-gap normalized: was 4.5–12rem (huge variance), now 5.5–6.5rem (uniform feel) · Atelier 12 → 6.5 (biggest cut) · Quiet 10 → 6.5 · Linen 10 → 6.5 · Aurora 10 → 6.5 · Garden 9 → 6.5 · Salon 9 → 6.5 · Bloom 9 → 6.5 · Specimen 8 → 6.5 · Almanac 4.5 → 5.5 (slight bump) - --section-head-gap normalized: was 1–3.5rem, now 1.25–1.75rem (smaller spread) - .section { gap: var(--space-2xl) } → var(--space-xl) — content sits closer to its head; less air inside each section - Editorial theme block gains explicit --section-gap + --section-head-gap (was inheriting from :root) Visual: every theme now has the same vertical rhythm (~6rem between sections, ~1.5rem under heads). The page reads as one document instead of 23 different ones.
161 lines
4.4 KiB
HTML
161 lines
4.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Nexus — the AI-powered platform for modern teams</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap" rel="stylesheet" />
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background: #ffffff;
|
|
color: #000000;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.hero {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 4rem;
|
|
font-weight: 900;
|
|
background: linear-gradient(90deg, #8b5cf6 0%, #3b82f6 100%);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.hero p { font-size: 1.25rem; color: #666; max-width: 600px; margin-bottom: 2rem; }
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 0.875rem 2rem;
|
|
background: linear-gradient(90deg, #8b5cf6, #3b82f6);
|
|
color: #fff;
|
|
border-radius: 9999px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
}
|
|
|
|
.btn:hover { transform: scale(1.05) translateY(-2px); box-shadow: 0 10px 30px rgba(139,92,246,0.4); }
|
|
|
|
.features {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 2rem;
|
|
max-width: 1200px;
|
|
margin: 6rem auto;
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
.feature-card {
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
padding: 2rem;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
|
|
border-left: 4px solid #8b5cf6;
|
|
transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
}
|
|
|
|
.feature-card:hover { transform: scale(1.05) translateY(-4px); }
|
|
|
|
.feature-card .icon-wrap {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
|
|
border-radius: 12px;
|
|
margin-bottom: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.5rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.feature-card h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.75rem; }
|
|
|
|
.feature-card p { color: #666; }
|
|
|
|
.nested-card {
|
|
background: #f9fafb;
|
|
border-radius: 8px;
|
|
padding: 1rem;
|
|
margin-top: 1rem;
|
|
border: 1px solid #e5e7eb;
|
|
}
|
|
|
|
.cta {
|
|
background: linear-gradient(135deg, #8b5cf6, #3b82f6);
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 6rem 2rem;
|
|
}
|
|
|
|
.cta h2 { font-size: 3rem; font-weight: 900; margin-bottom: 1rem; }
|
|
|
|
.cta button {
|
|
padding: 1rem 2.5rem;
|
|
background: #fff;
|
|
color: #8b5cf6;
|
|
border: none;
|
|
border-radius: 9999px;
|
|
font-weight: 700;
|
|
font-size: 1.125rem;
|
|
cursor: pointer;
|
|
transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
}
|
|
|
|
.cta button:hover { transform: scale(1.05); }
|
|
|
|
footer { background: #f9fafb; padding: 2rem; text-align: center; color: #999; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section class="hero">
|
|
<h1>The AI-powered platform for modern teams</h1>
|
|
<p>Nexus helps you ship faster, collaborate smarter, and scale seamlessly with AI-native workflows built for the way teams work today.</p>
|
|
<a href="#" class="btn">Get started free</a>
|
|
</section>
|
|
|
|
<section class="features">
|
|
<div class="feature-card">
|
|
<div class="icon-wrap">⚡</div>
|
|
<h3>Lightning fast</h3>
|
|
<p>Get up and running in seconds with our AI-native onboarding flow.</p>
|
|
<div class="nested-card">
|
|
<strong>Pro tip:</strong> Connect Slack, GitHub and Linear in one click.
|
|
</div>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-wrap">🚀</div>
|
|
<h3>Built to scale</h3>
|
|
<p>From startup to enterprise — Nexus grows with you, every step of the way.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-wrap">🎯</div>
|
|
<h3>Built for the modern team</h3>
|
|
<p>Tools that get out of your way and let your team do their best work.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta">
|
|
<h2>Ready to ship faster?</h2>
|
|
<p>Join 50,000+ teams already building with Nexus.</p>
|
|
<button>Start your free trial</button>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2026 Nexus, Inc. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|