Deployment Walkthrough
One-Time Setup Guide
Main Website
dapcreativeco.com — Live ✓
Blueprint Hub
blueprint.dapcreativeco.com — To Do
Ongoing Updates
Edit → Replace → Re-upload
Overview
How Everything Connects
The Infrastructure
Namecheap
owns the domain name
→
Netlify
hosts the files
→
dapcreativeco.com
what people see
Namecheap
CNAME record added
→
Netlify (new site)
hub files hosted here
→
blueprint.dapcreativeco.com
your internal hub
The Simple Version

Namecheap owns your domain name like a street address. Netlify is the building where your files actually live. You're adding a second building (the Blueprint hub) on the same street address — just with a different door labeled "blueprint."

Already Done
Part 1 — Main Website
Nothing to do here

dapcreativeco.com is live and working on Netlify. The only time you touch this is when you want to update the website itself — which is covered in the Ongoing Updates section at the bottom of this guide.

Do This Now
Part 2 — Blueprint Hub Setup
Before You Start — Change the PIN

Open index.html in any text editor (TextEdit on Mac, Notepad on Windows). Find the line that says const CORRECT_PIN = '1234'; — change 1234 to your chosen 4-digit PIN. Save the file. Do this before uploading anything.

1
Prepare
Create a folder on your computer called DAP-Blueprint-Hub
Put all 9 files into this folder. Every file needs to be in the same folder — not in subfolders.
All 9 files — in one folder
🏠
index.html
The hub homepage — open this with PIN
📄
command.html
Client Command Center
📄
intake.html
Client Intake System
📄
drivers.html
Core Driver Dictionary
📄
reports.html
Client Performance Reports
📄
living.html
DAP Living Document
📄
pricing.html
Pricing & Contracts
📄
content.html
Content Creation System
📄
website-preview.html
Website preview
2
Netlify
Create a new Netlify site for the hub
Go to app.netlify.com and log in. You'll see your existing site for dapcreativeco.com already there. You need to create a second separate site for the hub.
1. Click "Add new site"
2. Choose "Deploy manually"
3. You'll see a large dotted upload box
4. Open your DAP-Blueprint-Hub folder
5. Select ALL 9 files (Cmd+A on Mac / Ctrl+A on Windows)
6. Drag them directly into the Netlify upload box
7. Wait for the upload to complete
Important: Drag the FILES — not the folder itself. Open the folder first, then select all files inside it, then drag them to Netlify.
Netlify will give your new site a random name like happy-muffin-123.netlify.app — write this down. You'll need it in Step 4.
3
Namecheap
Add a CNAME record to point the subdomain to Netlify
This tells Namecheap that when someone visits blueprint.dapcreativeco.com — send them to your Netlify hub site.
1. Log into namecheap.com
2. Click "Domain List" in the left sidebar
3. Click "Manage" next to dapcreativeco.com
4. Click the "Advanced DNS" tab at the top
5. Scroll to "Host Records"
6. Click "Add New Record"
7. Set the fields exactly like this:

   Type: CNAME Record
   Host: blueprint
   Value: [your-netlify-site].netlify.app
   TTL: Automatic

8. Click the green checkmark to save
The Value field is the random Netlify URL from Step 2 — like happy-muffin-123.netlify.app. Include the .netlify.app at the end. No https:// needed.
DNS changes can take 5 minutes to 48 hours to fully propagate. Usually it's under 30 minutes. If it doesn't work immediately — wait 30 minutes and try again.
4
Netlify
Add the custom domain to your Netlify hub site
Now tell Netlify to respond to blueprint.dapcreativeco.com — not just the random URL.
1. Go back to app.netlify.com
2. Click on your new hub site
3. Go to "Site configuration" → "Domain management"
4. Click "Add a domain"
5. Type: blueprint.dapcreativeco.com
6. Click "Verify" then "Add domain"
7. Netlify will check the DNS — it may say "Waiting on DNS propagation"
8. Once the DNS is live it will show a green checkmark
SSL/HTTPS: Netlify will automatically generate a free SSL certificate. This can take up to an hour after DNS propagates. Your hub will show as secure (the padlock icon) once it's done.
5
Test
Visit blueprint.dapcreativeco.com and confirm it works
Open a browser and go to blueprint.dapcreativeco.com. You should see the DAP PIN screen. Enter your 4-digit PIN. The hub dashboard should load with all 8 documents accessible.
Test checklist:
□ blueprint.dapcreativeco.com loads the PIN screen
□ PIN entry works and hub unlocks
□ All 8 document cards are visible
□ Clicking each card opens the document
□ Quick links bar is visible
□ Lock button works
If the site loads but shows an error or blank page — the DNS may still be propagating. Wait 30 minutes and refresh. If documents don't open when you click them, make sure all 9 files were uploaded in Step 2.
Ongoing
Part 3 — Updating the Main Website
When you want to update dapcreativeco.com

Tell me what to change and I'll update the file. You download the new version and re-upload it to Netlify. The whole process takes under 5 minutes once you know the steps.

1
You
Tell me what to change
"Update the services section to include X" or "Change the slogan to Y" or "Fix the copy in the about section." Be as specific as possible about what and where.
2
Claude
I update the file and give you the new version
You download the updated DAP_Website.html file from this chat.
3
You — Netlify
Drag the new file to Netlify
1. Go to app.netlify.com
2. Click on your main dapcreativeco.com site
3. Go to "Deploys" tab
4. Scroll down to "Need to update your site?"
5. Drag the new DAP_Website.html file into the deploy box
6. Netlify deploys automatically — takes about 30 seconds
Note: Your main website is a single HTML file. When updating it, you only need to drag that one file — not all the hub files.
Ongoing
Part 4 — Updating the Blueprint Hub
When you want to update a hub document or add a new one

The hub is a folder of files. Updating any document means replacing that one file. Adding a new document means dropping a new file in and adding a card on the hub homepage. Always re-upload all 9 files together — Netlify replaces whatever was there before.

You
"Update the intake script — change the budget question to say X"
Claude
Updates intake.html and gives you the new file
You
Download new intake.html — replace the old one in your DAP-Blueprint-Hub folder
You — Netlify
Select all 9 files from the folder → drag to Netlify hub site deploy box → done in 30 seconds
1
Adding a new document
Drop the new file in the folder and tell me to add a card
Any new document just needs to be added to the DAP-Blueprint-Hub folder. Then tell me the document name and what it does — I'll add a card to index.html linking to it. Re-upload all files. Done.
Example: "Add a new card for acquisition.html —
it's the Client Acquisition System"

→ I update index.html with the new card
→ You add acquisition.html to the folder
→ Upload all files to Netlify
→ New card is live
Reference
Common Issues + Fixes
Site loads but shows blank page or error
DNS is still propagating. Wait 30 minutes and refresh. If it's been more than 2 hours, double-check the CNAME record in Namecheap — the Host should be exactly "blueprint" and the Value should be your full Netlify URL including .netlify.app
PIN screen appears but won't unlock
Make sure you updated the PIN in index.html before uploading. The default is 1234. Open index.html in a text editor, find const CORRECT_PIN, check what it says, and try that PIN.
Document cards show but clicking them gives a 404 error
One or more of the 9 files didn't upload correctly. Go back to Netlify, drag all 9 files again. Make sure you're uploading the files — not the folder itself.
Site shows as "Not Secure" — no padlock
Netlify's free SSL certificate can take up to 1 hour after DNS propagates. It resolves on its own — just wait. If it's been more than 4 hours, go to Netlify → Site configuration → Domain management → and click "Renew certificate."
Email address shows as [email protected] on documents
This is Cloudflare email obfuscation. It's a display issue only — it doesn't affect functionality. The hub documents already use plain text to avoid this. If it appears on the main website, tell me and I'll fix it.
DAP
When Everything Is Live
DAP Creative Co. is fully operational.
✓
dapcreativeco.com — client-facing brand presence
✓
blueprint.dapcreativeco.com — full internal operations hub
✓
[email protected] — professional email
✓
cal.com/dapcreativeco/discovery — client booking
✓
8 operational documents — strategy through execution
✓
DeeRugs running as Client #1 — proof of concept live