{ "schemaVersion": 2, "id": "57", "slug": "property-listing", "name": "Property Listing", "brand": "NORTH / Residential", "family": "Small business", "status": "ready", "thesis": "Give a place room to speak, and its facts a place to stay.", "suitableFor": [ "Real estate", "Property management", "Lettings" ], "character": "Restrained", "traits": { "composition": "deep-green property folio with large photography and a persistent facts rail", "navigation": "Listing filters, property detail and viewing request", "typography": "DM Sans", "density": "Medium", "imagery": "Residential exterior and interior photographs with a labelled schematic floorplan", "surface": "White and forest-green property panels", "motion": "Minimal" }, "effort": "Medium", "definingFeatures": [ "Listing filters", "Property facts", "Floorplans" ], "adaptableChoices": [ "Verified business content", "Brand and subject", "Equivalent licensed typefaces" ], "discovery": { "industries": [ "Real estate", "Property management", "Lettings" ], "visitorGoals": [ "Find a property" ], "conversionActions": [ "Request a viewing" ], "siteSize": "Searchable catalogue", "interactionTypes": [ "Listing search", "Floorplan", "Viewing request" ], "keywords": [ "Real estate", "Property management", "Lettings", "Request a viewing", "Searchable catalogue", "Listing filters", "Property facts", "Floorplans", "Neighbourhood guide", "small business", "local business" ] }, "patterns": [ "Listing filters", "Property facts", "Floorplans", "Neighbourhood guide" ], "entryRoute": "/preview/57-property-listing/start", "states": [ { "key": "property", "label": "Property details", "route": "/preview/57-property-listing/property" }, { "key": "viewing", "label": "Viewing request", "route": "/preview/57-property-listing/viewing" } ], "referenceImages": [ { "file": "/previews/57/desktop.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/57/f957dfb83ac80927-desktop.jpg", "route": "/preview/57-property-listing/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:6bec85e54d2c9db870f27926f9bc581864911e67052fbce0638bc9dd9946e000", "sha256": "f957dfb83ac8092734daf402ddb7cfdda0b97ab792b571b693b308943e697b52", "fullPage": false }, { "file": "/previews/57/mobile.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/57/88dbc6e4c0fcd065-mobile.jpg", "route": "/preview/57-property-listing/start", "viewport": { "width": 390, "height": 844 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:6bec85e54d2c9db870f27926f9bc581864911e67052fbce0638bc9dd9946e000", "sha256": "88dbc6e4c0fcd06508de962fd98a098afe3de9e3d2b4952a54441c1d61b544ff", "fullPage": false }, { "file": "/previews/57/detail.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/57/3a88a8dd82770d8e-detail.jpg", "route": "/preview/57-property-listing/property", "viewport": { "width": 1440, "height": 1000 }, "state": "property", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:6bec85e54d2c9db870f27926f9bc581864911e67052fbce0638bc9dd9946e000", "sha256": "3a88a8dd82770d8e5926804aea825f99c4b315288b74c32175f0ebbfef18e6ef", "fullPage": false }, { "file": "/previews/57/full-page.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/57/67751cfe9a6f4285-full-page.jpg", "route": "/preview/57-property-listing/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:6bec85e54d2c9db870f27926f9bc581864911e67052fbce0638bc9dd9946e000", "sha256": "67751cfe9a6f4285d937b3ec404c1c4f4fc0ad316a1589363b554b8c7c2fa441", "fullPage": true } ], "sourcePath": "src/designs/57-property-listing", "neighbours": [ "28", "20" ], "palette": { "page": "#f7f5ef", "surface": "#ffffff", "ink": "#253c35", "accent": "#31594c" }, "fonts": [ "DM Sans" ], "brief": "**Philosophy and fit.** Give a place room to speak, and its facts a place to stay. Built for real estate, property management, lettings. The visitor’s next step is to request a viewing.\n\n**Visual grammar.** Use a deep-green property folio with large photography and a persistent facts rail. Preserve the hierarchy of listing filters, property facts, floorplans, neighbourhood guide; these patterns solve this business’s actual decision, rather than supplying interchangeable decoration.\n\n**Sample and interaction.** NORTH / Residential is a fictional demonstration. The entry page establishes a complete visual direction, with property details and viewing request as supporting states. Inputs use local deterministic fixtures; no request, order, application or payment is sent.\n\n**Responsive behaviour.** On a phone, keep the primary decision first, stack facts with explicit labels, preserve the order of the workflow, and provide comfortably sized controls. Wide diagrams scale; tabular facts retain their labels.\n\n**Adaptation.** Replace the fictional brand, prices, availability, qualifications and claims with verified client information. Preserve listing filters, property facts, floorplans. Use imagery to explain the place, people, work or product, with deliberate crops and honest captions. Do not turn this into a generic hero-and-card layout.\n\n**Identity and adaptation.** Pair large photography with a persistent property-facts rail. Search and viewing requests carry the chosen listing forward; the floorplan explains spatial arrangement rather than acting as decoration.", "scope": "Complete visual reference with local sample interactions; no production business backend.", "downloadUrl": "/downloads/57-property-listing.zip" }