/* KEITH JACO — COMPACT HERO */
.kj-hero-compact {
background: #17283B !important;
color: #ffffff !important;
width: 100%;
box-sizing: border-box;
padding: 42px 5% !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.kj-hero-compact * {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif !important;
}
.kj-hero-compact .kj-inner {
max-width: 1200px;
margin: 0 auto;
}
.kj-hero-compact .kj-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px !important;
}
.kj-hero-compact .kj-brand,
.kj-hero-compact .kj-label {
color: #D8B28D !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
text-transform: uppercase;
margin: 0 !important;
}
.kj-hero-compact .kj-arrow {
color: #D8B28D;
font-size: 24px;
}
.kj-hero-compact h1 {
font-family: Arial, Helvetica, sans-serif !important;
color: #ffffff !important;
font-size: clamp(32px, 4vw, 52px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -1.5px !important;
text-transform: none !important;
max-width: 1100px;
margin: 12px 0 16px !important;
padding: 0 !important;
}
.kj-hero-compact .kj-description {
color: #E1E8EE !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
text-transform: none !important;
max-width: 900px;
margin: 0 0 24px !important;
}
.kj-hero-compact .kj-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.kj-hero-compact .kj-button {
display: inline-block;
padding: 12px 22px !important;
border-radius: 4px;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
line-height: 1.4 !important;
}
.kj-hero-compact .kj-primary {
background: #ffffff !important;
color: #17283B !important;
border: 1px solid #ffffff;
}
.kj-hero-compact .kj-secondary {
background: transparent !important;
color: #ffffff !important;
border: 1px solid #B9C7D2;
}
.kj-hero-compact .kj-button:hover {
opacity: 0.85;
}
@media (max-width: 768px) {
.kj-hero-compact {
padding: 32px 20px !important;
}
.kj-hero-compact .kj-top {
margin-bottom: 24px !important;
}
.kj-hero-compact h1 {
font-size: clamp(30px, 8vw, 40px) !important;
letter-spacing: -0.8px !important;
}
.kj-hero-compact .kj-description {
font-size: 15px !important;
}
}
@media (min-width: 769px) {
.kj-hero-compact {
padding: 35px 5% !important;
}
.kj-hero-compact .kj-top {
margin-bottom: 22px !important;
}
.kj-hero-compact h1 {
font-size: 48px !important;
line-height: 1.15 !important;
max-width: 1100px !important;
margin: 10px 0 14px !important;
letter-spacing: -1px !important;
}
.kj-hero-compact .kj-description {
font-size: 16px !important;
line-height: 1.5 !important;
max-width: 850px !important;
margin-bottom: 22px !important;
}
.kj-hero-compact .kj-button {
padding: 11px 20px !important;
font-size: 14px !important;
}
}
/* FIX WORDPRESS WIDE WIDTH HERO */
.kj-hero-compact {
display: block !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 40px 5% !important;
}
.kj-hero-compact .kj-inner {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
/* Override WordPress constrained layout */
.wp-block-html:has(.kj-hero-compact) {
width: 100% !important;
max-width: none !important;
}
/* Keep mobile layout responsive */
@media (max-width: 768px) {
.kj-hero-compact {
padding: 32px 24px !important;
}
}
/* HERO — STANDARDIZED LAYOUT */
.kj-hero-compact {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 55px 5% !important;
box-sizing: border-box !important;
}
.kj-hero-compact .kj-inner {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
/* ========================================
KEITH JACO — GLOBAL PAGE WIDTH
1400px outer / 1200px inner
======================================== */
/* All six homepage sections */
.kj-hero-compact,
.kj-work,
.kj-expertise,
.kj-about,
.kj-tools,
.kj-contact {
width: 100% !important;
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
/* Consistent internal content alignment */
.kj-hero-compact .kj-inner,
.kj-work .kj-work-inner,
.kj-expertise .kj-expertise-inner,
.kj-about .kj-about-inner,
.kj-tools .kj-tools-inner,
.kj-contact .kj-contact-inner {
width: 100% !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Keep HTML blocks centered */
.wp-block-html:has(.kj-hero-compact),
.wp-block-html:has(.kj-work),
.wp-block-html:has(.kj-expertise),
.wp-block-html:has(.kj-about),
.wp-block-html:has(.kj-tools),
.wp-block-html:has(.kj-contact) {
width: 100% !important;
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Mobile */
@media (max-width: 768px) {
.kj-hero-compact,
.kj-work,
.kj-expertise,
.kj-about,
.kj-tools,
.kj-contact {
width: 100% !important;
}
}
/* KEITH JACO — FEATURED WORK */
.kj-work {
background: #F7F5F0 !important;
padding: 65px 5% !important;
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif !important;
}
.kj-work * {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif !important;
}
.kj-work-inner {
max-width: 1200px;
margin: 0 auto;
}
.kj-work-label {
color: #A16E43 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
margin: 0 0 12px !important;
}
.kj-work h2 {
color: #17283B !important;
font-size: clamp(30px, 4vw, 44px) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: -1px;
margin: 0 0 15px !important;
}
.kj-work-intro {
color: #58616A !important;
font-size: 16px !important;
line-height: 1.6 !important;
max-width: 750px;
margin: 0 0 35px !important;
}
.kj-work-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.kj-work-card {
background: #fff;
border: 1px solid #E4E6E8;
overflow: hidden;
transition: transform .2s ease,
box-shadow .2s ease;
}
.kj-work-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 28px rgba(23,40,59,.09);
}
.kj-work-image {
aspect-ratio: 4 / 3;
background: #DDE3E7;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
text-align: center;
color: #526477;
font-size: 14px;
font-weight: 600;
}
.kj-work-content {
padding: 22px;
}
.kj-work-category {
color: #A16E43 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px;
margin: 0 0 10px !important;
}
.kj-work h3 {
color: #17283B !important;
font-size: 21px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
}
.kj-work-description {
color: #58616A !important;
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 0 18px !important;
}
.kj-work-link {
color: #17283B !important;
font-size: 13px !important;
font-weight: 700 !important;
text-decoration: none !important;
border-bottom: 1px solid #B78356;
padding-bottom: 3px;
}
.kj-work-link:hover {
color: #A16E43 !important;
}
@media (max-width: 900px) {
.kj-work-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.kj-work {
padding: 45px 24px !important;
}
.kj-work-grid {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.kj-work-card {
transition: none;
}
}
/* Ensure block fills available WordPress width */
.wp-block-html:has(.kj-work) {
width: 100% !important;
max-width: none !important;
}
KEITH JACO / DIGITAL EXPERIENCE
DIGITAL MARKETING & WEB EXPERIENCE
Building better digital experiences.
I’m Keith Jaco, a digital marketing professional specializing in website management, content strategy, and creating user-focused digital experiences.
SELECTED WORK / 01—03
Work that makes an impact.
A selection of projects focused on improving digital experiences, organizing complex content, and making websites work better.
Material Library Screenshot
PRODUCT CONTENT & DIGITAL ASSETS
Material Library
Managing complex product information, material attributes, and digital assets within an enterprise commerce platform.
Explore Project ↗
Website Experience Screenshot
WEBSITE MANAGEMENT & UX
Web Experiences
Enhancing website functionality, product comparison tools, and user-focused digital experiences.
Explore Project ↗
Content Strategy Screenshot
CONTENT STRATEGY
Digital Content Strategy
Organizing, maintaining, and improving digital content for accessible, consistent website experiences.
Explore Project ↗WHAT I DO / EXPERTISE
Where strategy meets execution.
From managing enterprise websites to optimizing digital content, I bring a combination of technical knowledge, creative thinking, and practical problem-solving to every project.
Website Management
Managing content, product catalogs, and digital experiences across platforms including Salesforce Commerce Cloud and WordPress.
Content Strategy
Organizing and maintaining digital content with a focus on consistency, usability, and effective communication.
Digital Asset Management
Working with Cloudinary, asset metadata, and content integrations to streamline digital asset organization and delivery.
SEO & Analytics
Applying search optimization principles and performance insights to support discoverability and improve website experiences.
THE PERSON BEHIND THE WORK
A background in storytelling. A focus on digital experiences.
My career has taken me from journalism and content marketing to managing complex websites and digital platforms.
I bring an editorial mindset, technical curiosity, and a practical approach to improving how websites work.
More About Me ↗TOOLS & TECHNOLOGIES
The platforms behind the work.
Hands-on experience with the tools and technologies that power modern digital experiences.
Salesforce Commerce Cloud
Ecommerce & content management
WordPress
Website development & publishing
Cloudinary
Digital asset management
HTML, CSS & JavaScript
Front-end customization
SEO & Analytics
Optimization & reporting
Content Management
Digital workflows & governance
LET’S CONNECT / WHAT’S NEXT
Let’s build something meaningful.
I’m always interested in connecting with professionals, exploring new opportunities, and discussing ideas that improve digital experiences.
