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.
This commit is contained in:
@@ -36,8 +36,12 @@ make partners/<slug>.pptx # a specific partnership's deck
|
|||||||
make slides # template.pptx + every partners/*.pptx
|
make slides # template.pptx + every partners/*.pptx
|
||||||
```
|
```
|
||||||
|
|
||||||
Pandoc turns each `##` heading into its own slide, matching the "one step per
|
Pandoc turns each `##` heading into its own slide. The PDF no longer mirrors
|
||||||
page" layout of the PDF. If you want scripted talking points per slide, add a
|
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
|
`::: notes` ... `:::` fenced div under a heading — pandoc exports those as
|
||||||
speaker notes rather than slide body text.
|
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
|
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:
|
generally reusable as-is. Then:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
@@ -66,9 +70,16 @@ make partners/<slug>.pdf
|
|||||||
|
|
||||||
## Notes
|
## Notes
|
||||||
|
|
||||||
- The photos in `images/` (4 extracted from the original PDF, plus `intro-reader.jpg`
|
- `images/author-photo.jpg` is the only photo in the guide, used on the cover and
|
||||||
sourced from Pexels) are intentionally generic/illustrative (not specific to any one
|
closing page. The guide deliberately doesn't use stock photography anywhere else —
|
||||||
partnership) and don't need to change per customization.
|
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
|
- `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`
|
YAML front matter — you don't need to hand-write that part in the body of each `.md`
|
||||||
file, just update the front matter.
|
file, just update the front matter.
|
||||||
|
|||||||
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 |
@@ -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.
|
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.
|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
## Step 1: Find a review by a reader who deeply connected with your story.
|
## 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
|
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
|
book-focused sites, blogs, or social media posts. These are the readers who
|
||||||
got it. They're the seed of everything that follows.
|
got it. They're the seed of everything that follows.
|
||||||
|
|
||||||

|
::: {.pull-quote}
|
||||||
|
A reader who got it is the seed of it all.
|
||||||
|
:::
|
||||||
|
|
||||||
## Step 2: Comment on their review with heartfelt thanks.
|
## 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
|
thanking one reader. You're showing every future reader what it looks like
|
||||||
when someone gets your work and you notice.
|
when someone gets your work and you notice.
|
||||||
|
|
||||||

|
::: {.pull-quote}
|
||||||
|
You're not just thanking one reader.
|
||||||
|
:::
|
||||||
|
|
||||||
## Step 3: Share what they connected with in your story.
|
## 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
|
other readers like them that your stories are out there and that someone
|
||||||
who needed your stories already found them.
|
who needed your stories already found them.
|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
:::: {.closing .columns}
|
:::: {.closing .columns}
|
||||||
::: {.column width="30%"}
|
::: {.column width="30%"}
|
||||||
{.author-photo}
|
{.author-photo}
|
||||||
@@ -44,12 +44,11 @@ who needed your stories already found them.
|
|||||||
::: {.column width="70%"}
|
::: {.column width="70%"}
|
||||||
By: Will Estes — ReGround
|
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
|
Let's talk. I'll look at your specific situation, and we'll map out how you get
|
||||||
look at your specific situation. We'll map out how you get
|
your stories to the readers who need them.
|
||||||
your stories to reach 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}
|
||||||
:::
|
:::
|
||||||
::::
|
::::
|
||||||
|
|||||||
@@ -48,18 +48,27 @@ a {
|
|||||||
|
|
||||||
.cover .author-photo {
|
.cover .author-photo {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
object-fit: cover;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 1.5rem 0 0;
|
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 {
|
h2 {
|
||||||
page-break-before: always;
|
|
||||||
font-size: 1.5rem;
|
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 {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
@@ -81,6 +90,8 @@ img {
|
|||||||
|
|
||||||
.closing .author-photo {
|
.closing .author-photo {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
object-fit: cover;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 0 auto 1rem;
|
margin: 0 auto 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
+10
-11
@@ -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.
|
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.
|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
## Step 1: Find a review by a reader who deeply connected with your story.
|
## 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
|
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
|
book-focused sites, blogs, or social media posts. These are the readers who
|
||||||
got it. They're the seed of everything that follows.
|
got it. They're the seed of everything that follows.
|
||||||
|
|
||||||

|
::: {.pull-quote}
|
||||||
|
A reader who got it is the seed of it all.
|
||||||
|
:::
|
||||||
|
|
||||||
## Step 2: Comment on their review with heartfelt thanks.
|
## 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
|
thanking one reader. You're showing every future reader what it looks like
|
||||||
when someone gets your work and you notice.
|
when someone gets your work and you notice.
|
||||||
|
|
||||||

|
::: {.pull-quote}
|
||||||
|
You're not just thanking one reader.
|
||||||
|
:::
|
||||||
|
|
||||||
## Step 3: Share what they connected with in your story.
|
## 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
|
other readers like them that your stories are out there and that someone
|
||||||
who needed your stories already found them.
|
who needed your stories already found them.
|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
:::: {.closing .columns}
|
:::: {.closing .columns}
|
||||||
::: {.column width="30%"}
|
::: {.column width="30%"}
|
||||||
{.author-photo}
|
{.author-photo}
|
||||||
@@ -44,12 +44,11 @@ who needed your stories already found them.
|
|||||||
::: {.column width="70%"}
|
::: {.column width="70%"}
|
||||||
By: Will Estes — ReGround
|
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
|
Let's talk. I'll look at your specific situation, and we'll map out how you get
|
||||||
look at your specific situation. We'll map out how you get
|
your stories to the readers who need them.
|
||||||
your stories to reach 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}
|
||||||
:::
|
:::
|
||||||
::::
|
::::
|
||||||
|
|||||||
Reference in New Issue
Block a user