Marlowe

For one occupied community. Bone and deep navy with a single bronze rule, italic Fraunces headings over Figtree, square corners and hairline rules in place of cards.

The picture the Marlowe site shows when a link to it is shared

Marlowe includes 13 pages.

“A page each” means one page for every item, such as one for every floor plan.

  • Home
  • Amenities
  • Gallery
  • Neighborhood
  • Contact
  • Floorplans
  • Floorplans, a page each
  • Residents
  • Schedule a tour
  • Accessibility
  • Privacy policy
  • Faqs
  • Apply

The pages of Marlowe offer 5 tools an assistant can use.

A tool is something a visitor's AI assistant can do on the page, such as request a tour. The pages describe their tools to the assistant through WebMCP, a browser standard.

  • request_tourWebMCP

    Request a tour of the community: the visitor's name, email and phone, the day they would like to visit, and the floor plan they are interested in.

  • send_messageWebMCP

    Send the leasing office a message: the visitor's name, email, an optional phone and move-in date, and what they want to ask.

  • start_applicationWebMCP

    Start an application for a home, or join a plan's waitlist: the visitor's name, email and phone, the floor plan they want, the move-in date they would like, and a message.

  • list_floorplansWebMCP

    The community's floor plans, each with beds, baths, size, the published rent range and how many apartments are available.

  • list_unitsWebMCP

    The apartments, each with its floor plan, size, rent, status and the date it is free; filter by status, beds or floor plan.

Marlowe has its own colours, fonts and corners.

A site you start from it keeps them until you ask Clutch to change them.

The Marlowe is a brick apartment house on the Tennessee riverfront, and the site is painted from that hour: a bone ground, one deep navy as the only heavy colour (header, tour band, footer, buttons), a warm near-black for type, and a single bronze rule spent on the mark under each heading and on the specials bar, never on buttons. Type pairs an italic old-style display (Fraunces) with a quiet grotesque body (Figtree): every section heading is set in italic, list titles and prices are upright semibold, and small-capital labels sit above. Shape is square: 2px corners, no shadows, and hairline rules in place of boxes and cards, with bands alternating bone and a slightly darker bone. The home page opens on the building's name over a full-bleed photograph that fades into navy, then the plans as a ruled price list, the amenities beside a photograph, one more photograph, the neighborhood with its map, a quiet photo strip, resident notes set as plain italic lines, and a navy closing band with the office and the tour form. A price is always the total monthly price with its label first and the rent after it; fees sit in ruled tables grouped by when they are paid. Photographs and plan drawings open large in a bone lightbox with ink-outlined Previous, Next and Close. It should read as a small-press brochure for a brick building, not a lifestyle poster.

Colours

  • backgroundBackground
    #f9f6f0
  • foregroundForeground
    #221813
  • card
    #f9f6f0
  • card-foreground
    #221813
  • primaryPrimary
    #0f1e2d
  • primary-foregroundPrimary foreground
    #f9f6f0
  • mutedMuted
    #ebe8e1
  • muted-foregroundMuted foreground
    #4b403a
  • accentAccent
    #a38043
  • accent-foreground
    #221813
  • borderBorder
    #d4d0c8
  • on-photoOn photo
    #f6f3ec

Fonts

  • FrauncesHeadings
  • FigtreeText

Corners

Slightly rounded corners, 2px

Clutch keeps every change consistent with the rules of Marlowe.

They say what its pages always do and never do

Always

  • Set every section heading in type-h2, italic, with the bronze mark under it.
  • Set list titles and prices upright in type-title-lg or type-title.
  • Put a type-label line in uppercase above a section heading.
  • Rule sections, lists and tables with a 1px border-border line instead of boxing them.
  • Spend navy (bg-primary) on the header, the tour band, the footer and buttons only.
  • Show a plan's total monthly price with its label before its rent, and list every fee in the Fees Table.
  • Give every link, button and field a 2px focus ring: outline-foreground on bone, outline-on-photo on navy.

Never

  • Use bronze (color.accent) on a button.
  • Lift anything with a shadow but the floating search bar.
  • Round a corner past rounded-md.
  • Set type over a photograph without gradient-fade or a navy band under it.
  • Show people in a photograph of the homes or the building.

Start your own site from Marlowe.

Name it, and Clutch copies Marlowe into a new site under that name and opens it for you to change by asking.