{
 "slug": "sillage",
 "name": "Sillage",
 "title": "Sillage, a free creative agency website template",
 "kind": "Website for a creative agency or production house, with a portfolio, services, team and studio",
 "summary": "A one-page site for a Paris creative agency and production house working for fashion, beauty and fragrance brands. Black and white, uppercase, hairline-ruled tables, colour only from the photos; the width-filling wordmark carries an offset black trail that splits apart as you scroll, and one project grows from the grid into a full-screen stage.",
 "fits": [
  "creative, advertising or branding agency",
  "photo, film or production company",
  "design or architecture studio portfolio",
  "fashion, beauty or luxury services",
  "a studio or venue that also rents its space"
 ],
 "categories": [
  "Agency and studio"
 ],
 "tags": [
  "agency",
  "creative agency",
  "production",
  "portfolio",
  "fashion",
  "luxury",
  "black and white",
  "editorial",
  "typography",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 106,
 "photos": 22,
 "fonts": [
  "Instrument Sans",
  "Mozilla Headline"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: wordmark, two groups of section links; phone menu overlay with email and phone"
  },
  {
   "key": "hero",
   "id": "hero",
   "heading": "Sillage, creative agency and production house I L L A G E",
   "about": "first screen: width-filling cut wordmark, a ruled info line, a full-bleed campaign photo (demo: SILLAGE)"
  },
  {
   "key": "manifesto",
   "id": "manifesto",
   "heading": "Not what a brand says. What stays in the room.",
   "about": "four width-filling statement lines, a lead, two paragraphs and a ruled line of six verbs"
  },
  {
   "key": "works",
   "id": "works",
   "heading": "Selected work",
   "about": "portfolio: a ruled filter bar over an asymmetric grid of eight projects, plus a reel button"
  },
  {
   "key": "feature",
   "id": "feature",
   "heading": "The Amber Hour",
   "about": "one featured project on a full-screen stage: tags, giant title, client line, credits, button (demo: The Amber Hour)"
  },
  {
   "key": "clients",
   "id": "clients",
   "heading": "Houses we keep company with",
   "about": "a looping row of client names set in the wordmark face"
  },
  {
   "key": "expertise",
   "id": "expertise",
   "heading": "Five rooms. One roof.",
   "about": "dark section: a portrait and five ruled service rows, each with a title and tags"
  },
  {
   "key": "method",
   "id": "method",
   "heading": "From first line to last frame",
   "about": "four numbered process steps as a horizontal storyboard (demo: Write, Build, Shoot, Finish & scale)"
  },
  {
   "key": "studio",
   "id": "studio",
   "heading": "Studio Sillage, Montreuil",
   "about": "a space for hire: large photo, text, five ruled spec rows and a booking button"
  },
  {
   "key": "crew",
   "id": "crew",
   "heading": "The people in the room",
   "about": "team: six portraits with names and roles, and a hiring line"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Tell us what should stay",
   "about": "contact: the main email as a width-filling line, four ruled desks with names, emails, phones, addresses"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "the SILLAGE wordmark again, copyright, social links and the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/creative-agency-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for <your agency or studio: what you do, for whom, your clients and projects, your team, where you are>. Keep the layout, the motion and the single-file format; replace the brand name and wordmark, copy, projects, client names, people, photos, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/sillage/",
  "md": "https://8b.com/templates/sillage.md",
  "json": "https://8b.com/templates/sillage.json",
  "demo": "https://8bsite.github.io/creative-agency-website-template/",
  "repo": "https://github.com/8bsite/creative-agency-website-template",
  "zip": "https://github.com/8bsite/creative-agency-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=creative-agency-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/creative-agency-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/creative-agency-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/sillage/desktop.webp",
  "phone": "https://8b.com/templates/sillage/phone.webp",
  "clip": "https://8b.com/templates/sillage/scroll.mp4",
  "og": "https://8b.com/templates/sillage/og.jpg"
 },
 "github": {
  "repo": "8bsite/creative-agency-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "website-template",
   "free-template",
   "landing-page",
   "creative-agency",
   "agency-website",
   "portfolio-website",
   "html5",
   "css",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "no-build",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}