Files
hallmark/site/_tests/verbs/study/output.html
Youssef 78167667a2 v0.9.0 polish — drop image gen + sprinkle, normalize section spacing across themes
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.
2026-05-05 11:59:22 +01:00

67 lines
2.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Coelho Studio — product design for early-stage Lisbon companies</title>
<meta name="description" content="A small product-design studio in Lisbon. Three people, six current projects, mostly working with early-stage companies." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;1,9..144,400;1,9..144,500&family=Geist:wght@400;500&display=swap" />
<link rel="stylesheet" href="output.css" />
</head>
<body>
<main class="page">
<header class="masthead">
<h1 class="masthead__brand">Coelho<span class="masthead__brand-em">,</span></h1>
<p class="masthead__sub">Product design · Lisbon · est. 2024 · three of us · six projects this year</p>
</header>
<ul class="works" role="list">
<li class="work">
<span class="work__num">01</span>
<h2 class="work__name">Tide</h2>
<p class="work__desc">Indie-podcast hosting platform · brand &amp; product design · 2024 — present</p>
</li>
<li class="work work--active">
<span class="work__num">02</span>
<h2 class="work__name">Maple Street Bread</h2>
<p class="work__desc">A small artisan bakery's identity, signage, and packaging · 2025 · active</p>
</li>
<li class="work">
<span class="work__num">03</span>
<h2 class="work__name">Foundry</h2>
<p class="work__desc">SOC 2 / ISO 27001 compliance SaaS · brand, marketing site, in-app patterns · 2025</p>
</li>
<li class="work">
<span class="work__num">04</span>
<h2 class="work__name">Meridian</h2>
<p class="work__desc">Environmental-products studio · manifesto site · 2025</p>
</li>
<li class="work">
<span class="work__num">05</span>
<h2 class="work__name">Cohort</h2>
<p class="work__desc">Cohort-based courses platform · brand &amp; product · 20242025</p>
</li>
<li class="work">
<span class="work__num">06</span>
<h2 class="work__name">Tracejam</h2>
<p class="work__desc">Distributed-tracing SaaS · brand, landing page, in-app dashboard · 2024</p>
</li>
</ul>
<footer class="colophon">
<span class="colophon__brand">Coelho</span>
<span>Lisbon · 2026</span>
<span><a href="mailto:hello@coelho.studio">hello@coelho.studio</a></span>
<span><a href="#">cv</a> · <a href="#">notes</a> · <a href="#">case studies</a></span>
</footer>
</main>
</body>
</html>