10 Ugly Website Problems Making You Look Like an Amateur Author
- Stacey Mosteller
- Aug 18, 2025
- 10 min read
Readers Are Judging You (Harshly)
Let’s not pretend.
Romance readers are visual. They know what they like. And they know when something feels… off.
That vibe your cover gives off? That cozy/sinful/smart energy in your books? If your website doesn’t match it? You’re done.
They’ll click away before they even read your blurb.
And yes—ugly website problems are the silent killer of indie author credibility. But the good news? Every one of these is fixable.
Let’s burn the deadweight.
10 Ugly Website Problems Romance Authors Still Make
1. That Font? It’s Not the Vibe
Comic Sans? Cursive you can’t read? Cutesy when your books are dark?
No.
Your font is your voice—online. If it doesn’t match your genre, your tone, or your reader’s expectations? They won’t trust your story either.
Fix it: Use clean, readable fonts. Want something custom? We’ll build your brand from scratch.
2. Your Cover Graphics Are Blurry
If I can’t see the abs, we’ve got a problem.
Uploading low-res covers screams “I don’t care.” It doesn’t matter how spicy or swoony your story is—blurry covers = lost credibility.
Fix it: Use hi-res JPGs or PNGs. Size them correctly. Preview before you publish.
3. No Brand Consistency
Pink on one page, navy on another. Four fonts fighting for attention. Clipart vibes in a Canva logo.
If your site looks like a collage of bad ideas, readers won’t know what kind of author you are—and they’ll bounce.
Fix it: Build a cohesive visual identity. And yeah, that’s exactly what we do. See our branding services.
4. You’re Still Using a Blog-Only Layout
If your site looks like an old-school blog from 2010? You’re repelling buyers.
You’re a business now. You’re a brand. Your homepage should reflect that.
Fix it: Build a real homepage. Book highlights. Newsletter signup. Strong CTA. Not just a list of posts from 3 years ago.
5. You Link to Retailers… and Nowhere Else
Amazon is fine. But where’s your shop? Your bonus content? Your own platform?
Sending readers away without building your list first? That’s author suicide.
Fix it: Collect emails. Add your own storefront. Build your world, not someone else’s algorithm.
6. No Newsletter Signup in Sight
If I have to search for your opt-in, I won’t bother.
Your list is your safety net. Your secret weapon. And if your website doesn’t push it? You’re flying blind.
Fix it: Add a bold signup form. Above the fold. On every damn page.
→ Join ours below to see what good looks like—and unlock our Freebie Library while you’re at it.
<link rel="preload" href="https://assets.flodesk.com/flodesk-sans.css" as="style">
<link rel="stylesheet" href="https://assets.flodesk.com/flodesk-sans.css">
<style>
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 *,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 *::before,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 *::after {
box-sizing: border-box;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <tabindex -1="-1"></tabindex>:focus {
outline: none !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h1,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h2,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h3,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h4,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h5,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 h6 {
margin-top: 0;
margin-bottom: 0.7em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 p {
margin-top: 0;
margin-bottom: 1rem;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ol,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ul,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 dl {
margin-top: 0;
margin-bottom: 1.4rem;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ol ol,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ul ul,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ol ul,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ul ol {
margin-bottom: 0;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 strong {
font-weight: bolder;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 small {
font-size: 80%;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 sub,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 sub {
bottom: -0.25em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 sup {
top: -0.5em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 {
color: #000000;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 a:hover {
color: #4396fd;
text-decoration: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 img {
border-style: none;
vertical-align: middle;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 svg:not(:root) {
overflow: hidden;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 area,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <role button="button"></role>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 label,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 select,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 summary,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 textarea {
touch-action: manipulation;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 label {
display: inline-block;
font-weight: bolder;
margin-bottom: 0.7rem;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button:focus {
outline: 1px dotted;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 select,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 optgroup,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 textarea {
margin: 0;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input {
overflow: visible;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 select {
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button,
html<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type button="button"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type reset="reset"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type submit="submit"></type> {
-webkit-appearance: button;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 button::-moz-focus-inner,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type button="button"></type>::-moz-focus-inner,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type reset="reset"></type>::-moz-focus-inner,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type submit="submit"></type>::-moz-focus-inner {
padding: 0;
border-style: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type radio="radio"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type checkbox="checkbox"></type> {
padding: 0;
box-sizing: border-box;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type date="date"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type time="time"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type datetime-local="datetime-local"></type>,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 input<type month="month"></type> {
-webkit-appearance: listbox;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 textarea {
resize: vertical;
overflow: auto;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type number="number"></type>::-webkit-inner-spin-button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type number="number"></type>::-webkit-outer-spin-button {
height: auto;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type search="search"></type> {
outline-offset: -2px;
-webkit-appearance: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type search="search"></type>::-webkit-search-cancel-button,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <type search="search"></type>::-webkit-search-decoration {
-webkit-appearance: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 <hidden></hidden> {
display: none !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control {
width: 100%;
display: block;
outline: none;
position: relative;
-webkit-appearance: none;
appearance: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control:focus {
outline: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control::-ms-input-placeholder {
color: transparent !important;
opacity: 0 !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control::placeholder {
color: transparent !important;
opacity: 0 !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control:disabled {
opacity: 1;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-label {
top: 0;
left: 0;
right: 0;
margin: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-control:not(:placeholder-shown)+.fd-form-label {
opacity: 0;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-description {
margin: 5px 0 0 0;
font-size: 0.8em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-feedback {
margin: 5px 0 0 0;
font-size: 0.8em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group {
margin: 0 0 15px;
position: relative;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-success .fd-form-feedback,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-success .fd-form-check {
color: #02dba8 !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-success .fd-form-control {
color: #02dba8 !important;
border-color: #02dba8 !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-success .fd-form-feedback {
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-error .fd-form-feedback,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-error .fd-form-check {
color: #eb3d3b !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-error .fd-form-control {
color: #eb3d3b !important;
border-color: #eb3d3b !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-group.fd-has-error .fd-form-feedback {
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-btn {
cursor: pointer;
display: inline-flex;
outline: none;
max-width: 100%;
-webkit-appearance: none;
appearance: none;
font-style: normal;
text-align: center;
align-items: center;
text-shadow: none;
white-space: normal;
justify-content: center;
text-decoration: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-btn:hover {
outline: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-btn:focus {
outline: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-btn:disabled {
opacity: 0.8;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check {
cursor: pointer;
margin: 0;
display: flex;
position: relative;
align-items: center;
padding-left: 30px;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__input {
top: 0;
left: 0;
width: 18px;
height: 18px;
opacity: 0;
z-index: -1;
position: absolute;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__checkmark {
top: 0;
left: 0;
width: 18px;
height: 18px;
display: block;
position: absolute;
background-size: 18px;
background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__label {
flex: 1 1;
margin: 0;
font-size: 14px;
text-align: left;
word-break: break-word;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.01em;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__input:checked+.fd-form-check__checkmark::after {
opacity: 1;
z-index: 1;
visibility: visible;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__checkmark::after {
top: 0;
left: 0;
width: 18px;
height: 18px;
content: "";
display: block;
opacity: 0;
z-index: 1;
position: absolute;
transition: opacity 0.4s, z-index 0.4s;
visibility: inherit;
background-size: 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__input:focus {
outline: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-content {
position: relative;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-has-success .fd-form-content {
display: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {
opacity: 0;
visibility: hidden;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-captcha {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
align-items: center;
justify-content: flex-start;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-success {
width: 100%;
display: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-has-success .fd-form-success {
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-success>*:last-child {
margin-bottom: 0;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-error {
display: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-has-error .fd-form-error {
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-error>*:last-child {
margin-bottom: 0;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-focus-visible,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 4px) #000000 !important;
transition: box-shadow 0.2s !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-focus-visible,
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
outline: none;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 2px) #717171 !important;
transition: box-shadow 0.2s !important;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 {
background: transparent;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__container {
margin: 0 auto;
max-width: 1170px;
background: transparent;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form {
color: #333333;
width: 100%;
margin: 0;
padding: 30px;
font-size: 16px;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 300;
line-height: 1.6;
letter-spacing: 0.1px;
text-transform: none;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form {
word-wrap: anywhere;
word-break: break-word;
white-space: normal;
overflow-wrap: break-word;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__title {
color: #000000;
width: 100%;
margin: 0 0 25px;
display: block;
font-size: 37px;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 700;
line-height: 1;
letter-spacing: 0px;
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__title * {
line-height: inherit;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__subtitle {
width: 100%;
margin: 0 0 30px;
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__subtitle * {
line-height: inherit;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__content {
margin: -10px -5px 0;
display: flex;
flex-wrap: wrap;
align-items: start;
flex-direction: row;
justify-content: center;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__content {
display: block;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5<data-ff-stage success="success"></data-ff-stage> .ff-67f943521197fa0aa5b704f5__content {
display: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__fields {
flex: 0 1 auto;
margin: 0px 0px 0;
display: flex;
flex-wrap: wrap;
max-width: calc(100% + 10px);
justify-content: center;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__fields {
display: block;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__field {
flex: 1 1;
margin: 10px 5px 0;
font-size: 16px;
max-width: 250px;
min-width: 140px;
text-align: left;
font-family: Open Sans, sans-serif;
font-weight: 400;
letter-spacing: 0.1px;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__field {
max-width: calc(100% - 10px);
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__control {
color: #873045;
border: 2px solid #873045;
height: 48px;
padding: 12px 20px;
font-size: 16px;
background: transparent;
text-align: left;
font-family: Open Sans, sans-serif;
font-weight: 400;
line-height: 20px;
border-radius: 24px;
letter-spacing: 0.1px;
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__label {
color: #873045;
border: 2px solid transparent;
padding: 12px 20px;
font-size: 16px;
text-align: left;
font-family: Open Sans, sans-serif;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.1px;
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference {
margin: 30px 5px 0;
display: flex;
flex-direction: column;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-title {
color: #333333;
width: 100%;
margin: 0 0 30px;
display: block;
font-size: 18px;
text-align: center;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0px;
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-title * {
line-height: inherit;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-control {
width: 100%;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-list {
width: calc(100% + 24px);
margin: -8px -12px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-list {
display: block;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__preference-item {
flex: 0 0 33.333333333333336%;
padding: 8px 12px;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form-check .fd-form-check__input {
top: 2.200000000000001px;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form-check .fd-form-check__checkmark {
top: 2.200000000000001px;
border-radius: 4px;
background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e");
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form-check .fd-form-check__label {
color: #333333;
font-size: 14px;
min-height: 22.400000000000002px;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0px;
text-transform: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__form-check .fd-form-check__checkmark::after {
background-size: 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e");
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__footer {
flex: 0 1 auto;
margin-top: 10px;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__footer {
margin-top: 25px;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__button {
color: #873045;
width: auto;
border: 2px solid #873045;
display: inline-block;
padding: 12px 20px;
font-size: 16px;
background: transparent;
text-align: center;
font-family: Barlow Condensed, sans-serif;
font-weight: 600;
line-height: 20px;
white-space: nowrap;
border-radius: 24px;
letter-spacing: 0.1px;
text-transform: uppercase;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__button {
width: 100%;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__success {
display: none;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5<data-ff-stage success="success"></data-ff-stage> .ff-67f943521197fa0aa5b704f5__success {
display: block;
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__success-message {
color: #333333;
width: 100%;
display: block;
font-size: 16px;
word-wrap: anywhere;
min-height: 1.6em;
text-align: center;
word-break: break-word;
font-family: Helvetica, sans-serif;
font-weight: 300;
line-height: 1.6;
white-space: normal;
overflow-wrap: break-word;
letter-spacing: 0.1px;
pointer-events: auto;
text-transform: none;
}
@media (max-width: 767px) {
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__success-message {
font-size: 16px;
}
}
<data-ff-el root="root"></data-ff-el>.ff-67f943521197fa0aa5b704f5 .ff-67f943521197fa0aa5b704f5__error {
margin: 10px 0 0 0;
}
First name
Email address
Subscribe
Thank you for subscribing!
(function(w, d, t, h, s, n) {
w.FlodeskObject = n;
var fn = function() {
(w<n></n>.q = w<n></n>.q || []).push(arguments);
};
w<n></n> = w<n></n> || fn;
var f = d.getElementsByTagName(t)<0></0>;
var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
var sm = d.createElement(t);
sm.async = true;
sm.type = 'module';
sm.src = h + s + '.mjs' + v;
f.parentNode.insertBefore(sm, f);
var sn = d.createElement(t);
sn.async = true;
sn.noModule = true;
sn.src = h + s + '.js' + v;
f.parentNode.insertBefore(sn, f);
})(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');
window.fd('form:handle', {
formId: '67f943521197fa0aa5b704f5',
rootEl: '.ff-67f943521197fa0aa5b704f5',
});
7. Your Navigation Is a Dumpster Fire
Ten menu items. Two “About” pages. A dropdown full of dead ends.
If your reader has to think too hard to find what they want, they’re gone.
Fix it: Clean, simple menu. Prioritize “Books,” “About,” “Contact,” and your shop.
8. Your Site Isn’t Mobile-Friendly
Most readers are browsing your site from their phones while hiding under the covers at 2 AM.
If they have to pinch and zoom? If the buttons don’t tap right? They won’t fight for you.
Fix it: Responsive design is non-negotiable. We make it seamless—desktop to mobile and back again.
9. It Loads Like It’s 2009
Every second your site takes to load = readers lost.
Slow sites look shady. Clunky. Forgotten.
Fix it: Use Google PageSpeed Insights to test your site. Then optimize images, remove junk plugins, and get hosting that isn’t trash.
10. You Haven’t Updated It Since Your First Book
You’ve got new releases, new covers, a growing backlist…
But your website? Still stuck in your debut era.
Readers want fresh content. Updated info. Signs of life.
Fix it: Update your site quarterly. Add new releases. Swap out images. Keep it breathing.
This Isn’t Just About Looks—It’s About Sales
A beautiful website isn’t a vanity project. It’s a sales tool.
Bad design turns readers off. Broken layouts lose trust. And if you’re not collecting emails, driving sales, or creating reader loyalty—you’re wasting traffic.
This is about money. About visibility. About your long game as an author.
Want to Ditch the Shame? Let’s Build Something Worthy
If reading this made you sweat… good.
It means you care. And you’re ready to step up.
Let’s turn that outdated embarrassment into a brand readers crave.
→ Fill out the Contact Form and tell us where it hurts
And while you’re at it? Join the newsletter and unlock our exclusive Freebie Library—loaded with checklists, copy prompts, and visual tools to help you fix the things that are holding you back.
You don’t have to look like an amateur.
You just have to stop pretending that your website doesn’t matter.
Comments