# TaylorHare Architects — Design Reference Schema: Design Details DESIGN.md v3.2 Source: https://taylorhare.com/ Captured: 2026-10-10 CSS measured: 2026-10-10T05:41:15.021Z at 1440×1000 — https://taylorhare.com/ 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 The website for TaylorHare Architects features a minimal and editorial design aesthetic. The layout utilizes an asymmetrical grid with generous whitespace, counterbalancing large, sharp-edged architectural photographs with crisp, structured typography. The color palette is earthy and subdued, featuring warm beige backgrounds and deep charcoal text, punctuated by a recurring terracotta accent dot that follows the user's scroll. Typography is exclusively sans-serif, using 'Isola' in various weights and slants to create hierarchy without relying on high contrast. ## Classification - Industry: other - Site type: Portfolio - Business model: Agency - Styles: minimal, editorial, photographic, asymmetrical-grid, earthy-muted - Platform: WordPress - Technology: Not identified ## Typography - Display: Isola Book — weight 400; size 58px; line-height 64.8px; tracking normal; uppercase (90% role confidence, computed values) - Heading: Isola Book — weight 400; size 58px; line-height 64.8px; tracking normal; Regular (95% role confidence, computed values) - Body: Isola Book — weight 400; size 28.4px; line-height 33.7px; tracking normal; Regular (95% role confidence, computed values) ## Functional palette - Canvas — canvas #EEEBE5: color-3: computed rgb(238, 235, 229); AI role: #EEEBE5 serves as the primary page background color. (95% role confidence, computed values) - Text — text #132019: color-1: computed rgb(19, 32, 25); AI role: #132019 is the dark color used for primary text elements across the page. (95% role confidence, computed values) - Accent — accent #E4644B: color-4: computed rgb(228, 100, 75); AI role: #E4644B (terracotta) is used exclusively for the floating accent circle on the right edge. (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": "Isola Book", "fontStack": "\"Isola Book\"", "weight": "400", "size": "58px", "lineHeight": "64.8px", "letterSpacing": "normal", "traits": "uppercase", "count": 12, "contexts": [ { "tag": "h3", "text": "dk", "top": 6505, "property": "font" }, { "tag": "h3", "text": "uk", "top": 6505, "property": "font" }, { "tag": "h3", "text": "usa", "top": 6505, "property": "font" } ] }, { "id": "font-2", "family": "Isola Regular", "fontStack": "\"Isola Regular\"", "weight": "400", "size": "18.7px", "lineHeight": "22.5px", "letterSpacing": "normal", "traits": "uppercase", "count": 10, "contexts": [ { "tag": "h5", "text": "Clausholm Slot (Midtjylland)", "top": 1404, "property": "font" }, { "tag": "h5", "text": "The Great Escape (Los Angeles)", "top": 1884, "property": "font" }, { "tag": "h5", "text": "House Around a Garden (Tunbridge Wells)", "top": 2951, "property": "font" } ] }, { "id": "font-3", "family": "Isola Book", "fontStack": "\"Isola Book\"", "weight": "400", "size": "58px", "lineHeight": "64.8px", "letterSpacing": "normal", "traits": "Regular", "count": 7, "contexts": [ { "tag": "h3", "text": "Architecture is about much more than buildings. We create places.", "top": 312, "property": "font" }, { "tag": "h3", "text": "Foundations in the land.", "top": 1991, "property": "font" }, { "tag": "h3", "text": "Responding to every setting.", "top": 4263, "property": "font" } ] }, { "id": "font-4", "family": "Isola Book", "fontStack": "\"Isola Book\"", "weight": "400", "size": "28.4px", "lineHeight": "33.7px", "letterSpacing": "normal", "traits": "Regular", "count": 10, "contexts": [ { "tag": "a", "text": "TaylorHare Architects", "top": 28, "property": "font" }, { "tag": "p", "text": "Working internationally, throughout Denmark, the UK and the USA our design language responds to loca", "top": 753, "property": "font" }, { "tag": "p", "text": "We have a deep appreciation of the land – its heritage, local character and management – and we unde", "top": 2253, "property": "font" } ] }, { "id": "font-5", "family": "Isola Book Slanted", "fontStack": "\"Isola Book Slanted\"", "weight": "400", "size": "28.4px", "lineHeight": "33.7px", "letterSpacing": "normal", "traits": "Regular", "count": 4, "contexts": [ { "tag": "em", "text": "internationally", "top": 752, "property": "font" }, { "tag": "em", "text": "local", "top": 853, "property": "font" }, { "tag": "em", "text": "heritage, local character and management", "top": 2286, "property": "font" } ] }, { "id": "font-6", "family": "Isola Book Slanted", "fontStack": "\"Isola Book Slanted\"", "weight": "400", "size": "18.7px", "lineHeight": "22.5px", "letterSpacing": "normal", "traits": "Regular", "count": 4, "contexts": [ { "tag": "a", "text": "Fields", "top": 1426, "property": "font" }, { "tag": "a", "text": "Hills", "top": 1906, "property": "font" }, { "tag": "a", "text": "Fields", "top": 2974, "property": "font" } ] } ] ``` ### Color configurations ```json [ { "id": "color-1", "hex": "#132019", "alpha": 1, "cssValue": "rgb(19, 32, 25)", "count": 64, "contexts": [ { "tag": "a", "text": "TaylorHare Architects", "top": 28, "property": "text" }, { "tag": "h3", "text": "Architecture is about much more than buildings. We create places.", "top": 312, "property": "text" }, { "tag": "p", "text": "Working internationally, throughout Denmark, the UK and the USA our design language responds to loca", "top": 753, "property": "text" } ] }, { "id": "color-2", "hex": "#F3EEE8", "alpha": 1, "cssValue": "rgb(243, 238, 232)", "count": 3, "contexts": [ { "tag": "div", "text": "", "top": 2533, "property": "background" }, { "tag": "footer", "text": "dk CEST 07:40/10 Oct 2026 CEST 07:40 10 Oct 2026 Mellemgård, Hvilstedvej 2 Onsted, Solbjerg, 8355 +4", "top": 6398, "property": "background" } ] }, { "id": "color-3", "hex": "#EEEBE5", "alpha": 1, "cssValue": "rgb(238, 235, 229)", "count": 1, "contexts": [ { "tag": "body", "text": "Scroll TaylorHare Architects Architecture is about much more than buildings. We create places. Worki", "top": 0, "property": "background" } ] }, { "id": "color-4", "hex": "#E4644B", "alpha": 1, "cssValue": "rgb(228, 100, 75)", "count": 4, "contexts": [ { "tag": "polygon", "text": "", "top": 0, "property": "svg-fill" }, { "tag": "circle", "text": "", "top": 929, "property": "svg-fill" }, { "tag": "div", "text": "Fields Hills Borders Blocks Shorelines", "top": 0, "property": "background" } ] }, { "id": "color-5", "hex": "#000000", "alpha": 1, "cssValue": "rgb(0, 0, 0)", "count": 2, "contexts": [ { "tag": "svg", "text": "", "top": 0, "property": "svg-fill" } ] }, { "id": "color-6", "hex": "#5A6F48", "alpha": 1, "cssValue": "rgb(90, 111, 72)", "count": 1, "contexts": [ { "tag": "div", "text": "Scroll", "top": -15, "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 and horizontal padding, creating a slow-paced, breathable rhythm. - Corner style: Sharp, 0px corners on all images and background color blocks. - Radius: No visible border-radius on structural elements or images. - Borders: Borders are absent; visual separation is achieved through negative space and solid background blocks. - Buttons: Buttons are largely absent, relying on minimal text links with underlines. - Content width: Images often break the grid or bleed to the edge, while text is constrained to specific narrow columns. - Density: Low density, allowing typography and imagery to stand out independently. - Evidence: Visual inspection of the screenshots shows straight edges on all photos, large empty areas of beige background, and off-grid alignment. ## Sections Gallery section count: 6. Each entry corresponds to one gallery capture. 1. **Hero — Architecture Creates Places Hero** (Home) AI suggestion (94% confidence): Complete opening composition with studio identity, a strong architectural landscape image, oversized positioning statement, and supporting international-practice copy. The asymmetric split layout and restrained graphic accents make it a useful hero reference. Capture: 1440×1095px; page bounds 0–1095px of 7652px; source section ID: `b1620b73-4b86-4825-9299-4d27b73a3bf9`; image: https://media.designdetails.io/library/9c7976cf91c7fb60a37535a6e3241a2cc157833a94de93f7d3446e27cb800eeb/b1620b73-4b86-4825-9299-4d27b73a3bf9.webp SECTION.md v3.2: `b1620b73-4b86-4825-9299-4d27b73a3bf9` (deterministic evidence; editorial review pending) 2. **Hero — Opening screen** (Contact) Opening hero composition from Contact, organized around “Opening screen”. Capture: 1440×1000px; page bounds 0–1000px of 2000px; source section ID: `e659cf9d-105b-4c6f-9d17-bd98dc45e3e3`; image: https://media.designdetails.io/library/ad7efd530c5c0c1b813dba7517e9407a198ce7919223c83d8206811c13b9c527/section_crop-e659cf9d-2026-10-10T06-40-17-598Z.webp SECTION.md v3.2: `e659cf9d-105b-4c6f-9d17-bd98dc45e3e3` (deterministic evidence; editorial review pending) 3. **Footer — DK** (Home) Closing footer and call-to-action from Home, organized around “DK”. Capture: 1440×330px; page bounds 6457–6787px of 7652px; source section ID: `73c23df8-df57-4760-959a-13c5a1789027`; image: https://media.designdetails.io/library/e7f3a73be53bae47a307b880b0edaec902bbb10dfea438b70adba817a3195cee/section_crop-73c23df8-2026-10-10T05-41-25-438Z.webp SECTION.md v3.2: `73c23df8-df57-4760-959a-13c5a1789027` (deterministic evidence; editorial review pending) 4. **Contact — International Studios & Enquiries** (Contact) AI suggestion (93% confidence): Complete contact section combining three international office addresses, a prominent get-in-touch prompt, and self-contained general, media, social, policy, and careers details. The repeated cropped content below is excluded. Capture: 1440×1390px; page bounds 170–1560px of 2000px; source section ID: `e3f553e7-794f-468a-abcb-b98c86ff6907`; image: https://media.designdetails.io/library/a5a0833da221144ba667fd576c0479ba8eb860d6da2d6ff490e731c292f1727b/e3f553e7-794f-468a-abcb-b98c86ff6907.webp SECTION.md v3.2: `e3f553e7-794f-468a-abcb-b98c86ff6907` (deterministic evidence; editorial review pending) 5. **Editorial — Foundations in the Land** (Home) AI suggestion (91% confidence): Complete architectural philosophy section with a clear heading, supporting copy, landscape imagery, a building cutaway, and a concluding full-width project photograph. It ends cleanly before the next titled section begins. Capture: 1440×2322px; page bounds 2600–4922px of 7652px; source section ID: `aaca0f4a-d0bc-4342-a86b-d29fe5284068`; image: https://media.designdetails.io/library/477832300b5841d3972468292d2b3274e1fb1ce9199b24d9e3e6c5d176109771/aaca0f4a-d0bc-4342-a86b-d29fe5284068.webp SECTION.md v3.2: `aaca0f4a-d0bc-4342-a86b-d29fe5284068` (deterministic evidence; editorial review pending) 6. **CTA — Practice Mission and Project Enquiry** (Home) AI suggestion (93% confidence): A complete, spacious conversion section combining the architecture practice’s credentials and design philosophy with a prominent underlined invitation to get in touch. Capture: 1440×1140px; page bounds 6193–7333px of 7652px; source section ID: `e68dcc35-8484-41fd-8070-b5c759abb71e`; image: https://media.designdetails.io/library/5cc5c0701d6393f5285e9c0f792fe2b24c85d8d30141abc2a6ea4735c7e6a97c/e68dcc35-8484-41fd-8070-b5c759abb71e.webp SECTION.md v3.2: `e68dcc35-8484-41fd-8070-b5c759abb71e` (deterministic evidence; editorial review pending) ## Capture and motion evidence - Desktop screenshot: https://media.designdetails.io/library/226c645f54156a96bec17d51bac82f60c4d57d8819f7100d0317f066a6465ac1/desktop_full-eb3e5381-2026-10-10T05-41-15-027Z.webp - Mobile screenshot: https://media.designdetails.io/library/347cdbe38c3438f97300a5353345d2c4247f6993779f108290d6fd4ccdf2d63b/mobile_full-eb3e5381-2026-10-10T05-41-46-163Z.webp - Open Graph image: Not captured - Full-page video: https://media.designdetails.io/library/c39bb1b23eb1848db183c2db669b628f7ed4e179aed8040c8c70e691c2061147/motion-1791622072758.mp4 - Video poster: https://media.designdetails.io/library/83e1dadf252f1a758624f2d8183b258d92a01963ea2d32e8a27c86dad83b16a3/motion-poster-1791622072758.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 - Split Hero - Footer - Text Link - Sticky Accent Indicator - Cascading Text Blocks ## Quality rubric Overall: 57.19/100 (Competent) Evidence coverage: 80% Judge tier: Competent Verdict: A clean, well-crafted editorial architecture portfolio that executes a familiar earthy-minimalist, asymmetric-grid idiom competently and consistently, but without motion evidence to assess and without originality strong enough to lift it past a solid, tasteful mid-tier result. - Typography (15%): 62 — A single custom typeface ('Isola') is used across weights, slants, and sizes to build a legible hierarchy without introducing font pairing or heavy weight contrast. Uppercase labels (DK/UK/USA at 58px) and italicized inline emphasis (internationally, local, heritage) show deliberate use of slant as a semantic device rather than decoration. The system is consistent and legible but relies on a narrow size/weight palette, so the hierarchy reads as competent craft rather than a distinctive typographic voice. - Color (10%): 60 — The palette is tight and purposeful: warm beige canvas (#EEEBE5), near-black-green text (#132019), and a single terracotta accent (#E4644B) reserved exclusively for the scroll-tracking dot and a corner triangle motif. This restraint supports the editorial tone and avoids decorative noise. A secondary sage-green block (#5A6F48) and lighter beige (#F3EEE8) appear but are used sparingly and don't disrupt cohesion. The palette is tasteful but follows a now-common 'earthy minimalist portfolio' convention rather than demonstrating a bespoke color system. - Layout (20%): 63 — The site runs an asymmetrical editorial grid: large bleeding photographs are paired with narrow, offset text columns, and this pattern repeats with variation across the hero, 'Foundations in the land', and 'Responding to every setting' sections. The footer introduces a distinct cascading/staggered paragraph treatment creating diagonal reading flow. This is a genuine compositional system reused with purpose, not a single hero trick. However, the underlying image-left/text-right (or reverse) alternation is a well-worn architecture-portfolio layout convention, and spacing/grid logic, while clean, doesn't introduce structural surprises beyond controlled asymmetry. - Motion (20%): Not_assessed — No recording or interaction trace was provided; only a static scroll-position correlation across screenshots (the terracotta circle shifting position) can be inferred, which is insufficient to judge timing, easing, or responsiveness. - Originality (25%): 47 — The overall idiom — beige/charcoal minimalist palette, large bleeding architectural photography, asymmetric editorial grid, italic-slant emphasis, and a single accent color — is a well-established convention in contemporary architecture-studio portfolios. The scroll-tracking terracotta dot is a mildly distinctive touch, and the cascading footer paragraphs add some flavor, but neither constitutes a hard-to-substitute idea; both are modest variations on patterns seen broadly in editorial-style agency sites. Nothing here reads as a structural or conceptual risk specific to this practice's identity beyond the expected 'architecture firm = earthy, restrained, photography-led' template. - Content (10%): 61 — Text and imagery are well-matched project-to-project (named buildings like 'Clausholm Slot', 'The Great Escape', 'House Around a Garden' paired with corresponding photography), and the footer's live local-time display per office (DK/UK/USA) is a thoughtful brand-specific detail reinforcing the firm's international framing stated in the copy. Content supports the editorial layout rather than being decorative filler. It stops short of 'good+' because the written copy is generic architecture-practice boilerplate and the project labels/categories (Fields, Hills, Borders, Blocks, Shorelines) are not elaborated with substantive differentiation in the visible evidence. Coverage: 80% 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 cream background and small terracotta circles give large full width photographs of barns, farmhouses and aerial landscapes room to breathe, letting the buildings sit in their landscapes rather than being cropped tight. Short, rounded headlines paired with narrow columns of italic detail keep the pace slow and calm, matching a practice that talks about land and setting. ## 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.