# 21Oaks Student Apartments • USC & Williams-Brice — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://21oaks.org/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:32:37.357Z at 1440×1000 — https://21oaks.org/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

21Oaks Student Apartments features a soft, slightly playful, and editorial aesthetic characterized by a delicate color palette (lavenders, soft creams, off-whites, and deep charcoals/blacks for contrast), elegant serif typography ('Exposure'), and curved or organic design accents. The layout incorporates generous whitespace, creating a relaxed, modern feel appropriate for upscale student living.

## Classification

- Industry: other
- Site type: Landing
- Business model: Other
- Styles: soft, editorial, hand-drawn, organic
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Exposure — weight 400; size 93.6px; line-height 103px; tracking -1.9px; Regular (100% role confidence, computed values)
- Heading: Exposure — weight 400; size 72px; line-height 64.8px; tracking normal; Regular (95% role confidence, computed values)
- Body: Exposure — weight 400; size 18px; line-height 21.6px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Text — text #292929: color-2: computed rgb(41, 41, 41); AI role: Dark gray (#292929) used heavily for main typography. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White background used for many sections. (90% role confidence, computed values)
- Surface — surface #121214: color-3: computed rgb(18, 18, 20); AI role: Dark gray/black (#121214) used for the footer background. (90% role confidence, computed values)
- Primary Action — primary action #E8CEFF: color-5: computed rgb(232, 206, 255); AI role: Lavender (#E8CEFF) used for buttons, interactive elements, and hover states. (90% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "66.2px",
    "lineHeight": "66.2px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h2",
        "text": "Made foreveryday living",
        "top": 5389,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "everyday",
        "top": 5455,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Where student lifefeels balanced",
        "top": 7836,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "93.6px",
    "lineHeight": "103px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Everything you‍need, within reach",
        "top": 13848,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "need",
        "top": 13951,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "86.4px",
    "lineHeight": "60.5px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Real studentexperiences",
        "top": 16708,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Real",
        "top": 16708,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "72px",
    "lineHeight": "64.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "Live better,closer to USC",
        "top": 754,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "better,",
        "top": 754,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "72px",
    "lineHeight": "50.4px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Just outsideyour door",
        "top": 14600,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "outside",
        "top": 14600,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "66.2px",
    "lineHeight": "76.2px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Everything studentliving should be",
        "top": 1172,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "should be",
        "top": 1248,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "64.8px",
    "lineHeight": "50.5px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Closer thanyou think",
        "top": 12928,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Closer",
        "top": 12928,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Click “Apply Now,” choose your lease term and floor plan, and complete the online application. If ap",
        "top": 18190,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Each resident signs an individual lease and is only responsible for their portion of the rent.",
        "top": 18229,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "To guarantee your bed space, you’ll need a signed lease agreement. Leases are generated once your ap",
        "top": 18276,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "21.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "Apartments",
        "top": 19691,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Amenities",
        "top": 19717,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Location",
        "top": 19742,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "10.8px",
    "lineHeight": "10.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "4 Bed",
        "top": 8237,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "2 Baths",
        "top": 8234,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "1,108",
        "top": 8232,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "17.3px",
    "lineHeight": "17.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Campus",
        "top": 14198,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Daily Essentials",
        "top": 14253,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Food & Social Spots",
        "top": 14309,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "21.6px",
    "lineHeight": "21.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Grilling Courtyard",
        "top": 14862,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Resort-Style Pool",
        "top": 14862,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Study Spaces",
        "top": 14862,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "9.4px",
    "lineHeight": "9.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Explore Details",
        "top": 8378,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Explore Details",
        "top": 8366,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Explore Details",
        "top": 8378,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "11.5px",
    "lineHeight": "11.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Within reach",
        "top": 690,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Built for focus",
        "top": 596,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Comfort in every corner",
        "top": 590,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "12.2px",
    "lineHeight": "18.4px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Freshly renovated and upgraded. Minutes from Williams-Brice. Designed for focused mornings, long nig",
        "top": 916,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Host easy evenings with friends in the outdoor social zone.",
        "top": 15296,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Unwind, cool off, and recharge between classes.",
        "top": 15296,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "16.8px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "From campus to everyday essentials — everything is closer than you think.",
        "top": 14149,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Sounds like a fit? Apply now or book a tour.",
        "top": 16082,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Explore different layouts, compare options, and choose a space that fits your routine, lifestyle, an",
        "top": 15876,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "20.9px",
    "lineHeight": "20.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "D1",
        "top": 8275,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "D1 Premium",
        "top": 8258,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "D2",
        "top": 8275,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "18.7px",
    "lineHeight": "18.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "695.00",
        "top": 8262,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "730.00",
        "top": 8276,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "760.00",
        "top": 8264,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "12.2px",
    "lineHeight": "12.2px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Discover",
        "top": 19659,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Contact",
        "top": 19659,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Office Hours",
        "top": 19941,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "11.8px",
    "lineHeight": "11.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "© B.HOM Student Living",
        "top": 20788,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Website by",
        "top": 20786,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Artemii Lebedev",
        "top": 20786,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "10.7px",
    "lineHeight": "13.9px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "A 4-bedroom layout that gives everyone their own space to unwind, recharge, and stay focused while s",
        "top": 8293,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "An elevated 4-bedroom layout with refined interiors, warm shared spaces, and a more curated atmosphe",
        "top": 8289,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "A spacious 4-bedroom layout designed for students who enjoy a more social atmosphere, combining open",
        "top": 8294,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "10.1px",
    "lineHeight": "10.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Available",
        "top": 8019,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Available",
        "top": 8006,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Available",
        "top": 8019,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "8.1px",
    "lineHeight": "0px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "sup",
        "text": "2",
        "top": 8227,
        "property": "font"
      },
      {
        "tag": "sup",
        "text": "2",
        "top": 8230,
        "property": "font"
      },
      {
        "tag": "sup",
        "text": "2",
        "top": 8228,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "41.8px",
    "lineHeight": "41.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "21Oaks",
        "top": 19659,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Your space. Still on.",
        "top": 19701,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Still on.",
        "top": 19701,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "14.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "3 min",
        "top": 14198,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "5 min",
        "top": 14253,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "10 min",
        "top": 14309,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "15.1px",
    "lineHeight": "15.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Private space",
        "top": 5910,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Shared spaces",
        "top": 6823,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Your space to reset and focus",
        "top": 5929,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Room to connect, relax, and live beyond your apartment",
        "top": 6842,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "12.2px",
    "lineHeight": "12.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Simple Move-In",
        "top": 15712,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Back to top",
        "top": 20283,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Menu",
        "top": 27,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Schedule a Tour",
        "top": 27,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "44.6px",
    "lineHeight": "44.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Find your place.Make it yours.",
        "top": 18656,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "30.2px",
    "lineHeight": "36.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "“I can't say enough about how great all of the improvements are going. The entire leasing team went ",
        "top": 16978,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "23px",
    "lineHeight": "26.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Designed around your routine, so everything feels easy and connected. From campus to everyday essent",
        "top": 14149,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "18.7px",
    "lineHeight": "18.7px",
    "letterSpacing": "-0.2px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "21Oaks",
        "top": 23,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "15.8px",
    "lineHeight": "20.6px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Didn’t find what you werelooking for?",
        "top": 18352,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "20.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Everything you might want to know before moving in.",
        "top": 18139,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "12.7px",
    "lineHeight": "12.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Emily Carter",
        "top": 17221,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "11.5px",
    "lineHeight": "12.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Designed to recharge",
        "top": 436,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Exposure",
    "fontStack": "Exposure, Georgia, sans-serif",
    "weight": "400",
    "size": "9.2px",
    "lineHeight": "9.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Apply Now",
        "top": 28,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 92,
    "contexts": [
      {
        "tag": "body",
        "text": "He sido nominado como submission.awardCategory.nameHonors en Awwwards. .content_above { pointer-even",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "21Oaks",
        "top": 23,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 30,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#292929",
    "alpha": 1,
    "cssValue": "rgb(41, 41, 41)",
    "count": 115,
    "contexts": [
      {
        "tag": "div",
        "text": "Schedule a Tour",
        "top": 27,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 27,
        "property": "svg-fill"
      },
      {
        "tag": "h2",
        "text": "Everything studentliving should be",
        "top": 1172,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#121214",
    "alpha": 1,
    "cssValue": "rgb(18, 18, 20)",
    "count": 61,
    "contexts": [
      {
        "tag": "footer",
        "text": "21OaksYour space. Still on.DiscoverApartmentsAmenitiesLocationGalleryHow to applyContactContact21 Na",
        "top": 19604,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 20583,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 0.27058823529411763,
    "cssValue": "rgba(0, 0, 0, 0.27)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 14841,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#E8CEFF",
    "alpha": 1,
    "cssValue": "rgb(232, 206, 255)",
    "count": 39,
    "contexts": [
      {
        "tag": "a",
        "text": "Schedule a Tour",
        "top": 15,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Apply Now",
        "top": 12,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Schedule a Tour",
        "top": 18843,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FEB7B9",
    "alpha": 1,
    "cssValue": "rgb(254, 183, 185)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Apply in minutesComplete your application online in just a few steps. The process is simple, fast, a",
        "top": 15940,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#F3EDE6",
    "alpha": 1,
    "cssValue": "rgb(243, 237, 230)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Move in, settle fastOnce approved, everything is ready for your arrival. Move in seamlessly and star",
        "top": 16169,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#000000",
    "alpha": 0.34901960784313724,
    "cssValue": "rgba(0, 0, 0, 0.35)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 891,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFF27D",
    "alpha": 1,
    "cssValue": "rgb(255, 242, 125)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 403,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#B8A4C9",
    "alpha": 1,
    "cssValue": "rgb(184, 164, 201)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "balanced",
        "top": 7902,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.10980392156862745,
    "cssValue": "rgba(0, 0, 0, 0.11)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "CloseMenuSchedule a Tour",
        "top": 12,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#DAEBC8",
    "alpha": 1,
    "cssValue": "rgb(218, 235, 200)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Available",
        "top": 8014,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#282828",
    "alpha": 0.2,
    "cssValue": "rgba(41, 41, 41, 0.2)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "How do I apply for an apartment?Click “Apply Now,” choose your lease term and floor plan, and comple",
        "top": 18139,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFDA55",
    "alpha": 1,
    "cssValue": "rgb(255, 218, 85)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 20555,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#364F1B",
    "alpha": 1,
    "cssValue": "rgb(54, 79, 27)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8025,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections, utilizing extensive whitespace to separate content blocks and allow the large typography to breathe.
- Corner style: Slightly rounded corners on buttons, cards, and image containers, contributing to the soft visual style.
- Radius: Small to medium border radii (e.g., on feature cards and small pill-shaped tags).
- Borders: Mostly borderless designs relying on color contrast and drop shadows, except for thin subtle dividers or borders on specific buttons.
- Buttons: Pill-shaped or rounded rectangle buttons, often in the primary lavender color or as bordered options, frequently featuring an arrow icon.
- Content width: Wide, often edge-to-edge for background colors and large imagery, with text content constrained to readable central columns or structured split grids.
- Density: Low density; the design heavily favors open space, large text, and isolated imagery over packed information.
- Evidence: Observed via the structural layout of DOM elements, CSS padding/margins implied by whitespace, and visual styling of buttons/cards.

## Sections

Gallery section count: 16. Each entry corresponds to one gallery capture.

1. **Hero — Live Better Near USC** (Home)
   AI suggestion (98% confidence): Complete, substantial hero with full-bleed apartment photography, prominent value proposition, supporting copy, primary actions, and an integrated image-thumbnail gallery.
   Capture: 1440×1005px; page bounds 0–1005px of 20824px; source section ID: `2c4a83e6-ff58-4eb7-b900-1f58fdf8af83`; image: https://media.designdetails.io/library/165138f9ba7b6fa9198ba0bf4b0d33a410f56b20d115d527c40f1824a93a2f8d/2c4a83e6-ff58-4eb7-b900-1f58fdf8af83.webp
   SECTION.md v3.2: `2c4a83e6-ff58-4eb7-b900-1f58fdf8af83` (deterministic evidence; editorial review pending)
2. **Features — Closer than you think** (Home)
   Reusable feature composition from Home, organized around “Closer than you think”.
   Capture: 1440×979px; page bounds 12852–13831px of 20824px; source section ID: `d919e587-e8b3-49f3-b014-e1328eacd066`; image: https://media.designdetails.io/library/286ad9334587f77e3808504a2e24b7717c4debd8d1d6b072c4d4fc97fc0ef6e5/section_crop-d919e587-2026-10-10T05-32-48-470Z.webp
   SECTION.md v3.2: `d919e587-e8b3-49f3-b014-e1328eacd066` (deterministic evidence; editorial review pending)
3. **FAQ — Frequently asked questions** (Contact)
   FAQ composition from Contact, organized around “Frequently asked questions”.
   Capture: 1440×2085px; page bounds 2127–4212px of 4213px; source section ID: `53959f52-ac43-4484-b208-c2283010c18b`; image: https://media.designdetails.io/library/000c2a06d2e5fac6ce132789fd98dcc2fadba3458f11358d8cfc6c224cbd7224/section_crop-53959f52-2026-10-10T06-38-17-207Z.webp
   SECTION.md v3.2: `53959f52-ac43-4484-b208-c2283010c18b` (deterministic evidence; editorial review pending)
4. **Features — Real student experiences** (Home)
   Reusable feature composition from Home, organized around “Real student experiences”.
   Capture: 1440×1191px; page bounds 16548–17739px of 20824px; source section ID: `26506757-6afe-492e-a48d-4dd5cfb9f630`; image: https://media.designdetails.io/library/538b0aaad1804e1dabf6c0d0341db2b8a5e0e20359868730a871d8e349d9c961/section_crop-26506757-2026-10-10T05-32-54-018Z.webp
   SECTION.md v3.2: `26506757-6afe-492e-a48d-4dd5cfb9f630` (deterministic evidence; editorial review pending)
5. **Features — 21Oaks Student Apartments • USC & Williams-Brice Features** (Home)
   Reusable feature composition from Home, organized around “21Oaks Student Apartments • USC & Williams-Brice Features”.
   Capture: 1440×2219px; page bounds 18604–20823px of 20824px; source section ID: `15594a8b-d133-487e-bf23-f844f4421819`; image: https://media.designdetails.io/library/4cce72840e2ddfd5510fb7c1ba287a48f0ddde747004bb852ef64611cce45da1/section_crop-15594a8b-2026-10-10T05-32-57-339Z.webp
   SECTION.md v3.2: `15594a8b-d133-487e-bf23-f844f4421819` (deterministic evidence; editorial review pending)
6. **Contact — Contact Details and Inquiry Form** (Contact)
   AI suggestion (98% confidence): Complete two-column contact section with phone, email, office hours, social links, and a substantial inquiry form with a clear heading and ending.
   Capture: 1440×984px; page bounds 138–1122px of 4213px; source section ID: `27678b9b-0dd3-4cda-98b0-271588e473b9`; image: https://media.designdetails.io/library/cf55362bd8ca1b3df3b888373d7db3baec286da2922cbb35874165beadedeaf2/27678b9b-0dd3-4cda-98b0-271588e473b9.webp
   SECTION.md v3.2: `27678b9b-0dd3-4cda-98b0-271588e473b9` (deterministic evidence; editorial review pending)
7. **Other — Neighborhood Amenities Map** (Contact)
   AI-proposed category: map
AI suggestion (95% confidence): Self-contained interactive-style neighborhood map pairing categorized local destinations with multiple location markers; a strong reusable location-exploration component.
   Capture: 1440×990px; page bounds 1125–2115px of 4213px; source section ID: `ad183497-77bd-4206-9735-b3a2ec73cd06`; image: https://media.designdetails.io/library/cc894ad4728de96de7cbe5f45b7532b4db069ea0dbabd1bcb79687ad4139f595/ad183497-77bd-4206-9735-b3a2ec73cd06.webp
   SECTION.md v3.2: `ad183497-77bd-4206-9735-b3a2ec73cd06` (deterministic evidence; editorial review pending)
8. **Footer — 210aKS Illustrated Site Footer** (Contact)
   AI suggestion (97% confidence): Complete, substantial footer with property branding, discovery links, contact details, office hours, legal links, social icons, back-to-top control, copyright, and a distinctive full-width line-art interior illustration.
   Capture: 1440×1182px; page bounds 3031–4213px of 4213px; source section ID: `00bbedb5-a9bd-4906-8980-c9cc1d55084f`; image: https://media.designdetails.io/library/511541ca9d422d28f341e986a5d3d8b16c19aa11f736da2d6976c0b1870363f0/00bbedb5-a9bd-4906-8980-c9cc1d55084f.webp
   SECTION.md v3.2: `00bbedb5-a9bd-4906-8980-c9cc1d55084f` (deterministic evidence; editorial review pending)
9. **Gallery — Made for Everyday Living Space Gallery** (Home)
   AI suggestion (94% confidence): Complete, self-contained showcase of private and shared student-living spaces, using a distinctive asymmetrical editorial image layout with concise captions.
   Capture: 1440×2139px; page bounds 5386–7525px of 20824px; source section ID: `81db11ff-9e53-47d1-9c16-e15bcf48b324`; image: https://media.designdetails.io/library/66e15f9521f518c3770cce12e6365e9b048db784d604ac84e6e1b284b79fbdb3/81db11ff-9e53-47d1-9c16-e15bcf48b324.webp
   SECTION.md v3.2: `81db11ff-9e53-47d1-9c16-e15bcf48b324` (deterministic evidence; editorial review pending)
10. **Pricing — Student housing floor-plan listings** (Home)
   AI-proposed category: listing-grid
AI suggestion (84% confidence): Complete lavender showcase with a prominent student-life heading and two fully visible, angled accommodation cards containing photos, specifications, prices, descriptions, and detail actions.
   Capture: 1440×897px; page bounds 9108–10005px of 20824px; source section ID: `5523cfc3-6e36-4013-99b8-5d22b02bbff4`; image: https://media.designdetails.io/library/bc876a6d33b9f70174c6d9ab33516a36347a4052ac38ba20bbd1f7c025d239ae/5523cfc3-6e36-4013-99b8-5d22b02bbff4.webp
   SECTION.md v3.2: `5523cfc3-6e36-4013-99b8-5d22b02bbff4` (deterministic evidence; editorial review pending)
11. **Stats — Everything Within Reach** (Home)
   AI suggestion (94% confidence): Complete proximity overview with a strong heading, travel-time indicators, and supporting copy arranged as a self-contained informational section.
   Capture: 1440×588px; page bounds 13846–14434px of 20824px; source section ID: `76388de5-b2c5-4658-a18d-7028d1a9840f`; image: https://media.designdetails.io/library/6aee083ff35421546019a54230af4e8a1d4b75afee4db448e392d181443e0b4f/76388de5-b2c5-4658-a18d-7028d1a9840f.webp
   SECTION.md v3.2: `76388de5-b2c5-4658-a18d-7028d1a9840f` (deterministic evidence; editorial review pending)
12. **Gallery — Just Outside Your Door Amenities** (Home)
   AI suggestion (86% confidence): Complete amenities showcase with heading, discovery CTA, and a cohesive row of large captioned lifestyle images.
   Capture: 1440×780px; page bounds 14593–15373px of 20824px; source section ID: `b37df918-cb09-4c77-8789-ae4bd242ea43`; image: https://media.designdetails.io/library/7da9089d28be128b6e88deaca86e5b3a6728c46571756fcdc2e81441b22b5b1b/b37df918-cb09-4c77-8789-ae4bd242ea43.webp
   SECTION.md v3.2: `b37df918-cb09-4c77-8789-ae4bd242ea43` (deterministic evidence; editorial review pending)
13. **Process — Simple Move-In Process** (Home)
   AI suggestion (97% confidence): Complete “How it Works” section with a clear heading, tour CTA, and three visually distinct sequential steps covering discovery, application, and move-in.
   Capture: 1440×690px; page bounds 15708–16398px of 20824px; source section ID: `2a1634c1-d6fc-48ef-9829-d78d5f769dd1`; image: https://media.designdetails.io/library/b6420528c20f4a6e212c7efc28b6614d64825dbaee8a9d4d4d9fb1dd9439acbd/2a1634c1-d6fc-48ef-9829-d78d5f769dd1.webp
   SECTION.md v3.2: `2a1634c1-d6fc-48ef-9829-d78d5f769dd1` (deterministic evidence; editorial review pending)
14. **Testimonials — Real Student Experiences** (Home)
   AI suggestion (94% confidence): Self-contained testimonial component with a prominent section heading, customer avatar selector, named student, and a substantial centered quote.
   Capture: 1440×744px; page bounds 16695–17439px of 20824px; source section ID: `f3569fdc-e0f5-4275-a080-808df6062bf2`; image: https://media.designdetails.io/library/8ed24a899ac13dfb18f0403efaa34a3204b178094290a8fecdbaaeca039b2ea6/f3569fdc-e0f5-4275-a080-808df6062bf2.webp
   SECTION.md v3.2: `f3569fdc-e0f5-4275-a080-808df6062bf2` (deterministic evidence; editorial review pending)
15. **CTA — Find Your Place Tour CTA** (Home)
   AI suggestion (98% confidence): Complete conversion section pairing a large residential interior photograph with a bold lavender message panel and tour-scheduling action.
   Capture: 1440×1005px; page bounds 18607–19612px of 20824px; source section ID: `9b248a07-2f5e-466e-b31b-e363741d5c7a`; image: https://media.designdetails.io/library/f9936fe7768fdf6d2b28ca05ccd0ab64c7a7f32fe2af00ff3e5ec02effb808d6/9b248a07-2f5e-466e-b31b-e363741d5c7a.webp
   SECTION.md v3.2: `9b248a07-2f5e-466e-b31b-e363741d5c7a` (deterministic evidence; editorial review pending)
16. **Footer — 210 Oaks Illustrated Footer** (Home)
   AI suggestion (99% confidence): Complete, substantial footer with branding, discovery links, contact details, office hours, legal links, social icons, and a distinctive full-width line-art illustration.
   Capture: 1440×1212px; page bounds 19612–20824px of 20824px; source section ID: `9d5c5bb5-3e35-4306-9ffd-dc1123b7263e`; image: https://media.designdetails.io/library/8e5ac76e70b9566a593f95bed46d493c8fc68a59274fa9f75ce014881ca758e9/9d5c5bb5-3e35-4306-9ffd-dc1123b7263e.webp
   SECTION.md v3.2: `9d5c5bb5-3e35-4306-9ffd-dc1123b7263e` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d0bc21fea1e2e5ac5ba4b12da4061b5a2c96c7c6195676c1bf72e02553963bb0/desktop_full-7b252936-2026-10-10T05-32-37-370Z.jpg
- Mobile screenshot: https://media.designdetails.io/library/8d1ad9be1ea4b0f42f9ab37644c9c684abf03196d6ed236d8e49abc358fab581/mobile_full-7b252936-2026-10-10T05-33-36-524Z.webp
- Open Graph image: https://media.designdetails.io/library/91fcc1982188388f024d2dc513ea8fc3e2cd5bd8056c78bc32aa34ee2ed45393/og_image-7b252936-2026-10-10T05-32-44-936Z.webp
- Full-page video: https://media.designdetails.io/library/9b458b67465fa2b382cfe5337c841f7fc994f4176c7849dc2f855b55d95dca9f/motion-1791620544836.mp4
- Video poster: https://media.designdetails.io/library/173843a1e40b35bbed59979b366b836f477b4cb6e7d745805797605449e5eda3/motion-poster-1791620544836.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Testimonial Card
- Footer
- Outline Button
- Tilted Card Grid
- Hand Drawn Underline
- Product Card
- Feature Collection

## Quality rubric

Overall: 56.15/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: 21Oaks executes a currently fashionable pastel-editorial, scroll-heavy real-estate template with real consistency — one serif family, one accent color, and a repeating sticky/scroll-reveal vocabulary carried competently from hero to footer — but the component and motion choices are drawn almost entirely from a well-worn 'Awwwards nominee' formula, and the typographic sizing lacks a disciplined scale, which together keep the overall result at a competent, polished-but-derivative level rather than a distinctive or landmark one.

- Typography (15%): 56 — A single serif family ('Exposure') is used end-to-end, giving the page a consistent editorial voice, and large display sizes with tight negative letter-spacing create a confident hero statement. However the measured font list shows an unusually large number of one-off sizes (66.2px, 72px, 64.8px, 86.4px, 93.6px for headings alone, plus dozens of micro-sizes like 8.1px, 9.2px, 9.4px, 10.1px, 10.7px, 10.8px for UI labels) rather than a disciplined modular scale. This reads as ad-hoc per-component sizing rather than a designed type system, and very small sizes in a serif at normal weight raise legibility concerns for UI labels.
- Color (10%): 60 — The palette is restrained and purposeful: white/cream canvas, dark charcoal (#292929) body text, near-black (#121214) footer, and a consistent lavender (#E8CEFF) carried through CTAs and hover accents. Small supporting accents (mint #DAEBC8 'Available' tag, coral #FEB7B9, cream #F3EDE6) are used sparingly for status/section differentiation rather than decoration. This is cohesive and tasteful but follows a now-common soft-pastel-editorial palette seen across many similar lifestyle/rental sites.
- Layout (20%): 63 — The page demonstrates a reasonably coherent structural system across many sections: a hero with image carousel thumbnails, a private/shared-space feature list, a tilted floor-plan card grid, sticky-text-over-scrolling-image amenity sections, a progress-bar distance list, an accordion FAQ, and a footer with embedded line art. Generous whitespace and large type give the page room to breathe, and the asymmetric tilted-card pattern breaks grid monotony with intent. The system holds together section to section, which supports a 'good' rather than merely 'competent' rating, though it stops short of 'strong' because the component vocabulary (hero + feature grid + card carousel + sticky reveal + FAQ + footer) is a very standard long-scroll marketing template structure rather than a layout idea built specifically for this content.
- Motion (20%): 60 — Motion is used extensively and with apparent directional consistency (forward and reverse scroll trigger matching animations), covering fades, scale/translate reveals, sticky pinning, horizontal card scrolling, and a traced line-drawing footer illustration. This breadth is genuine craft effort, but every individual technique (staggered fade-ins, sticky text over scrolling imagery, horizontal card reveal, line-draw SVG at the footer) is a widely used scroll-trigger pattern in current agency/template work, so it reads as competent assembly of known effects rather than a distinctive motion language. No evidence was available on easing quality, frame timing, or interaction states, so those aspects cannot be credited.
- Originality (25%): 45 — The aggregate formula here — pastel editorial palette, large serif display type, hand-drawn squiggle underlines, tilted photo-card grids, horizontal scroll-card reveals, sticky pinned text over scrolling imagery, and a traced line-drawing footer illustration — is a highly recognizable template assembly common across current 'Awwwards-nominee' style marketing sites, including many property/rental sites. Nothing here constitutes a hard-to-substitute idea specific to this product or audience; the hand-drawn footer illustration and squiggle accents are the only mildly distinguishing touches, and even those are a familiar decorative device in this genre.
- Content (10%): 59 — Content is functionally matched to its containers: floor-plan cards carry bed/bath/sqft stats, price, and a tailored description; amenity tiles pair a photo with a short benefit line; the distance list ties numeric travel times to named categories; FAQ accordions hold move-in logistics; a single testimonial is attributed to a named resident. This is competent, purpose-built content-to-component pairing for a leasing site, without unnecessary filler, though it stays at a conventional level of integration (card + stat block + CTA) rather than anything structurally novel.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A large lifestyle photo of a lived-in dorm room, not an empty showroom, sets a homey mood, while a bold serif headline with a hand-drawn lilac underline adds warmth. Lots of white space between short chapters, pastel-tinted gallery blocks and small photo grids let visitors scan rooms, pool, and surroundings without feeling overwhelmed.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.