mirror of
https://github.com/Nutlope/hallmark.git
synced 2026-08-14 12:35:33 +02:00
YoussefandClaude Opus 4.7
6f1137b7dd
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>
87 lines
4.3 KiB
HTML
87 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Meridian — environmental product practice</title>
|
|
<meta name="description" content="A small environmental products design practice. We make products that don't outlive their use." />
|
|
<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=Bebas+Neue&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<header class="masthead">
|
|
<span class="masthead__brand">MERIDIAN <strong>·</strong> environmental product practice</span>
|
|
<span class="masthead__meta">Lisbon · est. 2026 · n.º I</span>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<h1 class="quote">
|
|
We make products that don't <span class="quote__strike">outlive</span> their use.
|
|
<span class="quote__attr">— The studio · the position we open with · this is the page.</span>
|
|
</h1>
|
|
</section>
|
|
|
|
<section class="principles" aria-labelledby="principles-h">
|
|
<h2 class="principles__head" id="principles-h">§ Four principles</h2>
|
|
<ol class="principles__list">
|
|
<li class="principle">
|
|
<span class="principle__num">01.</span>
|
|
<h3 class="principle__head">Fewer things, made well</h3>
|
|
<p class="principle__body">
|
|
We don't pitch ranges. We don't pitch families. The studio works on one product at a
|
|
time, finishes it, and starts the next. <strong>If we can't end-of-life it cleanly, we
|
|
don't make it.</strong>
|
|
</p>
|
|
</li>
|
|
<li class="principle">
|
|
<span class="principle__num">02.</span>
|
|
<h3 class="principle__head">Material is the brief</h3>
|
|
<p class="principle__body">
|
|
Every project starts with the material accounting — what it's made of, where it comes
|
|
from, how it returns. <strong>Form follows the spec, not the visual mood-board.</strong>
|
|
We send the LCA before we send the render.
|
|
</p>
|
|
</li>
|
|
<li class="principle">
|
|
<span class="principle__num">03.</span>
|
|
<h3 class="principle__head">Repair before replace</h3>
|
|
<p class="principle__body">
|
|
Every product ships with a service manual, an exploded BOM, and the tools to take it
|
|
apart. <strong>If it can't be opened, fixed, and closed again, it's not finished.</strong>
|
|
Repair is a feature, not a footnote.
|
|
</p>
|
|
</li>
|
|
<li class="principle">
|
|
<span class="principle__num">04.</span>
|
|
<h3 class="principle__head">Slow is the deliverable</h3>
|
|
<p class="principle__body">
|
|
We work with three clients a year. We turn the rest down. <strong>Slow is a craft
|
|
position before it is a marketing one</strong> — fast, in this practice, is what you do
|
|
when you don't yet know what you're making.
|
|
</p>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section class="rules" aria-labelledby="rules-h">
|
|
<h2 class="rules__head" id="rules-h">§ Working rules</h2>
|
|
<ol class="rules__list">
|
|
<li class="rules__item"><span class="rules__num">i.</span><span>The shop runs on a four-day week. Friday is for the workshop.</span></li>
|
|
<li class="rules__item"><span class="rules__num">ii.</span><span>We answer the email ourselves. There is no account manager.</span></li>
|
|
<li class="rules__item"><span class="rules__num">iii.</span><span>The first thing we send is the spec. The render comes after.</span></li>
|
|
<li class="rules__item"><span class="rules__num">iv.</span><span>We don't sign NDAs that prevent us from naming the material.</span></li>
|
|
<li class="rules__item"><span class="rules__num">v.</span><span>We publish what we learn. The notes are the practice.</span></li>
|
|
</ol>
|
|
</section>
|
|
|
|
<footer class="colophon">
|
|
<span>Meridian · Rua dos Anjos 38, Lisbon · the year twenty twenty-six</span>
|
|
<span><a href="mailto:hello@meridian.studio">hello@meridian.studio</a></span>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|