Halyard

Halyard is a complete, calm website for a design or development agency, built as a real multi-page Framer site and not a single screen. Stone background, ink text and one raspberry accent, set in a single font (Onest).

What you get

- 8 pages: Home, Work, Services, Studio, Journal, Careers, Contact and a 404

- 3 CMS collections with detail pages: 6 case studies (client, services, year, challenge, approach, 3 results metrics, gallery, quote), 5 journal posts and 3 open roles

- Work index with a service filter (Brand, Web, Product, Campaign). It works by mouse and keyboard, shows live counts and opens from a link like /work#web

- Hover preview on the work list: the project cover follows the pointer, and appears beside the row on keyboard focus

- Studio availability note and local clock: set the next free start month and the studio time zone in one component

- Services with deliverables, typical ranges and an FAQ; Studio page with values, a team of six and a four phase process

- Contact form with name, email, company, budget range and message, plus studio details

- Mobile menu, layouts for 1440, 1024, 810 and 390, reduced motion respected, titles, descriptions and social image on every page, 404 set to noindex

Good to know

- All content is made up: the studio, clients, people, prices and numbers. Portraits and project visuals are illustrations I drew, not photos

- Ranges and prices on the Services page are placeholders

- The team is static; journal posts, projects and roles are CMS

- The filter and hover preview are custom code components (10 in total, all with the HY prefix). The hover preview needs a mouse or trackpad and the clock needs JavaScript

- The form saves to your Framer inbox and needs your own project and plan to publish

- A few links are partner links (Cal.com, Papermark, Framer). Remove or replace them as you like

- No dark mode, site search or multi language