Asides and Quotes
Standard article prose sits in Space Grotesk light-weight at 1.05rem. Body copy reads cleanly at 1.85 line-height — comfortable for sustained business reading.
<aside=“Lode Blue is built for established businesses that need a website which projects authority and generates leads — not just one that looks modern.”>
Floated asides work the same as in editorial publishing. They interrupt the text visually without breaking the reading flow.
<quote=“A website is often the first business meeting your prospect has with you. Make sure it goes well.” position=“right”>
Statistics
Large metrics communicate at a glance and are especially effective in case-study or results-focused writing.
94%
of first impressions relate to design — before a visitor reads a single word
3s
is all it takes — most users abandon a page that hasn’t loaded within this window” position=“left
Content after a floated stat continues here, wrapping naturally around the component until the float clears.
Notes and Callouts
Trust Signals
Every element on your homepage is either building or eroding trust. Professional photography, consistent typography, and specific social proof all contribute to a visitor’s subconscious confidence in your business.
Key takeaway
Design decisions compound. A site built on a strong strategic foundation earns more from every SEO, advertising, or referral pound you spend.
Did you know?
Companies with a coherent digital presence convert inbound enquiries at roughly 2–3× the rate of those with inconsistent or dated sites.
Structured Steps
- Audit your current site Document what’s working (traffic sources, converting pages) and what isn’t. Analytics, heat-maps, and recorded sessions all tell different parts of the story.
- Define success metrics Decide what “better” means before you redesign — more enquiries, lower bounce, higher average order value. Each has different design implications.
- Map your audience’s decision journey A B2B buyer and a consumer make decisions very differently. Understand the stages your ideal client moves through before they pick up the phone.
- Gather brand assets Collect your best photography, existing brand guidelines, case studies, and testimonials. Strong raw material always produces a stronger final site.
Cards and Layered Cards
Discovery
Two-hour strategy session to map your business goals, audience, and competitive context.
Architecture
Sitemap, wireframes, and content strategy reviewed and approved before design begins.
Design
High-fidelity mockups in desktop and mobile, iteratively refined with your feedback.
Build
Performance-first development with Core Web Vitals targets built in from day one.
Investment in your site is not a cost — it’s a sales asset.
A well-built site continues generating enquiries around the clock, 365 days a year.
The question is not “can we afford to do this properly?” — it’s “what is a poor first impression costing us right now?”
Sidenote (Marginalia)
Cormorant Garamond italic in a subtle blue-bordered note replaces the handwritten style — appropriate for a corporate editorial voice.
Sidenotes float to the right margin on wide viewports, collapsing inline below 1060px. The blue left rule ties the element to the brand palette without the informality of a handwriting font.
Code Box
Split Typography
A professional website signals competence before a single word is read. Every design decision either adds to or subtracts from that initial impression.
Horizontal Gallery
Columns
Conversion-focused structure means every page has a clear next step — enquiry, call, or download.
Mobile-first development because over half your audience is on a phone, and Google agrees.
Core Web Vitals compliance baked in from the start — not an afterthought.
Accessibility standards met so you reach the widest possible audience.
Compare Table
| Feature | Standard Agency | Lode Blue |
|---|---|---|
| Page speed | Rarely measured | Core Web Vitals target from day one |
| Strategy session | Optional extra | Included in every project |
| Mobile design | Desktop-first adaption | Mobile-first design |
| Ongoing support | Retainer required | Included maintenance period |
| Reporting | Traffic dashboards | Business outcome metrics |
Timeline
Vertical
Horizontal
Alternating
CTA
Ready to act on this?
Let’s build something that works
Lode Blue designs and builds websites for established businesses that need to compete on quality, not price.