/* 1. Global Styles */
* {
position: relative; // Set default position for all elements
}
:root {
// Custom properties for text sizes
--text-size-80: 0.878rem;
--text-size-90: 0.937rem;
--text-size-100: 1rem;
--text-size-200: 1.067rem;
--text-size-300: 1.138rem;
--text-size-400: 1.215rem;
--text-size-500: 1.296rem;
--text-size-600: 1.383rem;
--text-size-700: 1.476rem;
}
/* 2. Base Font and Responsive Sizing */
html {
font-size: 100%; // Default size
font-size: 16px; // Fallback
font-size: calc(0.625rem + 0.41666666666666663vw); // Responsive
}
body {
line-height: 1.5;
}
img {
height: auto;
width: 100%; // Responsive images
}
/* 3. Typography */
p,
.dbb_stats {
margin: 0;
letter-spacing: -0.01em;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin: 0;
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.022em;
}
strong, .bold-text {
font-variation-settings: "wght" 650;
}
// Nested heading size and small text
h1, .h1 { font-size: var(--text-size-700); }
h2, .h2 { font-size: var(--text-size-600); }
h3, .h3 { font-size: var(--text-size-500); }
h4, .h4 { font-size: var(--text-size-400); }
h5, .h5 { font-size: var(--text-size-300); }
h6, .h6 { font-size: var(--text-size-200); }
small, .small { font-size: var(--text-size-90); }
/* 4. Mixin for Repeated Styles */
@mixin size-classes($sizes...) {
@each $size in $sizes {
.text-size-#{$size} {
font-size: var(--text-size-#{$size});
}
}
}
// Use the mixin to generate font size classes
@include size-classes(80, 90, 100, 200, 300, 400, 500, 600, 700);
/* 5. Lightbox Styles */
.w-lightbox-backdrop {
font-family: inherit;
letter-spacing: inherit;
color: #ccc;
background: #000000e6;
font-size: var(--text-size-100);
font-weight: 400;
line-height: inherit;
}
.w-lightbox-frame,
.w-lightbox-thumbnail {
border-radius: 4px;
overflow: hidden;
}
.w-lightbox-caption {
height: auto;
width: 100%;
padding: 1.5em;
white-space: normal;
}
/* 6. Additional Class Styling */
.dbb {
font-family: inherit;
transform: scale(0.8);
text-align: center;
width: 100%;
height: 100%;
padding: 0;
border-radius: 2px;
border: 1px solid #ccc;
background-color: transparent !important;
color: #ccc;
}
.dbb_stats {
font-size: var(--text-size-80) !important;
font-family: "Inter Variable", sans-serif;
font-variation-settings: "wght" 350;
}
/* 7. Gradient and Arrow Styles */
.gradient-to-green {
z-index: 3;
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(19, 53, 40, 1) 100%);
}
.left-arrow, .right-arrow, .w-slider-arrow-right {
z-index: 4;
}
/* Focus styles */
input:focus, textarea:focus, .w-input:focus, .w-select:focus {
outline: none;
border-color: #00f;
}
/* 8. Media Queries */
@media screen and (max-width: 1920px) {
html {
font-size: calc(0.625rem + 0.41666666666666674vw);
}
}
@media screen and (max-width: 1440px) {
html {
font-size: calc(0.8126951092611863rem + 0.20811654526534862vw);
}
}
@media screen and (max-width: 320px) {
html {
font-size: calc(0.8121077405857741rem + 0.6276150627615062vw);
}
}
Services FAQs Prices, terms, and how I do business How much does a website cost?
Bringing a website to life is dependent on its scale and the features you may require. A basic website starts from just £600.
As a broad guideline, my prices are calculated according to how many days a project will take to complete, based on a minimum day rate of £200. Contact me for a personalised quote for your project.
Need a website that's ready to launch? Combine web design and UX writing services and get 20% off the grand total.
I also offer non-stackable discounts on payment terms to all clients. For more information, please see the concessions question below.
What are your rates for copy and marketing?
The price to bring a copywriting or marketing project to life depends on its scope, complexity, research, and turnaround time.
Below is a rundown of my current charges. Whenever you see a "from £" price, consider that a minimum figure, with wiggle room for more complex projects.
Website writing + site mapping: from £200
Newsletter writing: from £150 per email
Nurturing campaign writing: from £300 per multi-email campaign
Blog posts, press releases & articles: from £150 per 1,000 words
Catalogues & product descriptions: from £150 per 1,000 words
General copyediting & proofreading: from £20 per 1,000 words
Marketing design and service set-up
Newsletter set-up + template design: from £250
Nurturing campaign set-up + design + testing: from £400
Graphic design (e.g. posters or presentations): from £150
For services not specifically listed in this page my prices are calculated, as a broad guideline, according to how many days a project will take to complete, based on a minimum day rate of £200.
Do prices change based on project size?
Smaller projects may sometimes take longer to set-up and coordinate relative to the amount of content produced. Larger projects, by contrast, can allow me to work more efficiently once I'm familiar with the content and context, resulting in less friction.
Here is how the scale of a project affects my rates:
Web design : Pricing per page can decrease according to the project size and complexity. A small site with a couple of pages will be quoted at a higher rate per page than a larger website with many pages that all share a common layout.
Copywriting and editing: Cost per word can drop as volume of words increases. The percentage decrease ranges from about 10% to a maximum of 30%. The exact figures vary based on the project nature.
Email marketing: The number of emails, segments or automations affects the price. If I'm producing three editions of a newsletter to launch a new product, I'll price them individually. On the other hand, for larger multi-email campaigns with automation/segments, I'm likely to offer a bulk rate because it's more efficient to work with a familiar setup or more content at once.
Other marketing and design services: No two projects are the same. But as a rule of thumb, larger projects with lots of research, multiple channels or a series of revisions baked in may cost more overall, but the cost per element (such as per design or consultation) is likely to decrease as the volume of work increases.
Do you offer concessions?
I understand project fees can feel like a lot to take in. But rest assured, most of the work I do is carried through to generate returns for your business. This means the result should make you money, rather than cost you money – and will typically pay for itself.
I'm always open to discussing options and finding a pricing structure that fits, especially for businesses engaged in social justice with tighter budgets. And if you're struggling financially, I'd be happy to chat payment plans, whatever the nature of your business.
Below are some of the concessions I offer to all clients:
All invoices over £750 can be paid in 3 instalments at 0% interest. A 5% discount is available for payments made within 5 days of the invoice date. You'll get a 10% discount if you pay your invoice in full before the work is carried out. If you need specific help with generating ideas or finding a solution to a problem you're having, this will be a chargeable consultation - unless this meeting was already quoted as part of your project.
A consultation won't simply be an informal chat. It's a call I'll do some preparation for, so I can provide you with valuable ideas, options or solutions that will help you move forward.
One hour consultations start at £45, with the final price depending on the amount of pre-planning required.
What happens after the intro?
I'll give you a few days after our first chat to consider your options. Think we're a good fit? Great. I'll send you a questionnaire to complete soon after. This will help us to establish what needs to be done and guide us in preparing a quote for you.
If you're happy to go ahead, I ask that you pay a deposit before I start any work. This helps me keep the lights on and makes the collaboration intentional.
Once you've paid your deposit, we'll schedule a half-hour kick-off meeting to break down major milestones into actionable steps and address any questions you may have. In most cases, I can start working on your project within a week of our kick-off call.
How do you quote projects?
I prepare quotes using the information you share with me throughout our initial interactions. This includes the insights gained in our introductory call and the details you'll provide in the briefing questionnaire I'll send you.
The quote sets the scope of the project and gives you a fixed price. This price includes all work in the quote. Each project also includes at least one round of revisions so you can make any necessary changes.
Providing the brief and project scope remain unchanged and the project is completed in line with my terms of business , the quoted price is all you will pay. Each quote is valid for one month from the date it’s provided.
Can you work to a deadline?
The work I can deliver by a deadline depends on the size and scope of your project/request(s).
I'm committed to doing quality work, and meeting deadlines often hinges on on how early I'm brought into a project plus my client backlog. Rest assured, I'll do my best to accommodate your needs, no matter how busy.
What if I'm worried about email overload?
I'm flexible about how to keep in touch during a project. If you're worried about missing emails, or maybe you flinch at the very thought of following up on something that was said four emails ago, I got you.
I can set up private Slack and Trello boards for real-time progress and communication at no extra cost. And if email works for you, great! Your project, your choice.
Why not! I'm always up for meeting clients face to face.
I'm based in Folkestone, England, so you'll need to be able to get here. I'm happy to meet you for either our intro chat or kick-off meeting anywhere in town or nearby when our schedules coincide.
Are your third parties green?
8/9 of the third party resources required to run this website are being served from a host that is powered by renewable energy.
See report
.png){kind=small}