mirror of
https://github.com/Nutlope/hallmark.git
synced 2026-08-14 12:35:33 +02:00
Eight prompts re-run as a single rotating session under the new pre-flight + rotation + preview disclosure layers. Every macrostructure unique, every theme unique, every pick measurably different from the previous generation. 01 Tide Quote-Led/Atelier → Letter/Salon 02 Streampipe Workbench/Terminal → Long Document/Terminal 03 Maple Long Document/Linen → Catalogue/Almanac 04 Meridian Manifesto/Manifesto → Quote-Led/Brutal 05 Tracejam Bento Grid/Pastel → Workbench/Midnight 06 Anya Long Document/Studio → Index-First/Plain 07 Foundry Stat-Led/Plain → Bento Grid/Newsprint 08 Cohort Marquee Hero/Salon → Stat-Led/Linen Each brief.md walks Steps 0 → 6 of the design flow so the discipline is visible. Updated landing-page gallery cards, _tests/README.md, and recipes.md to match. Re-captured all eight thumbnails. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
65 lines
3.1 KiB
HTML
65 lines
3.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Tide — long-form interviews with small-studio designers</title>
|
|
<meta name="description" content="An indie podcast about how small studios actually work. Hosted by a designer, for designers." />
|
|
<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=IBM+Plex+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<header class="masthead">
|
|
<span class="masthead__brand">Tide</span>
|
|
<span class="masthead__meta">est. 2026 · n.º 14 · Lisbon</span>
|
|
</header>
|
|
|
|
<p class="salutation">
|
|
Dear listener,<span class="salutation__caret" aria-hidden="true"></span>
|
|
</p>
|
|
|
|
<article class="letter">
|
|
<p>
|
|
Tide is a podcast about <em>how small studios actually work</em>. The bookings, the unsent
|
|
invoices, the day a senior designer leaves and you sit in the office not knowing what to
|
|
say to the four people who stayed. The kind of conversations you'd have over the third coffee
|
|
with someone who has done it for fifteen years and isn't selling you anything.
|
|
</p>
|
|
<p>
|
|
Each episode is one long interview, ninety-odd minutes, no chapters, no pre-amble, no host
|
|
riffing. Two designers, one chair each, a microphone between them. The questions are written
|
|
down a week ahead. The answers are not.
|
|
</p>
|
|
<p>
|
|
We publish on Tuesdays. Twenty-six episodes a year, give or take. No sponsors yet, and
|
|
probably not ever — if you find the show useful, the way to keep it going is to listen,
|
|
share an episode, and write back. We answer the email ourselves.
|
|
</p>
|
|
|
|
<p class="signoff">
|
|
— <span class="signoff__name">A. Reis</span>, host
|
|
</p>
|
|
</article>
|
|
|
|
<section class="listen" aria-labelledby="listen-heading">
|
|
<h2 class="listen__heading" id="listen-heading">Listen where you listen</h2>
|
|
<ul class="listen__list">
|
|
<li class="listen__item"><a href="#"><span>Apple Podcasts</span><span class="listen__arrow" aria-hidden="true">↗</span></a></li>
|
|
<li class="listen__item"><a href="#"><span>Spotify</span><span class="listen__arrow" aria-hidden="true">↗</span></a></li>
|
|
<li class="listen__item"><a href="#"><span>Pocket Casts</span><span class="listen__arrow" aria-hidden="true">↗</span></a></li>
|
|
<li class="listen__item"><a href="#"><span>Overcast</span><span class="listen__arrow" aria-hidden="true">↗</span></a></li>
|
|
<li class="listen__item"><a href="#"><span>RSS</span><span class="listen__arrow" aria-hidden="true">↗</span></a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<footer class="colophon">
|
|
<span>Hand-set in IBM Plex Mono & Cormorant Garamond.</span>
|
|
<span><a href="mailto:hello@tide.fm">hello@tide.fm</a></span>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|