Color Palette
// All brand colors and CSS custom property names
--primary
#B3FF00
--primary-dark
#c8ff26
--secondary
#7C3AED
--accent
#00F5FF
--bg
#0D0D14
--bg-surface
#13131F
--bg-soft
#09090F
--text-heading
#F0F0FF
--text
rgba(240,240,255,.85)
--text-muted
#6B7280
Typography
// heading_font: Berkshire Swash — body_font: Inter — monospace accents throughout
H1 / 52px
Berkshire Swash
Berkshire Swash
AI That Actually Works
H2 / 38px
Berkshire Swash
Berkshire Swash
Scale with Intelligence
H3 / 26px
Berkshire Swash
Berkshire Swash
AI Automation Agency Austin
H4 / 20px
Berkshire Swash
Berkshire Swash
Our Core Solutions
Body / 16px
Inter 400
Inter 400
We help forward-thinking businesses unlock growth through AI automation, machine learning pipelines, and data-driven marketing strategies deployed at scale from Austin to everywhere.
Small / 13px
Inter muted
Inter muted
Results based on aggregated client data. Individual outcomes will vary based on industry, starting baseline, and implementation quality.
Mono / 13px
system-mono
system-mono
--primary: #B3FF00; → model.train(data);
Accent / 16px
Inter cyan
Inter cyan
→ 200+ AI automations built and deployed
Buttons
// hover all buttons to see interaction states — radius: 50px pill shape
.btn-primary
.btn-ghost (neon border)
.btn-accent (cyan)
.btn-secondary
.btn-primary.btn-sm
.btn-ghost.btn-sm
Cards
// service card / pricing card / data sidebar — hover to see glow state
AI Marketing Automation
Deploy intelligent automation pipelines that qualify leads, personalise outreach, and optimise campaigns 24/7 — without adding headcount.
MOST POPULAR
Growth
$3,000/mo
- Full AI automation stack
- Real-time analytics dashboard
- Custom ML model deployment
- Dedicated AI engineer
// system_stats
Components
// UI atoms — badges, FAQ, pills, breadcrumbs, stats
// badges
AI-Native
LIVE
ML Model
Austin TX
✓ Deployed
// faq
How quickly can you deploy an AI automation?
Most automation pipelines go live within 2–3 weeks. Complex custom ML deployments typically take 4–8 weeks depending on data requirements and integration depth.
What industries does Lumo specialise in?
We work across SaaS, e-commerce, fintech, and professional services. Our AI systems are industry-agnostic and trained on your specific business data for maximum relevance.
// nearby_cities
// breadcrumb
// stats_bar
Gradients & Shadows
// visual output of gradient and shadow tokens
--gradient-primary (#B3FF00)
--hero-bg
--primary-glow radial
secondary → primary
--shadow
0 4px 24px rgba(0,0,0,0.6)
0 4px 24px rgba(0,0,0,0.6)
--shadow-lg
0 0 40px rgba(179,255,0,0.2)
0 0 40px rgba(179,255,0,0.2)
--shadow-primary
0 8px 30px rgba(179,255,0,0.45)
0 8px 30px rgba(179,255,0,0.45)
Design Tokens
// complete :root CSS custom properties reference
| Token | Value | Preview |
|---|---|---|
| Brand Colors | ||
| --primary | #B3FF00 | |
| --primary-dark | #c8ff26 | |
| --primary-glow | rgba(179,255,0,0.4) | |
| --secondary | #7C3AED | |
| --accent | #00F5FF | |
| Backgrounds | ||
| --bg | #0D0D14 | |
| --bg-surface | #13131F | |
| --bg-soft | #09090F | |
| --dark | #13131F | |
| --hero-bg | linear-gradient(160deg,#09090F,#13131F,#0D0D14) | |
| Text | ||
| --text-heading | #F0F0FF | |
| --text | rgba(240,240,255,0.85) | |
| --text-muted | #6B7280 | |
| --text-on-primary | #0D0D14 | |
| --logo-color | #B3FF00 | |
| Borders & Gradients | ||
| --border-color | rgba(179,255,0,0.15) | |
| --gradient-primary | var(--primary) → #B3FF00 | |
| Shape | ||
| --radius | 14px | — |
| --radius-sm | 8px | — |
| --radius-lg | 20px | — |
| --radius-btn | 50px (pill) | — |
| Shadows | ||
| --shadow | 0 4px 24px rgba(0,0,0,0.6) | — |
| --shadow-lg | 0 0 40px rgba(179,255,0,0.2) | — |
| --shadow-primary | 0 8px 30px rgba(179,255,0,0.45) | — |
| Motion | ||
| --transition | 0.25s cubic-bezier(0.4,0,0.2,1) | — |
| Typography | ||
| --font-heading | 'Berkshire Swash', serif | — |
| --font-body | 'Inter', sans-serif | — |