---
title: Tide & Slate Fictional teaching site
description: A fictional slate roofing business used to teach evidence-led composition.
---
<nav-split variant="static"><span slot="brand">Tide &amp; Slate</span><a slot="links" href="/">Home</a><a slot="links" href="/project">Project</a><a slot="actions" class="btn" href="tel:+12075550128">Call us</a></nav-split>
<hero-split motion="off"><p slot="eyebrow" class="eyebrow eyebrow--accent">Coastal roofing | fictional example</p><h1>Slate work shaped by the coast.</h1><p class="lede lede--lg">See how material, site conditions, and careful detailing belong in the same conversation.</p><a slot="actions" class="btn btn-lg" href="/project">Explore a project</a><a slot="actions" class="btn-outline btn-lg" href="tel:+12075550128">Call the studio</a><img slot="media" src="/media/teaching/slate-roof-work.webp" alt="Synthetic teaching image of roofers installing slate on a coastal house" width="1536" height="1024" fetchpriority="high"></hero-split>
<services-priority><p slot="eyebrow" class="eyebrow eyebrow--accent">The work</p><h2 slot="heading">A material decision with a practical plan.</h2><p slot="intro" class="lede">A useful service page explains what is involved before it asks for an estimate.</p><article slot="featured"><p class="eyebrow">Primary service</p><h3>Slate roof installation</h3><p>Discuss the roof geometry, material availability, and details that affect the scope.</p><a class="btn" href="/project">See an example project</a></article><article slot="items"><h3>Roof assessment</h3><p>Start with a clear record of the existing roof and its concerns.</p><a class="btn-arrow" href="tel:+12075550128">Ask about an assessment</a></article><article slot="items"><h3>Repair planning</h3><p>Understand whether a targeted repair or a larger replacement is appropriate.</p><a class="btn-arrow" href="tel:+12075550128">Discuss repair</a></article></services-priority>
<project-evidence><p slot="eyebrow" class="eyebrow eyebrow--accent">Illustrative project sequence</p><h2 slot="heading">Let the work carry the explanation.</h2><p slot="summary" class="lede">The image, caption, and fact list form one piece of evidence. In a real site, every detail would come from a verified project record.</p><img slot="media" src="/media/teaching/slate-roof-finished.webp" alt="Synthetic teaching image of a finished slate roof on a coastal house" width="1536" height="1024" loading="lazy"><span slot="caption">Synthetic teaching image; no real customer project is represented.</span><div slot="facts"><dt>Material shown</dt><dd>Dark slate</dd></div><div slot="facts"><dt>Example setting</dt><dd>Coastal house</dd></div></project-evidence>
<contact-phone-first><p slot="eyebrow" class="eyebrow eyebrow--accent">Next step</p><h2 slot="heading">Start with a roof conversation.</h2><p slot="intro" class="lede">Tell the team what you know about the roof and what decision you need to make.</p><div slot="phone"><p class="eyebrow">Fictional example number</p><a href="tel:+12075550128">(207) 555-0128</a></div><p slot="details">This is a teaching site; no service is offered at this number.</p></contact-phone-first>
<footer-compact><span slot="brand">Tide &amp; Slate | fictional example</span><a slot="links" href="/project">Project</a><a slot="legal" href="/cookie-compliance">Cookie compliance</a><span slot="legal">Synthetic images and fictional business details for teaching only.</span></footer-compact>