/* 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);
}
}
Steer your small business While I sweat the small stuff
Never Not Ready is the design and marketing practice of Francesco Imola. I write copy you can't ignore, create sites you won't drown in, and host focus hours that'll make you eat the frog.
Mmmm, whatcha say? Top words about me "Francesco is a dream collaborator. Organised and strategic, he asks the right questions, does his research, and presents fantastic options."
Carly Anchal
About me A proud generalist. Your next best hire. My name is Francesco Imola (he/him or they/them). I'm a design and communications generalist with a broad background in the arts, events, marketing, operations and project facilitation. I'm based in sunny Folkestone (Kent, England).
For over 5 years my work has supported hundreds of creatives, project managers, department heads and small business owners. Today, people hire me for ONE reason. To clear their schedules of time-sucking projects so they can focus on actual business.
I use design, words and strategy to get people to buy your stuff, book your time or simply keep you top of mind. I'm more about off-grid marketing than doing your social media (I know some great folks who can help with that). I'll make sure your foundations are strong, your community is engaged and you're attracting leads even in your sleep.
You may have noticed I'm no specialist. Generalists like me have a broad understanding across multiple fields. And yes, I hear you! Not everyone values breadth over narrow specialism - even I didn't at first. For years I worried. Was I spreading myself too thin? Would my love of all things design and marketing and building and creating make me useless? Then it hit me. The industry needs generalists more than it likes to admit. And I'm not alone in realising this.
I quickly learned that the broader my expertise grows, the better prepared I'll be for whatever comes next. As a generalist, I'm pretty good at helping small businesses capitalise on storytelling, design and marketing. And I can often do it faster and cheaper than an equivalent team of specialists. The best part? It's fulfilling work. You rarely get bored. Every day is different and that's how I like it.
Why use "Never Not Ready" if I'm just a freelancer?
I've given my business a name for a couple of reasons. For one, the best way to show you are capable of creating a strong brand identity is to build one for yourself. Otherwise it's like being an architect with the worst looking office you've ever seen – doesn't inspire confidence. A brand name also helps me keep work and life separate. It gives "freelancing" its own container.
For me, the word brings to mind conversations I've had with freelancers and business owners. They would put off important but time-consuming work because they were too busy with the day-to-day. Talking to clients. Looking after staff. They weren't ready. Ready to reach out. Ready to grow. Ready to pivot. So that's where I come in: I help them get ready.
Need something done? Let's hop on a call
Book a free 20-mins call to discuss your project and see if we're a good fit. Bring all your questions. No pressure to commit.
.png){kind=avatar}
.png){kind=small}