Compare commits

..

2 Commits

Author SHA1 Message Date
will 26fec2fa9d Drop stock photography for a typography-led design, rewrite the closing CTA
The guide previously leaned on generic stock photos of strangers for each
step, which didn't match reground.org's actual visual identity (color,
type, and voice carry the brand everywhere else on the site — no stock
imagery appears anywhere but the author's own photo). Removed all stock
photos; the only photo left is the real author headshot on the cover and
closing page, which also got a real cleanup (tighter crop, better contrast,
reduced glasses glare) and a bug fix (it was rendering as an oval instead
of a circle since width/height were never equal).

Since nothing forces per-step pages anymore, the PDF's h2 sections now flow
continuously instead of each getting its own page-break — a short guide
with no photos to fill a page reads better as continuous pamphlet-style
prose than as a sparse slide-per-page export. Each step keeps a short
pull-quote (verbatim line from its own paragraph, styled in the brand
blue/teal) for visual rhythm instead. Net effect: 6 pages -> 3 pages, no
blank/orphaned space. The pptx keeps one section per slide, since that
format is for narrated screen-share recordings where the presenter's voice
fills the space a printed page can't.

Also rewrote the closing CTA: "Get a Free Strategy Session" was generic
coaching-industry boilerplate that could belong to anyone's funnel. The new
copy and button use the guide's own vocabulary instead.
2026-08-06 20:49:51 -04:00
will 10c1686ec1 Archive the stock-photo version before redesigning without stock photography
Tagged v1-stock-photos and kept the built PDF/pptx so this version stays
easy to hand to someone if the no-photography direction doesn't pan out.
2026-08-06 19:47:16 -04:00
14 changed files with 53 additions and 32 deletions
+1
View File
@@ -1,3 +1,4 @@
*.pdf
*.pptx
!reference.pptx
!archive/**
+17 -6
View File
@@ -36,8 +36,12 @@ make partners/<slug>.pptx # a specific partnership's deck
make slides # template.pptx + every partners/*.pptx
```
Pandoc turns each `##` heading into its own slide, matching the "one step per
page" layout of the PDF. If you want scripted talking points per slide, add a
Pandoc turns each `##` heading into its own slide. The PDF no longer mirrors
this one-section-per-page layout — since the guide has no per-step photography
to fill a page, its sections flow together into continuous pages instead
(see Notes below). The slide deck keeps one section per slide on purpose: it's
built for a narrated screen-share, where your voice fills the space a printed
page can't. If you want scripted talking points per slide, add a
`::: notes` ... `:::` fenced div under a heading — pandoc exports those as
speaker notes rather than slide body text.
@@ -57,7 +61,7 @@ cp template.md partners/<slug>.md
```
Edit the new file's title (front matter) and rewrite the opening/closing copy to bridge
your angle with the partner's audience — the 3 Step sections and their photos are
your angle with the partner's audience — the 3 Step sections and their pull-quotes are
generally reusable as-is. Then:
```sh
@@ -66,9 +70,16 @@ make partners/<slug>.pdf
## Notes
- The photos in `images/` (4 extracted from the original PDF, plus `intro-reader.jpg`
sourced from Pexels) are intentionally generic/illustrative (not specific to any one
partnership) and don't need to change per customization.
- `images/author-photo.jpg` is the only photo in the guide, used on the cover and
closing page. The guide deliberately doesn't use stock photography anywhere else —
matching reground.org, which carries its identity through color, type, and voice
rather than illustrative imagery. Each Step section instead gets a `.pull-quote`
div (see `style.css`) pulling one line verbatim from that section's own paragraph,
which gives the page visual rhythm without adding a picture.
- The PDF's `h2` sections flow continuously (no forced page break) since there's no
photo to justify each Step having its own page. Only the cover and the closing CTA
force their own page break — a short guide with unbroken flow reads like a real
pamphlet rather than a slide deck exported to PDF.
- `template.html` renders the cover (title + byline + author photo) from the document's
YAML front matter — you don't need to hand-write that part in the body of each `.md`
file, just update the front matter.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Before

Width:  |  Height:  |  Size: 403 KiB

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

+10 -11
View File
@@ -7,8 +7,6 @@ Most advice on making a living as a writer tells you to hustle, place ads with t
You want to know your story reached the one reader who needed it. And if there's one reader who needs your stories, there's more than one.
![](images/intro-reader.jpg)
## Step 1: Find a review by a reader who deeply connected with your story.
You're looking for reviews that go beyond "great book!" — the ones where a
@@ -16,7 +14,9 @@ reader took time to describe what the story did to them. They might be on
book-focused sites, blogs, or social media posts. These are the readers who
got it. They're the seed of everything that follows.
![](images/step-1-review.jpg)
::: {.pull-quote}
A reader who got it is the seed of it all.
:::
## Step 2: Comment on their review with heartfelt thanks.
@@ -24,7 +24,9 @@ Thank the reviewer for their review. Ideally you do this on the review itself. B
thanking one reader. You're showing every future reader what it looks like
when someone gets your work and you notice.
![](images/step-2-thankyou.jpg)
::: {.pull-quote}
You're not just thanking one reader.
:::
## Step 3: Share what they connected with in your story.
@@ -34,8 +36,6 @@ your audience: on social media, your email list, wherever your readers are. Befo
other readers like them that your stories are out there and that someone
who needed your stories already found them.
![](images/step-3-computer.jpg)
:::: {.closing .columns}
::: {.column width="30%"}
![](images/author-photo.jpg){.author-photo}
@@ -44,12 +44,11 @@ who needed your stories already found them.
::: {.column width="70%"}
By: Will Estes — ReGround
**Are you wondering how to get your stories in front of readers who need them?**
**You don't need a bigger microphone. You need the one reader who's already looking for you.**
Let's talk one on one and find out if working with me is the right fit for you. I'll
look at your specific situation. We'll map out how you get
your stories to reach the readers who need them.
Let's talk. I'll look at your specific situation, and we'll map out how you get
your stories to the readers who need them.
[Get a Free Strategy Session](https://reground.org/talk){.cta-button}
[Let's talk.](https://reground.org/talk){.cta-button}
:::
::::
+15 -4
View File
@@ -48,18 +48,27 @@ a {
.cover .author-photo {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 50%;
margin: 1.5rem 0 0;
}
/* One Step per page, like the original PDF. The intro (before Step 1) now
carries its own image too, so it gets a full page like every other
section instead of sharing Step 1's page. */
h2 {
page-break-before: always;
font-size: 1.5rem;
}
.pull-quote {
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 1.9rem;
font-weight: 700;
line-height: 1.35;
color: #8fa8d1;
border-left: 4px solid #2dd4c4;
padding-left: 1.25rem;
margin: 2.5rem 0;
}
img {
max-width: 100%;
border-radius: 0.5rem;
@@ -81,6 +90,8 @@ img {
.closing .author-photo {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
margin: 0 auto 1rem;
}
+10 -11
View File
@@ -7,8 +7,6 @@ Most advice on making a living as a writer tells you to hustle, place ads with t
You want to know your story reached the one reader who needed it. And if there's one reader who needs your stories, there's more than one.
![](images/intro-reader.jpg)
## Step 1: Find a review by a reader who deeply connected with your story.
You're looking for reviews that go beyond "great book!" — the ones where a
@@ -16,7 +14,9 @@ reader took time to describe what the story did to them. They might be on
book-focused sites, blogs, or social media posts. These are the readers who
got it. They're the seed of everything that follows.
![](images/step-1-review.jpg)
::: {.pull-quote}
A reader who got it is the seed of it all.
:::
## Step 2: Comment on their review with heartfelt thanks.
@@ -24,7 +24,9 @@ Thank the reviewer for their review. Ideally you do this on the review itself. B
thanking one reader. You're showing every future reader what it looks like
when someone gets your work and you notice.
![](images/step-2-thankyou.jpg)
::: {.pull-quote}
You're not just thanking one reader.
:::
## Step 3: Share what they connected with in your story.
@@ -34,8 +36,6 @@ your audience: on social media, your email list, wherever your readers are. Befo
other readers like them that your stories are out there and that someone
who needed your stories already found them.
![](images/step-3-computer.jpg)
:::: {.closing .columns}
::: {.column width="30%"}
![](images/author-photo.jpg){.author-photo}
@@ -44,12 +44,11 @@ who needed your stories already found them.
::: {.column width="70%"}
By: Will Estes — ReGround
**Are you wondering how to get your stories in front of readers who need them?**
**You don't need a bigger microphone. You need the one reader who's already looking for you.**
Let's talk one on one and find out if working with me is the right fit for you. I'll
look at your specific situation. We'll map out how you get
your stories to reach the readers who need them.
Let's talk. I'll look at your specific situation, and we'll map out how you get
your stories to the readers who need them.
[Get a Free Strategy Session](https://reground.org/talk){.cta-button}
[Let's talk.](https://reground.org/talk){.cta-button}
:::
::::