Colour Palette
All brand colours and their CSS custom property names. Warm neutrals meet vivid orange and deep forest green.
--primary
#FF4D00
--primary-dark
#FF6B2B
--secondary
#034C3C
--secondary-dark
#056650
--bg
#F9F9F5
--bg-surface
#FFFFFF
--bg-soft
#F2F2EC
--text-heading
#1A1A1A
--text-muted
#666660
--border-color
#E8E8E0
Typography
Heading font: Playfair Display (editorial serif) — Body font: Inter. Warm, trustworthy, British.
H1 / clamp(2rem,7vw,5.5rem)
Berkshire Swash
Berkshire Swash
Grow Your Business
H2 / clamp(2rem,4vw,3rem)
Berkshire Swash
Berkshire Swash
Digital Marketing Manchester
H3 / clamp(1.125rem,1vw+0.9rem,1.375rem)
Berkshire Swash
Berkshire Swash
SEO Services for UK Businesses
H4 / 20px
Inter 700
Inter 700
Our Core Services
Body / 16px
Inter 400
Inter 400
We help UK businesses grow faster through smart digital marketing, search engine optimisation, and paid advertising strategies tailored to the British market — from Manchester to London and everywhere in between.
Small / 14px
Inter muted
Inter muted
Results based on average client data across 400+ UK campaigns. Past performance is no guarantee of future results. Terms and conditions apply.
Pull Quote
Playfair italic
Playfair italic
"Bambino tripled our organic traffic within six months — brilliant team."
Buttons
Pill-shaped buttons (border-radius: 100px). Primary uses vivid orange; secondary uses forest green.
.btn-primary
.btn-ghost
.btn-secondary (green)
.btn-primary.btn-sm
.btn-ghost.btn-sm
Cards
Service card, pricing card, and sidebar card. Light background, clean borders, subtle hover lift.
SEO Services
Dominate Google rankings across the UK with our data-led SEO service. We fix technical issues, build quality backlinks, and create content that Google and your customers love.
Most Popular
Growth Plan
£2,000/mo
- Full SEO + Content Marketing
- Monthly performance reports
- Google & Meta Ads management
- Dedicated account manager
Our Track Record
Components
UI atoms and molecules used across all pages — all using brand design tokens.
Badges / Labels
SEO
UK Specialist
New Client Offer
Manchester
✓ Certified
FAQ Item
How long does SEO take to show results?
Most clients begin to see measurable improvements within 60–90 days. Significant traffic gains typically occur within four to six months, depending on the competitiveness of your industry and your current domain authority.
Do you work with businesses outside Manchester?
Absolutely — while we're based in Manchester, we work with businesses across the whole of the UK, from London and Birmingham to Edinburgh and Cardiff.
Nearby City Pills
Breadcrumb
Stats Bar
Gradients & Shadows
Visual display of gradient and shadow tokens. Bambino uses flat colour primaries with subtle shadow depth.
--primary / --gradient-primary
--dark / --hero-bg
--primary-glow
secondary → primary
--shadow
0 4px 24px rgba(0,0,0,0.07)
0 4px 24px rgba(0,0,0,0.07)
--shadow-lg
0 12px 48px rgba(0,0,0,0.12)
0 12px 48px rgba(0,0,0,0.12)
--shadow-primary
0 8px 30px rgba(255,77,0,0.3)
0 8px 30px rgba(255,77,0,0.3)
Design Tokens
Complete reference of all CSS custom properties defined in :root for bambinoagency.com.
| Token | Value | Preview |
|---|---|---|
| Brand Colours | ||
| --primary | #FF4D00 | |
| --primary-dark | #FF6B2B | |
| --primary-glow | rgba(255,77,0,0.25) | |
| --secondary | #034C3C | |
| --secondary-dark | #056650 | |
| --accent | #034C3C | |
| Backgrounds | ||
| --bg | #F9F9F5 | |
| --bg-surface | #FFFFFF | |
| --bg-soft | #F2F2EC | |
| --dark | #034C3C | |
| --hero-bg | var(--dark) → #034C3C | |
| Text | ||
| --text-heading | #1A1A1A | |
| --text | #1A1A1A | |
| --text-muted | #666660 | |
| --text-on-primary | #FFFFFF | |
| --logo-color | #034C3C | |
| Borders & Gradients | ||
| --border-color | #E8E8E0 | |
| --gradient-primary | var(--primary) → #FF4D00 | |
| Shape | ||
| --radius | 16px | — |
| --radius-sm | 8px | — |
| --radius-lg | 24px | — |
| --radius-btn | 100px (pill) | — |
| Shadows | ||
| --shadow | 0 4px 24px rgba(0,0,0,0.07) | — |
| --shadow-lg | 0 12px 48px rgba(0,0,0,0.12) | — |
| --shadow-primary | 0 8px 30px rgba(255,77,0,0.3) | — |
| Motion | ||
| --transition | 0.25s cubic-bezier(0.4,0,0.2,1) | — |
| Typography | ||
| --font-heading | 'Playfair Display', serif | — |
| --font-body | 'Inter', sans-serif | — |