# Site Design Library 100 distinct, complete design references. Public source and specifications; no login or API key. Original code and specifications: MIT. Photos/fonts retain their licenses; read THIRD_PARTY.md. Read a design’s specification and screenshots before adapting its code. Live specimens need JavaScript; the gallery and design pages have complete static HTML for readers and crawlers. ZIPs include editable source, required local assets, screenshots, provenance, an adaptation prompt and a runnable Vue/Vite starter. - Catalogue: https://drew-site-design-library.netlify.app/catalogue.json - Workflow: https://drew-site-design-library.netlify.app/AGENT_WORKFLOW.md - Download checksums and sizes: https://drew-site-design-library.netlify.app/downloads/index.json - License: https://drew-site-design-library.netlify.app/LICENSE - Asset notices: https://drew-site-design-library.netlify.app/THIRD_PARTY.md - Source: https://github.com/DrewWalsh/site-design-library ## Designs - [01 Civic Service](https://drew-site-design-library.netlify.app/designs/01-civic-service): Make a necessary task easy to understand and finish. Specification: https://drew-site-design-library.netlify.app/references/01-civic-service/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/01-civic-service.zip - [02 Precision SaaS](https://drew-site-design-library.netlify.app/designs/02-precision-saas): Explain a software product through concrete capabilities, evidence, and a credible path into its interface. Specification: https://drew-site-design-library.netlify.app/references/02-precision-saas/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/02-precision-saas.zip - [03 Swiss Grid](https://drew-site-design-library.netlify.app/designs/03-swiss-grid): Build hierarchy through alignment, scale, and disciplined contrast. Specification: https://drew-site-design-library.netlify.app/references/03-swiss-grid/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/03-swiss-grid.zip - [04 Quiet Atelier](https://drew-site-design-library.netlify.app/designs/04-quiet-atelier): Let a small selection of work convey confidence through space and restraint. Specification: https://drew-site-design-library.netlify.app/references/04-quiet-atelier/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/04-quiet-atelier.zip - [05 Scholarly Folio](https://drew-site-design-library.netlify.app/designs/05-scholarly-folio): Support close reading while keeping commentary and sources within reach. Specification: https://drew-site-design-library.netlify.app/references/05-scholarly-folio/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/05-scholarly-folio.zip - [06 Editorial Newspaper](https://drew-site-design-library.netlify.app/designs/06-editorial-newspaper): Communicate editorial judgement across many stories at once. Specification: https://drew-site-design-library.netlify.app/references/06-editorial-newspaper/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/06-editorial-newspaper.zip - [07 Literary Review](https://drew-site-design-library.netlify.app/designs/07-literary-review): Treat sustained reading as the main event. Specification: https://drew-site-design-library.netlify.app/references/07-literary-review/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/07-literary-review.zip - [08 Documentary Story](https://drew-site-design-library.netlify.app/designs/08-documentary-story): Build understanding through a deliberate sequence of evidence, place, and explanation. Specification: https://drew-site-design-library.netlify.app/references/08-documentary-story/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/08-documentary-story.zip - [09 Glossy Fashion](https://drew-site-design-library.netlify.app/designs/09-glossy-fashion): Use art direction and image sequencing to establish a strong editorial world. Specification: https://drew-site-design-library.netlify.app/references/09-glossy-fashion/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/09-glossy-fashion.zip - [10 Evidence Ledger](https://drew-site-design-library.netlify.app/designs/10-evidence-ledger): Make claims inspectable and provenance visible. Specification: https://drew-site-design-library.netlify.app/references/10-evidence-ledger/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/10-evidence-ledger.zip - [11 Operations Console](https://drew-site-design-library.netlify.app/designs/11-operations-console): Help experienced users recognise exceptions and complete repetitive work quickly. Specification: https://drew-site-design-library.netlify.app/references/11-operations-console/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/11-operations-console.zip - [12 Canvas Workspace](https://drew-site-design-library.netlify.app/designs/12-canvas-workspace): Make spatial arrangement part of thinking and organising. Specification: https://drew-site-design-library.netlify.app/references/12-canvas-workspace/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/12-canvas-workspace.zip - [13 Project Workbench](https://drew-site-design-library.netlify.app/designs/13-project-workbench): Keep a project's structure, current object, and relevant properties available together. Specification: https://drew-site-design-library.netlify.app/references/13-project-workbench/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/13-project-workbench.zip - [14 Guided Journey](https://drew-site-design-library.netlify.app/designs/14-guided-journey): Reduce a complicated decision into understandable, reversible steps. Specification: https://drew-site-design-library.netlify.app/references/14-guided-journey/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/14-guided-journey.zip - [15 Temporal Planner](https://drew-site-design-library.netlify.app/designs/15-temporal-planner): Make time, duration, overlap, and availability immediately legible. Specification: https://drew-site-design-library.netlify.app/references/15-temporal-planner/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/15-temporal-planner.zip - [16 Field Atlas](https://drew-site-design-library.netlify.app/designs/16-field-atlas): Use location as the primary route into information. Specification: https://drew-site-design-library.netlify.app/references/16-field-atlas/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/16-field-atlas.zip - [17 Observatory](https://drew-site-design-library.netlify.app/designs/17-observatory): Help users detect patterns, compare measures, and inspect uncertainty within a coherent instrument panel. Specification: https://drew-site-design-library.netlify.app/references/17-observatory/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/17-observatory.zip - [18 Knowledge Garden](https://drew-site-design-library.netlify.app/designs/18-knowledge-garden): Encourage exploration through connected ideas while showing where each piece belongs. Specification: https://drew-site-design-library.netlify.app/references/18-knowledge-garden/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/18-knowledge-garden.zip - [19 Conversation Desk](https://drew-site-design-library.netlify.app/designs/19-conversation-desk): Make a bounded information exchange feel direct and responsive. Specification: https://drew-site-design-library.netlify.app/references/19-conversation-desk/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/19-conversation-desk.zip - [20 The Directory](https://drew-site-design-library.netlify.app/designs/20-the-directory): Help users narrow a large collection and compare candidates efficiently. Specification: https://drew-site-design-library.netlify.app/references/20-the-directory/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/20-the-directory.zip - [21 Utility Storefront](https://drew-site-design-library.netlify.app/designs/21-utility-storefront): Make a purchase easy to evaluate. Specification: https://drew-site-design-library.netlify.app/references/21-utility-storefront/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/21-utility-storefront.zip - [22 Specimen Shop](https://drew-site-design-library.netlify.app/designs/22-specimen-shop): Present a small collection as objects worth studying. Specification: https://drew-site-design-library.netlify.app/references/22-specimen-shop/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/22-specimen-shop.zip - [23 Market Bazaar](https://drew-site-design-library.netlify.app/designs/23-market-bazaar): Make the individuality of many sellers part of the browsing experience. Specification: https://drew-site-design-library.netlify.app/references/23-market-bazaar/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/23-market-bazaar.zip - [24 Fine Dining](https://drew-site-design-library.netlify.app/designs/24-fine-dining): Build anticipation through pacing, seasonality, and precise hospitality. Specification: https://drew-site-design-library.netlify.app/references/24-fine-dining/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/24-fine-dining.zip - [25 Local Trades](https://drew-site-design-library.netlify.app/designs/25-local-trades): Answer the questions a customer has before contacting a local business. Specification: https://drew-site-design-library.netlify.app/references/25-local-trades/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/25-local-trades.zip - [26 Field Notes](https://drew-site-design-library.netlify.app/designs/26-field-notes): Organise discovery around observation, place, and practical preparation. Specification: https://drew-site-design-library.netlify.app/references/26-field-notes/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/26-field-notes.zip - [27 Blueprint Studio](https://drew-site-design-library.netlify.app/designs/27-blueprint-studio): Explain how a project is organised and constructed. Specification: https://drew-site-design-library.netlify.app/references/27-blueprint-studio/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/27-blueprint-studio.zip - [28 Grand Hotel](https://drew-site-design-library.netlify.app/designs/28-grand-hotel): Let visitors imagine an arrival, then make the booking choices concrete. Specification: https://drew-site-design-library.netlify.app/references/28-grand-hotel/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/28-grand-hotel.zip - [29 Calm Sanctuary](https://drew-site-design-library.netlify.app/designs/29-calm-sanctuary): Reduce the number of simultaneous decisions and let the visitor set the pace. Specification: https://drew-site-design-library.netlify.app/references/29-calm-sanctuary/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/29-calm-sanctuary.zip - [30 Festival Poster](https://drew-site-design-library.netlify.app/designs/30-festival-poster): Turn a programme into a memorable public announcement. Specification: https://drew-site-design-library.netlify.app/references/30-festival-poster/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/30-festival-poster.zip - [31 Bauhaus Workshop](https://drew-site-design-library.netlify.app/designs/31-bauhaus-workshop): Give each shape, colour, and alignment a clear organising role. Specification: https://drew-site-design-library.netlify.app/references/31-bauhaus-workshop/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/31-bauhaus-workshop.zip - [32 Pop Memphis](https://drew-site-design-library.netlify.app/designs/32-pop-memphis): Make browsing feel exuberant and surprising while keeping decisions predictable. Specification: https://drew-site-design-library.netlify.app/references/32-pop-memphis/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/32-pop-memphis.zip - [33 Playroom](https://drew-site-design-library.netlify.app/designs/33-playroom): Teach an interaction through visible, manipulable objects. Specification: https://drew-site-design-library.netlify.app/references/33-playroom/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/33-playroom.zip - [34 Hand Drawn Desk](https://drew-site-design-library.netlify.app/designs/34-hand-drawn-desk): Show thought developing through explanation, annotation, and revision. Specification: https://drew-site-design-library.netlify.app/references/34-hand-drawn-desk/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/34-hand-drawn-desk.zip - [35 Paper Cabinet](https://drew-site-design-library.netlify.app/designs/35-paper-cabinet): Make a collection feel organised, discoverable, and worth returning to. Specification: https://drew-site-design-library.netlify.app/references/35-paper-cabinet/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/35-paper-cabinet.zip - [36 Punk Zine](https://drew-site-design-library.netlify.app/designs/36-punk-zine): Treat publishing as an authored, opinionated act. Specification: https://drew-site-design-library.netlify.app/references/36-punk-zine/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/36-punk-zine.zip - [37 Comic Serial](https://drew-site-design-library.netlify.app/designs/37-comic-serial): Explain through sequence, juxtaposition, and a recognisable narrator. Specification: https://drew-site-design-library.netlify.app/references/37-comic-serial/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/37-comic-serial.zip - [38 Pixel Arcade](https://drew-site-design-library.netlify.app/designs/38-pixel-arcade): Make browsing feel like selecting a game from a cabinet. Specification: https://drew-site-design-library.netlify.app/references/38-pixel-arcade/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/38-pixel-arcade.zip - [39 Personal Web 1999](https://drew-site-design-library.netlify.app/designs/39-personal-web-1999): Express a person’s interests through a small, hand maintained web of pages. Specification: https://drew-site-design-library.netlify.app/references/39-personal-web-1999/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/39-personal-web-1999.zip - [40 Desktop 1995](https://drew-site-design-library.netlify.app/designs/40-desktop-1995): Present a small collection as familiar, named tools and folders. Specification: https://drew-site-design-library.netlify.app/references/40-desktop-1995/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/40-desktop-1995.zip - [41 Terminal Manual](https://drew-site-design-library.netlify.app/designs/41-terminal-manual): Make technical information feel immediate, inspectable, and economical. Specification: https://drew-site-design-library.netlify.app/references/41-terminal-manual/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/41-terminal-manual.zip - [42 Teletext Bulletin](https://drew-site-design-library.netlify.app/designs/42-teletext-bulletin): Deliver compact, regularly structured information through explicit sections and numbered pages. Specification: https://drew-site-design-library.netlify.app/references/42-teletext-bulletin/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/42-teletext-bulletin.zip - [43 Y2K Chrome](https://drew-site-design-library.netlify.app/designs/43-y2k-chrome): Present culture as a luminous piece of digital equipment. Specification: https://drew-site-design-library.netlify.app/references/43-y2k-chrome/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/43-y2k-chrome.zip - [44 Neo Brutalist Board](https://drew-site-design-library.netlify.app/designs/44-neo-brutalist-board): Make participation and choice conspicuous through bold, tangible objects. Specification: https://drew-site-design-library.netlify.app/references/44-neo-brutalist-board/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/44-neo-brutalist-board.zip - [45 Raw Manifesto](https://drew-site-design-library.netlify.app/designs/45-raw-manifesto): Let language and direct access carry the entire identity. Specification: https://drew-site-design-library.netlify.app/references/45-raw-manifesto/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/45-raw-manifesto.zip - [46 Kinetic Type](https://drew-site-design-library.netlify.app/designs/46-kinetic-type): Let typography embody a subject’s rhythm while preserving a complete readable argument. Specification: https://drew-site-design-library.netlify.app/references/46-kinetic-type/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/46-kinetic-type.zip - [47 Colour Field](https://drew-site-design-library.netlify.app/designs/47-colour-field): Make a site’s chapters legible through large fields of colour and simple spatial relationships. Specification: https://drew-site-design-library.netlify.app/references/47-colour-field/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/47-colour-field.zip - [48 Spatial Gallery](https://drew-site-design-library.netlify.app/designs/48-spatial-gallery): Let spatial arrangement communicate relationships between a deliberately small collection of objects. Specification: https://drew-site-design-library.netlify.app/references/48-spatial-gallery/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/48-spatial-gallery.zip - [49 Parametric Studio](https://drew-site-design-library.netlify.app/designs/49-parametric-studio): Explain a design system by letting visitors change its rules and observe the result. Specification: https://drew-site-design-library.netlify.app/references/49-parametric-studio/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/49-parametric-studio.zip - [50 Infinite Index](https://drew-site-design-library.netlify.app/designs/50-infinite-index): Make a finite collection feel explorable at several scales without surrendering orientation. Specification: https://drew-site-design-library.netlify.app/references/50-infinite-index/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/50-infinite-index.zip - [51 One-Page Business Card](https://drew-site-design-library.netlify.app/designs/51-one-page-business-card): A whole business, clearly expressed on a single page. Specification: https://drew-site-design-library.netlify.app/references/51-one-page-business-card/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/51-one-page-business-card.zip - [52 Corner Shop](https://drew-site-design-library.netlify.app/designs/52-corner-shop): Make a small shop feel like part of its neighbourhood. Specification: https://drew-site-design-library.netlify.app/references/52-corner-shop/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/52-corner-shop.zip - [53 Appointment Studio](https://drew-site-design-library.netlify.app/designs/53-appointment-studio): Choose the person first; find the time that fits. Specification: https://drew-site-design-library.netlify.app/references/53-appointment-studio/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/53-appointment-studio.zip - [54 Clinical Practice](https://drew-site-design-library.netlify.app/designs/54-clinical-practice): Make a first appointment feel clear and manageable. Specification: https://drew-site-design-library.netlify.app/references/54-clinical-practice/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/54-clinical-practice.zip - [55 Casebook Authority](https://drew-site-design-library.netlify.app/designs/55-casebook-authority): Let organised evidence establish professional trust. Specification: https://drew-site-design-library.netlify.app/references/55-casebook-authority/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/55-casebook-authority.zip - [56 Renovation Proof](https://drew-site-design-library.netlify.app/designs/56-renovation-proof): Show the work, its constraints, and how it changed a place. Specification: https://drew-site-design-library.netlify.app/references/56-renovation-proof/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/56-renovation-proof.zip - [57 Property Listing](https://drew-site-design-library.netlify.app/designs/57-property-listing): Give a place room to speak, and its facts a place to stay. Specification: https://drew-site-design-library.netlify.app/references/57-property-listing/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/57-property-listing.zip - [58 Service Bay](https://drew-site-design-library.netlify.app/designs/58-service-bay): Turn an unfamiliar repair into an understandable job ticket. Specification: https://drew-site-design-library.netlify.app/references/58-service-bay/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/58-service-bay.zip - [59 Unit Finder](https://drew-site-design-library.netlify.app/designs/59-unit-finder): Help people picture the right amount of space. Specification: https://drew-site-design-library.netlify.app/references/59-unit-finder/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/59-unit-finder.zip - [60 Industrial Capability](https://drew-site-design-library.netlify.app/designs/60-industrial-capability): Make technical fit more useful than marketing language. Specification: https://drew-site-design-library.netlify.app/references/60-industrial-capability/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/60-industrial-capability.zip - [61 Early Years](https://drew-site-design-library.netlify.app/designs/61-early-years): Help a family imagine an ordinary, well-cared-for day. Specification: https://drew-site-design-library.netlify.app/references/61-early-years/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/61-early-years.zip - [62 Training Floor](https://drew-site-design-library.netlify.app/designs/62-training-floor): Let people find a session before selling them a membership. Specification: https://drew-site-design-library.netlify.app/references/62-training-floor/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/62-training-floor.zip - [63 Venue Floorplan](https://drew-site-design-library.netlify.app/designs/63-venue-floorplan): Start with how people will use the space. Specification: https://drew-site-design-library.netlify.app/references/63-venue-floorplan/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/63-venue-floorplan.zip - [64 Service Plans](https://drew-site-design-library.netlify.app/designs/64-service-plans): Make the price, frequency, and coverage easy to compare. Specification: https://drew-site-design-library.netlify.app/references/64-service-plans/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/64-service-plans.zip - [65 Branch Network](https://drew-site-design-library.netlify.app/designs/65-branch-network): Find the branch that does the work you need. Specification: https://drew-site-design-library.netlify.app/references/65-branch-network/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/65-branch-network.zip - [66 Commission Studio](https://drew-site-design-library.netlify.app/designs/66-commission-studio): Begin with materials and a conversation about how you live. Specification: https://drew-site-design-library.netlify.app/references/66-commission-studio/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/66-commission-studio.zip - [67 Everyday Eatery](https://drew-site-design-library.netlify.app/designs/67-everyday-eatery): Get from hungry to a clear collection order. Specification: https://drew-site-design-library.netlify.app/references/67-everyday-eatery/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/67-everyday-eatery.zip - [68 Rapid Response](https://drew-site-design-library.netlify.app/designs/68-rapid-response): Put the next practical step within a thumb’s reach. Specification: https://drew-site-design-library.netlify.app/references/68-rapid-response/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/68-rapid-response.zip - [69 Impact Nonprofit](https://drew-site-design-library.netlify.app/designs/69-impact-nonprofit): Connect a contribution to a specific, accountable project. Specification: https://drew-site-design-library.netlify.app/references/69-impact-nonprofit/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/69-impact-nonprofit.zip - [70 Community Commons](https://drew-site-design-library.netlify.app/designs/70-community-commons): Put the useful things a community shares in one welcoming place. Specification: https://drew-site-design-library.netlify.app/references/70-community-commons/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/70-community-commons.zip - [71 Learning Prospectus](https://drew-site-design-library.netlify.app/designs/71-learning-prospectus): Help learners compare the commitment before they enrol. Specification: https://drew-site-design-library.netlify.app/references/71-learning-prospectus/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/71-learning-prospectus.zip - [72 Careers & Recruitment](https://drew-site-design-library.netlify.app/designs/72-careers-recruitment): Show the actual work, the people, and the terms of the job. Specification: https://drew-site-design-library.netlify.app/references/72-careers-recruitment/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/72-careers-recruitment.zip - [73 Community Forum](https://drew-site-design-library.netlify.app/designs/73-community-forum): Make a conversation worth finding again. Specification: https://drew-site-design-library.netlify.app/references/73-community-forum/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/73-community-forum.zip - [74 Modern Docs Portal](https://drew-site-design-library.netlify.app/designs/74-modern-docs-portal): Make the next implementation step easy to locate and verify. Specification: https://drew-site-design-library.netlify.app/references/74-modern-docs-portal/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/74-modern-docs-portal.zip - [75 Annual Report](https://drew-site-design-library.netlify.app/designs/75-annual-report): Tell the year’s story and show the evidence behind it. Specification: https://drew-site-design-library.netlify.app/references/75-annual-report/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/75-annual-report.zip - [76 Folded Matter](https://drew-site-design-library.netlify.app/designs/76-folded-matter): Reading order emerges from the folds of one continuous sheet. Specification: https://drew-site-design-library.netlify.app/references/76-folded-matter/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/76-folded-matter.zip - [77 Palimpsest City](https://drew-site-design-library.netlify.app/designs/77-palimpsest-city): A place is several histories occupying the same coordinates. Specification: https://drew-site-design-library.netlify.app/references/77-palimpsest-city/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/77-palimpsest-city.zip - [78 Aperture Archive](https://drew-site-design-library.netlify.app/designs/78-aperture-archive): A small opening gives a large collection a deliberate pace. Specification: https://drew-site-design-library.netlify.app/references/78-aperture-archive/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/78-aperture-archive.zip - [79 Frequency House](https://drew-site-design-library.netlify.app/designs/79-frequency-house): Tune a publication instead of moving through a menu. Specification: https://drew-site-design-library.netlify.app/references/79-frequency-house/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/79-frequency-house.zip - [80 Braided Voices](https://drew-site-design-library.netlify.app/designs/80-braided-voices): Follow a life through the points where it crosses another. Specification: https://drew-site-design-library.netlify.app/references/80-braided-voices/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/80-braided-voices.zip - [81 Counterpoint](https://drew-site-design-library.netlify.app/designs/81-counterpoint): Two accounts deserve equal space without pretending to agree. Specification: https://drew-site-design-library.netlify.app/references/81-counterpoint/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/81-counterpoint.zip - [82 Strata Descent](https://drew-site-design-library.netlify.app/designs/82-strata-descent): Depth is both the navigation and the argument of the archive. Specification: https://drew-site-design-library.netlify.app/references/82-strata-descent/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/82-strata-descent.zip - [83 Forking Edition](https://drew-site-design-library.netlify.app/designs/83-forking-edition): The sentence itself can be a doorway into another reading. Specification: https://drew-site-design-library.netlify.app/references/83-forking-edition/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/83-forking-edition.zip - [84 Causal Theatre](https://drew-site-design-library.netlify.app/designs/84-causal-theatre): A visitor should be able to change the argument and see why it changes. Specification: https://drew-site-design-library.netlify.app/references/84-causal-theatre/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/84-causal-theatre.zip - [85 Redaction Office](https://drew-site-design-library.netlify.app/designs/85-redaction-office): Revealing a line should change the meaning of what surrounds it. Specification: https://drew-site-design-library.netlify.app/references/85-redaction-office/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/85-redaction-office.zip - [86 Registration Press](https://drew-site-design-library.netlify.app/designs/86-registration-press): Alignment is an editorial act: the layers only make sense together. Specification: https://drew-site-design-library.netlify.app/references/86-registration-press/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/86-registration-press.zip - [87 Inside the Object](https://drew-site-design-library.netlify.app/designs/87-inside-the-object): The parts of an object can be the architecture of its story. Specification: https://drew-site-design-library.netlify.app/references/87-inside-the-object/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/87-inside-the-object.zip - [88 Recursive Commons](https://drew-site-design-library.netlify.app/designs/88-recursive-commons): Enter a collection by changing the composition of the entire page. Specification: https://drew-site-design-library.netlify.app/references/88-recursive-commons/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/88-recursive-commons.zip - [89 Hollow Gallery](https://drew-site-design-library.netlify.app/designs/89-hollow-gallery): The empty part of an image can carry the invitation. Specification: https://drew-site-design-library.netlify.app/references/89-hollow-gallery/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/89-hollow-gallery.zip - [90 Mobius Journal](https://drew-site-design-library.netlify.app/designs/90-mobius-journal): A finished account and its discarded drafts belong to the same surface. Specification: https://drew-site-design-library.netlify.app/references/90-mobius-journal/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/90-mobius-journal.zip - [91 Patchbay Editions](https://drew-site-design-library.netlify.app/designs/91-patchbay-editions): A publication can emerge from connecting a subject to a method. Specification: https://drew-site-design-library.netlify.app/references/91-patchbay-editions/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/91-patchbay-editions.zip - [92 Interface Witness](https://drew-site-design-library.netlify.app/designs/92-interface-witness): The interface can make your actions the material of a short performance. Specification: https://drew-site-design-library.netlify.app/references/92-interface-witness/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/92-interface-witness.zip - [93 Gesture Index](https://drew-site-design-library.netlify.app/designs/93-gesture-index): A drawn shape can be a precise invitation to an existing collection. Specification: https://drew-site-design-library.netlify.app/references/93-gesture-index/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/93-gesture-index.zip - [94 Score Reader](https://drew-site-design-library.netlify.app/designs/94-score-reader): A reading can be arranged across time and simultaneous voices. Specification: https://drew-site-design-library.netlify.app/references/94-score-reader/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/94-score-reader.zip - [95 Frame by Frame](https://drew-site-design-library.netlify.app/designs/95-frame-by-frame): A film’s timeline can become the publication’s reading surface. Specification: https://drew-site-design-library.netlify.app/references/95-frame-by-frame/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/95-frame-by-frame.zip - [96 Rulewalk](https://drew-site-design-library.netlify.app/designs/96-rulewalk): A simple movement rule can become a curatorial point of view. Specification: https://drew-site-design-library.netlify.app/references/96-rulewalk/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/96-rulewalk.zip - [97 Curtain Bureau](https://drew-site-design-library.netlify.app/designs/97-curtain-bureau): A website can be read through entrances, acts and the space behind a performance. Specification: https://drew-site-design-library.netlify.app/references/97-curtain-bureau/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/97-curtain-bureau.zip - [98 Shadow Archive](https://drew-site-design-library.netlify.app/designs/98-shadow-archive): Changing the light can change which part of an object becomes readable. Specification: https://drew-site-design-library.netlify.app/references/98-shadow-archive/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/98-shadow-archive.zip - [99 Exquisite Assembly](https://drew-site-design-library.netlify.app/designs/99-exquisite-assembly): Independent contributions can meet in a composition nobody authored alone. Specification: https://drew-site-design-library.netlify.app/references/99-exquisite-assembly/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/99-exquisite-assembly.zip - [100 Powers of Scale](https://drew-site-design-library.netlify.app/designs/100-powers-of-scale): Changing scale should change the question, not only the magnification. Specification: https://drew-site-design-library.netlify.app/references/100-powers-of-scale/DESIGN.md ZIP: https://drew-site-design-library.netlify.app/downloads/100-powers-of-scale.zip