<!-- Shelby Terrell — shamefreetherapy.com/shelby -->
<!-- Paste this whole thing into ONE WordPress Custom HTML block. -->
<!-- Then replace PASTE-YOUR-IMAGE-URL-HERE with the headshot URL. -->
<style>
/* === Shelby Terrell — shamefreetherapy.com/shelby === */
/* Shame Free Therapy palette, weighted toward red / black / cream. */
/* Type system matches Rachel's site: Playfair Display + Lora. */
:root {
--cream: #FDF9F6;
--ink: #14100F;
--crimson: #9B1E3E;
--crimson-deep: #7A1730;
--gold: #F8E4A0;
--muted: #6E5F5F;
--serif: 'Playfair Display', Georgia, serif;
--body: 'Lora', Georgia, serif;
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body {
margin: 0;
background: var(--cream);
color: var(--ink);
font-family: var(--body);
font-size: 17px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sh-page {
max-width: 520px;
margin: 0 auto;
padding: 2.75rem 1.5rem 4rem;
text-align: center;
}
/* Photo sits on a crimson disc that echoes the red backdrop of the
headshot. If the image is missing, the disc + initials still read
as designed rather than broken. */
.sh-photo-wrap {
position: relative;
width: 210px;
height: 210px;
margin: 0 auto 1.5rem;
border-radius: 50%;
background: var(--crimson);
padding: 5px;
box-shadow: 0 16px 30px -12px rgba(20,16,15,0.30);
}
.sh-photo-wrap:before {
content: "ST";
position: absolute;
inset: 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--crimson-deep);
color: var(--cream);
font-family: var(--serif);
font-size: 3.25rem;
letter-spacing: 0.05em;
}
.sh-photo {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: 50% 50%;
display: block;
border: 3px solid var(--cream);
}
.sh-headline {
font-family: var(--serif);
font-weight: 700;
font-size: 2.5rem;
line-height: 1.15;
color: var(--ink);
margin: 0 0 0.5rem;
}
.sh-kicker {
font-family: var(--body);
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1.7;
color: var(--crimson);
max-width: 380px;
margin: 0 auto 1.5rem;
}
.sh-intro {
font-size: 1.0625rem;
line-height: 1.65;
color: var(--ink);
max-width: 420px;
margin: 0 auto 2.5rem;
}
.sh-links {
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.sh-link {
display: block;
background: var(--ink);
color: var(--cream);
text-decoration: none;
font-family: var(--body);
font-weight: 500;
font-size: 1.0625rem;
padding: 1.05rem 1.5rem;
border-radius: 9999px;
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
text-align: center;
}
.sh-link:hover,
.sh-link:focus-visible {
background: var(--crimson);
color: var(--cream);
box-shadow: 0 15px 25px -8px rgba(155,30,62,0.45);
transform: translateY(-2px);
outline: none;
}
.sh-link:focus-visible {
outline: 3px solid var(--crimson-deep);
outline-offset: 3px;
}
.sh-link__tag {
display: inline-block;
font-style: italic;
font-weight: 400;
font-size: 0.875rem;
color: var(--gold);
margin-left: 0.4rem;
}
.sh-footer {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid rgba(20,16,15,0.12);
font-size: 0.875rem;
color: var(--muted);
}
.sh-footer p { margin: 0 0 0.9rem; }
.sh-footer a {
color: var(--crimson);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 180ms ease, color 180ms ease;
}
.sh-footer a:hover {
color: var(--crimson-deep);
border-bottom-color: var(--crimson-deep);
}
.sh-footer__license {
font-size: 0.8125rem;
letter-spacing: 0.03em;
color: var(--muted);
}
.sh-footer__disclaimer {
font-size: 0.75rem;
line-height: 1.55;
color: var(--muted);
max-width: 460px;
margin: 0 auto !important;
text-align: left;
}
.sh-footer__disclaimer strong {
font-weight: 500;
color: var(--ink);
}
@media (max-width: 480px) {
.sh-page { padding: 2rem 1.25rem 3rem; }
.sh-photo-wrap { width: 168px; height: 168px; margin-bottom: 1.25rem; }
.sh-photo-wrap:before { font-size: 2.5rem; }
.sh-headline { font-size: 2rem; }
.sh-kicker { font-size: 0.75rem; letter-spacing: 0.1em; }
.sh-intro { font-size: 1rem; margin-bottom: 2rem; }
.sh-link { font-size: 1rem; padding: 0.95rem 1.25rem; }
}
</style>
<main class="sh-page">
<div class="sh-photo-wrap">
<img class="sh-photo" src="PASTE-YOUR-IMAGE-URL-HERE" alt="Shelby Terrell">
</div>
<h1 class="sh-headline">Hi, I'm Shelby.</h1>
<p class="sh-kicker">LMSW · Sex, Relationships, Kink + Non-Monogamy</p>
<p class="sh-intro">
Therapy in New York, coaching just about anywhere, and intimacy
coordination on film and TV sets. Pick what you came for below.
</p>
<nav class="sh-links" aria-label="Featured links">
<a class="sh-link" href="https://www.rachelwrightnyc.com/newclient">
Become a Therapy Client
<span class="sh-link__tag">New York</span>
</a>
<a class="sh-link" href="https://calendar.app.google/6DBVXgBarNHrLsPk9" target="_blank" rel="noopener">
Book a Coaching Consult
<span class="sh-link__tag">anywhere</span>
</a>
<a class="sh-link" href="mailto:theshelbyterrell@gmail.com?subject=Intimacy%20Coordination%20Inquiry">
Intimacy Coordination
<span class="sh-link__tag">for productions</span>
</a>
<a class="sh-link" href="mailto:theshelbyterrell@gmail.com?subject=Media%20%2F%20Partnership%20Inquiry">
Media + Partnerships
<span class="sh-link__tag">press & brands</span>
</a>
</nav>
<footer class="sh-footer">
<p>Find me on Instagram <a href="https://instagram.com/theshelbyterrell">@theshelbyterrell</a>.</p>
<p class="sh-footer__license">NY LMSW #123388</p>
<p class="sh-footer__disclaimer">
<strong>disclaimer:</strong> this page is for educational & entertainment purposes only. engaging with this page is not therapy, and nothing stated here should be taken as professional advice or as a replacement for therapy. content here may or may not apply to you. if you're in crisis or in an abusive situation, seek immediate support. therapy available for NY; coaching (when appropriate) elsewhere.
</p>
</footer>
</main>