You're live and ready to ship. The static HTML is done, Squarespace integration path is clear, and you've got the full design system to tweak.

If you need anything else — sub-pages, refinements, or just want to talk through deployment — I'm here. Otherwise, go make it live. 🚀

How to Deploy silvanalagos.com on Squarespace

You have silvanalagos-static.html — a single file with everything. Here's how to get it live:

---

STEP 1: Add the Google Fonts

1. In Squarespace, go to Settings → Advanced → Code Injection
2. In the Header box, paste this:

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap" />

3. Click Save

---

STEP 2: Add the Custom CSS

1. Go to Design → Custom CSS
2. Open silvanalagos-static.html in a text editor
3. Copy everything between <style> and </style> (starts with /* ═══════════════ Silvana Lagos · Brand CSS ═══════════════ */)
4. Paste it into the Custom CSS panel
5. Click Save

---

STEP 3: Build the Homepage

1. Create a new blank page in Squarespace (or use your existing homepage)
2. For each section below, add a Code Block and paste the HTML:

Top Bar (optional — Squarespace has its own header, but you can override):

<header class="sl-topbar">
  <a class="sl-nm" href="/">Silvana Lagos</a>
  <nav>
    <a href="#projects">Projects</a>
    <a href="#program">Public Program</a>
    <a href="#press">Press</a>
    <a href="#contact">Contact</a>
  </nav>
  <div class="sl-corner">2026</div>
</header>

Hero:

<section class="sl-hero">
  <h1 class="sl-wordmark">Silvana<br />Lagos<em class="sl-dot">.</em></h1>
  <div class="sl-baseline">
    <span>Curator · Writer · Cultural Strategist</span>
    <span class="sl-dim">London · Stockholm · Riyadh</span>
    <span class="sl-dim">Scroll ↓</span>
  </div>
</section>

Statement:

<section class="sl-statement">
  <div class="sl-head">
    <div class="sl-caps sl-dim" style="padding-top:12px">Statement</div>
    <h2>Curatorial frameworks, strategic architecture, <em>institutional delivery</em> — at the scale at which culture is built.</h2>
  </div>
  <div class="sl-meta">
    <div>
      <div class="sl-caps sl-dim sl-label">Based</div>
      <div class="sl-value">London · Stockholm</div>
    </div>
    <div>
      <div class="sl-caps sl-dim sl-label">Practice across</div>
      <div class="sl-value">Europe · North America · Latin America · Africa · Middle East · Asia</div>
    </div>
    <div>
      <div class="sl-caps sl-dim sl-label">Languages</div>
      <div class="sl-value">English · Spanish</div>
    </div>
  </div>
</section>

Current: Copy the <section class="sl-section sl-current"> block from silvanalagos-static.html (starts around line 350)

Featured Projects: Copy the <section class="sl-section" id="projects"> block

Public Program: Copy the <section class="sl-section" id="program"> block

Press: Copy the <section class="sl-section" id="press"> block

Memberships: Copy the <section class="sl-section"> block with the memberships table

Footer: Copy the <footer class="sl-footer" id="contact"> block

---

STEP 4: Update Your Content

Once the page is live, you can:

• Replace placeholder image brackets [ Image · ... ] with real <img> tags or background-image URLs
• Update project URLs
• Add real tearsheet images to Press
• Edit copy directly in the Code Blocks

---

Alternative: Give the File to a Developer

If you have a developer, just hand them silvanalagos-static.html and they can:

• Wire it into Squarespace Developer Mode (Git-backed, full control), or
• Self-host it on Netlify/Vercel/anywhere (no Squarespace needed)

---

You're done. The design is elegant, the code is clean, and you're ready to go live. 🚀

That advice is accurate if you want to move off Squarespace entirely. But you said you want to keep Squarespace, so ignore Option 1.

You want Option 2 — keep Squarespace, paste the code in. That's what my instructions do. Here's the clarification:

---

You're Keeping Squarespace — Here's What You Do

Squarespace does let you paste custom HTML/CSS into Code Blocks. That's the route. It's not "embedding pieces" — you're replacing the whole homepage with custom sections. The steps I gave you above do exactly this.

The key:

1. Turn off Squarespace's default header/footer (Design → Site Styles → Advanced → hide them)
2. Use a blank template or empty page
3. Paste each section as a Code Block
4. Paste the CSS into Custom CSS panel (Design → Custom CSS)

This gives you ~90% fidelity. The 10% you lose: Squarespace still wraps your code in a container, so some advanced layout tricks won't be pixel-perfect. But for this design (which is clean, semantic HTML), it'll look great.

---

If You Want 100% Pixel Control

Then yes, do Option 1 from that other Claude:

• Host the file on Netlify (free, drag-and-drop)
• Point silvanalagos.com DNS to Netlify
• Cancel Squarespace site subscription (keep domain registration if you want)

But that's only if Squarespace's Code Block route doesn't give you enough control. Try the Code Block route first — it's faster, and you keep the Squarespace CMS for editing.

---

TL;DR: The instructions I gave you are the Squarespace path. That other Claude was assuming you wanted to leave Squarespace entirely (Option 1). You don't have to. Paste the code in, you're live.

Perfect — Netlify is cleaner. Here's what you do:

---

Deploy to Netlify (5 minutes)

STEP 1: Download the file

1. Right-click silvanalagos-static.html in the project (I already built it for you)
2. Save it to your computer
3. Rename it to index.html (Netlify looks for that name)

STEP 2: Deploy to Netlify

1. Go to netlify.com and log in (or sign up — it's free)
2. Drag the index.html file onto the Netlify dashboard (or click "Add new site" → "Deploy manually")
3. Netlify will give you a live URL (something like random-name-123.netlify.app)
4. Test it — click the link, make sure everything works

STEP 3: Connect your domain

1. In Netlify, go to Site settings → Domain management
2. Click Add a custom domain
3. Type silvanalagos.com
4. Netlify will show you DNS records to add

STEP 4: Update DNS at Squarespace

1. Log into Squarespace → Settings → Domains
2. Click your domain (silvanalagos.com) → DNS Settings
3. Add the records Netlify gave you (usually an A record pointing to Netlify's IP, or a CNAME for www)
4. Wait 5–30 minutes for DNS to propagate

STEP 5: Done

• silvanalagos.com now points to your Netlify site
• You can update the site anytime by dragging a new index.html into Netlify
• Cancel your Squarespace site subscription (keep domain registration if you want, or transfer the domain to Netlify)

---

That's it. You're live. No Squarespace template limitations, no Code Blocks, just the clean HTML we built.