build client websites fast, agency website system, website builder for agencies, html css website templates, fast web development system
Big Brick Digital — Internal System v1.0

Build Client Websites
in 90 Minutes

A complete modular web system — design tokens, 12 components, 6 page templates, and deployment configs. Stop rebuilding from scratch. Ship faster.

Download BBD OS See how it works
90min
Average deploy time
0npm
Zero dependencies
6+
Page templates ready
90+
Lighthouse target
bash — bbd-os
~/bbd-os $ bash deployment/new-client.sh
acme-corp "Acme Corp"
 
╔══ BBD OS — New Client ══╗
 
📁 Creating project...
✏️ Configuring tokens...
📄 Copying templates...
🚀 Deploying configs...
 
✅ Client project ready!
 
~/bbd-os $ cd ../clients/acme-corp
~/clients/acme-corp $ node build.js
 
✓ CSS (prod): bbd-os.min.css
✓ JS (prod): bbd-os.min.js
 
✅ Build complete!
 
~/clients/acme-corp $

Build Client Websites Fast with BBD OS

Building client websites from scratch is time-consuming, inconsistent, and difficult to scale. BBD OS solves this by providing a modular website system designed specifically for agencies and developers.

With BBD OS, you can build client websites in 90 minutes using reusable components, structured templates, and an optimized workflow.

Why Agencies Need a Website System

  • Reduce development time by 80%
  • Standardize design and code quality
  • Deliver faster to clients
  • Increase profit margins

How BBD OS Helps You Scale

BBD OS is not a traditional website builder. It is a system that allows you to reuse your best work across every client.

Design Tokens
Navbar Component
Hero Variants
Landing Template
Services Template
About Template
Contact Form
Blog Hub
Blog Post
.htaccess Config
Netlify Deploy
Vercel Config
Schema JSON-LD
Scroll Animations
Client Scaffold Script
Design Tokens
Navbar Component
Hero Variants
Landing Template
Services Template
About Template
Contact Form
Blog Hub
Blog Post
.htaccess Config
Netlify Deploy
Vercel Config
Schema JSON-LD
Scroll Animations
Client Scaffold Script
The system

Not a theme.
An operating system.

BBD OS is a reusable, modular architecture that produces premium websites at speed. Every client gets the same quality foundation — customized in minutes, not days.

⚡
System over project
Every component, token, and template is reusable across every client you'll ever build for.
🎨
Tokens first
Change 3 CSS variables and the entire site reflects the client's brand. No hunting through files.
🚀
SEO baked in
Structured data, Open Graph, canonical tags, Schema JSON-LD — wired up on every page template by default.
bbd-os/
core-ui/
tokens.css edit here
reset.css
layout.css
utils.css
components/
navbar/
hero.css
buttons.css
forms/forms.css
components.css
templates/
landing/ ← homepage
service/
about/
contact/
blog/
deployment/
.htaccess
netlify.toml
new-client.sh run this
build.js
assets/css/bbd-os.min.css
assets/js/bbd-os.min.js
01
🎨
Electric Noir
Design System
Syne + DM Sans. Black base, lime accent, coral and cyan secondaries. Override the entire palette in 3 lines.
#C8FF00
#FF4D4D
#00E5FF
#7B5EFF
#1A1A1A
--clr-accent#C8FF00
--font-displaySyne
--font-bodyDM Sans
02
⚙️
One build command
Run node build.js — it concatenates all CSS and JS, minifies, and outputs production-ready assets in seconds.
assets/css/bbd-os.css — 2,717 lines source
assets/css/bbd-os.min.css — 47KB minified
assets/js/bbd-os.min.js — 7KB minified
03
📄
6 page templates
Landing, Service, About, Contact, Blog hub, Blog post. Production-ready, not starters.
90
minutes per client
04
Scaffold to deploy
05
🌐
Deploy anywhere
Pre-built configs for Hostinger (Apache .htaccess), Netlify, and Vercel. HTTPS redirect, gzip, 1-year asset caching, security headers — all wired up.
.htaccess — Hostinger / cPanel / Apache
netlify.toml — Netlify
vercel.json — Vercel
06
✨
JS magic without frameworks
IntersectionObserver scroll reveals, animated counters, FAQ accordions, live form validation, mobile nav — zero dependencies, zero build tools required for runtime.
initScrollReveal()IntersectionObserver
initForms()live validation + honeypot
initCounters()animated count-up
How it works

Four steps,
one client site.

Every client follows the same process. The system handles the consistency — you focus on the content.

01
Scaffold
Run new-client.sh with the client slug and name. A full project folder is created in 3 seconds.
~30 seconds
02
Brand
Set 3 CSS variables in tokens.css — accent color, display font, body font. Run build.js. Done.
~5 minutes
03
Content
Global find-and-replace all {{VARIABLES}} in VS Code. Drop in client images. Rebuild.
~60 minutes
04
Deploy
Zip the folder, upload to Hostinger public_html, extract. SSL already set up. Site is live.
~20 minutes
What's included

Every file you need.
Nothing you don't.

Core UI System
tokens.css
All design values — colors, type, spacing
edit this
reset.css
Browser reset + base typography
don't touch
layout.css
Container, grid, flex utilities
don't touch
utils.css
Composable helper classes
don't touch
Components
navbar.css + navbar.html
Fixed nav, mobile drawer, dropdowns
copy-paste
hero.css
3 variants: centered, split, fullscreen
copy-paste
buttons.css
Primary, ghost, coral, cyan, gradient
copy-paste
forms/forms.css
Full form system with validation states
copy-paste
components.css
Cards, testimonials, pricing, FAQ, footer
copy-paste
animations.css
Scroll reveal, counters, marquee, keyframes
auto
Page Templates
templates/landing/
Full homepage — hero, services, testimonials, CTA
homepage
templates/service/
Service page with process + FAQ
inner page
templates/about/
About with stats, values, team, process
inner page
templates/contact/
Contact with live-validated form + FAQ
inner page
templates/blog/index.html
Blog hub with filters + newsletter
blog
templates/blog/post.html
Full post with sidebar, TOC, author bio
blog
Deployment
.htaccess
HTTPS, gzip, cache headers, security
Hostinger
netlify.toml
Build config + headers
Netlify
vercel.json
Routing + headers config
Vercel
new-client.sh
Scaffold script — run once per client
⚡ key file
robots.txt + sitemap
SEO crawler config template
SEO
The workflow

What a typical
90-minute session looks like.

Once you know the system, every client follows this exact sequence. No decisions, no reinventing — just execution.

0:00 – 0:05
Run new-client.sh
Client folder scaffolded. deployment files copied to root. config.json created.
0:05 – 0:10
Set brand tokens
3 CSS variable overrides in tokens.css. Run node build.js. Preview in browser.
0:10 – 0:20
Copy page templates
Copy landing, about, contact, service templates. Run global variable replace in VS Code.
0:20 – 1:05
Fill in content
Edit section text, drop in client images, update nav links. One rebuild to verify.
1:05 – 1:15
Upload to Hostinger
Zip → upload → extract into public_html. Check SSL is active.
1:15 – 1:30
Test + submit to Google
PageSpeed check. Search Console submission. GA4 snippet added. Client handoff sent.
FAQ

Frequently Asked Questions

What is BBD OS?
BBD OS is a modular website system that helps agencies build client websites faster.
Can I really build websites in 90 minutes?
Yes. Once you understand the workflow, most client websites can be built in under 90 minutes.
Is BBD OS better than WordPress?
It is faster, lighter, and more flexible because it uses pure HTML, CSS, and JavaScript.
Who should use BBD OS?
Agencies, freelancers, and developers who want to scale website production efficiently.
Ready to use

Ship your next client
site this week.

BBD OS v1.0 is complete and production-tested. Download the zip, run the script, and your first client site is live before lunch.

Download BBD OS v1.0 Client Intake Form ↗
113KB · Vanilla HTML/CSS/JS · Zero npm dependencies · Apache + Netlify + Vercel ready
Need to collect client info first? Use the Client Intake Form →