@import url(‘
https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap’);
.wp-block-post-title{display:none!important}.wp-site-blocks{padding:0!important}.wp-block-post-content,.entry-content{max-width:none!important;margin:0!important;padding:0!important}
.fx,*{box-sizing:border-box}.fx{–n:#0B1829;–s:#1C2E45;–o:#E05A1C;–c:#F4F1EC;–m:#7A8FA8;font-family:Inter,system-ui,sans-serif;color:var(–n);width:100vw;margin-left:calc(50% – 50vw);overflow:hidden}.fx h1,.fx h2,.fx h3{font-family:”Instrument Serif”,Georgia,serif;margin:0}.fx a{text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:700;border-radius:4px}.btn-o{background:var(–o);color:#fff}.btn-n{background:var(–n);color:#fff}.tag{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(–o)}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid #e7e9ed;position:relative;z-index:5}.brand{font-family:”Instrument Serif”,Georgia,serif;font-size:26px;color:var(–n)}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a{color:#4b5b70;font-size:14px}.footer{background:var(–n);color:#fff;padding:52px 28px 24px}.footin{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#9caec3;font-size:13px;line-height:1.7}.footer h4{color:var(–o);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.copyright{max-width:1200px;margin:32px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#75869a;font-size:12px}
@media(max-width:760px){.navlinks a:not(.btn){display:none}.nav{padding:0 18px}.footin{grid-template-columns:1fr}}
.c1hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.c1text{background:var(–n);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:flex-end}.c1text h1{font-size:clamp(48px,5vw,72px);line-height:.98}.c1text p{color:#aebbd0;font-size:18px;line-height:1.65;max-width:560px}.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.outline{border:1px solid rgba(255,255,255,.35);color:#fff}.c1img{position:relative;min-height:420px}.c1img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.strip{background:var(–s);color:#d9e3ef;padding:18px 24px}.stripin{max-width:1200px;margin:auto;display:flex;gap:36px;overflow:auto;white-space:nowrap;font-size:14px}.cards{padding:88px 0}.headrow{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-bottom:44px}.headrow h2{font-size:44px;line-height:1.05}.headrow p{color:#67778c;line-height:1.7}.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(–c);padding:28px;border-radius:12px}.card h3{font-family:Inter,sans-serif;font-size:18px}.card p{color:#68788c;line-height:1.65;font-size:14px}.band{background:var(–o);color:#fff;padding:48px 0}.bandin{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.band b{font-family:”Instrument Serif”;font-size:34px}.process{padding:88px 0;background:#fff}.procgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step b{font-family:”Instrument Serif”;font-size:44px;color:rgba(224,90,28,.32)}.step p{color:#67778c;font-size:14px;line-height:1.6}.cta{background:var(–n);color:#fff;padding:86px 28px;text-align:center}.cta h2{font-size:46px;max-width:760px;margin:auto}.cta p{color:#9eacc0;max-width:620px;margin:18px auto 28px;line-height:1.7}
@media(max-width:760px){.c1hero{grid-template-columns:1fr}.c1text{padding:54px 24px;order:2}.c1img{order:1}.headrow{grid-template-columns:1fr}.grid6{grid-template-columns:1fr}.bandin,.procgrid{grid-template-columns:1fr 1fr}}
Caledonia, WIWebsite Design
Caledonia WI
Clear, responsive website design for Caledonia businesses that need useful service pages, strong mobile presentation, and obvious next steps for visitors.
Custom Website DesignWordPressMobile LayoutsInternal LinkingContent StructureOngoing Support
What We Deliver
A website built around useful business information
For a Caledonia business, the website should make services understandable, help visitors move between related pages, and make contacting the business simple on any screen size.
Service-first structure
Organize the site around the questions and services visitors actually need.
Mobile usability
Readable type, comfortable spacing, and buttons that work well on smaller screens.
Search-friendly pages
Focused headings, descriptive copy, and crawlable internal links.
WordPress builds
A practical content platform for future updates and ongoing support.
Image optimization
Professional image treatment without oversized files slowing the page down.
Clear contact paths
Keep the next action visible without overwhelming the page with competing CTAs.
How It Works01Discovery
Define the important services, pages, and visitor actions.
02Structure
Plan the page hierarchy, headings, and supporting links.
03Design
Build responsive sections with useful visual hierarchy.
04Review
Check desktop, mobile, buttons, links, and contact routes before launch.
Plan a clearer website for your Caledonia business.
Share what your current site needs to explain better and what visitors should be able to do next.
Contact 507 Marketing