L

lexington/blocks

Files

CodeInfo

Ælen Principlesaelen-about-principlesPrinciples: Gambetta heading over four tiles on oatmeal, plum and birch, each with a short title and one paragraph on how the clinic works. Needs a Lexington MCP key.

Ælen Storyaelen-about-storyStory: tall room photo beside a Gambetta heading, three paragraphs about how the clinic started, and a two by two grid of large figures with small labels. Needs a Lexington MCP key.

Ælen Featuredaelen-blog-featuredJournal hero: Gambetta h1 with intro, then the latest article as a split of a square photo and an oatmeal tile with title, description, author avatar, date, reading time and an arrow link. Needs a Lexington MCP key.

Ælen Latestaelen-blog-latestArticle grid: topic tabs over a three column grid of journal cards. Needs a Lexington MCP key.

Ælen TagPostsaelen-blog-tag-postsTopic page: Gambetta h1 with the topic name and article count, topic tabs, and a three column grid of journal cards for that topic. Needs a Lexington MCP key.

Ælen TopicListaelen-blog-topic-listTopics index: Gambetta h1 with intro over a three column grid of 4:3 oatmeal tiles, each with the topic name, article count and an arrow link. Needs a Lexington MCP key.

Ælen Bookingaelen-book-bookingBooking form: Gambetta h1 with intro, tile pickers for treatment, physiotherapist, day and time built on radio inputs, contact fields, and a sticky plum summary with the total and a confirm button. Needs a Lexington MCP key.

Ælen Practicalaelen-classes-practicalBefore you come: studio photo beside an oatmeal tile with a Gambetta heading, drop in and class card prices, and four short notes in two columns. Needs a Lexington MCP key.

Ælen Scheduleaelen-classes-scheduleWeekly class schedule: Gambetta h1 with intro, then six day columns from Monday to Saturday of class tiles with a colour bar, time, class, teacher and spots left; full classes fade. Needs a Lexington MCP key.

Ælen Typesaelen-classes-typesClass types: Gambetta heading over four columns, each with a colour bar, fine-line icon, class name, one line and the teacher. Needs a Lexington MCP key.

Ælen Contactaelen-contact-contactContact: Gambetta h1 with intro, a four column tile grid with the message form on oatmeal, a room photo, a birch address tile, a plum opening hours tile and a mauve phone and email tile. Needs a Lexington MCP key.

Ælen ExerciseListaelen-exercises-exercise-listExercise library: Gambetta h1 with intro, radio tabs for each body area with fine-line icons, and a two column checkerboard of photo and text tile pairs filtered by a small script. Needs a Lexington MCP key.

Ælen Questionsaelen-faq-questionsFAQ page: Gambetta h1 with intro, a sticky side column with topic anchor links and a plum 'Still unsure?' tile, and topic groups of oatmeal details tiles with plus icons. Needs a Lexington MCP key.

Ælen Arrivalaelen-first-visit-arrivalFinding the clinic: Gambetta heading with four short notes in two columns beside a photo of the treatment room. Needs a Lexington MCP key.

Ælen Prepareaelen-first-visit-prepareFirst visit checklist hero: Gambetta h1 with intro, a portrait with a pinned appointment card and a four step readiness bar, beside four checkbox tiles with fine-line icons that fill the bar when ticked. Needs a Lexington MCP key.

Ælen Billingaelen-insurance-billingDirect billing: treatment photo beside a Gambetta heading and three steps with a title and line each, then an arrow link. Needs a Lexington MCP key.

Ælen Paymentaelen-insurance-paymentInsurance chooser hero: Gambetta h1 with intro, three radio tiles (private insurance, employer, paying yourself) with fine-line icons, the chosen one in plum, beside a photo with a pinned card that changes what you pay and what to bring. Needs a Lexington MCP key.

Ælen Referralsaelen-insurance-referralsReferrals: Gambetta heading in the side column and four cases in two columns, each a short title with a paragraph. Needs a Lexington MCP key.

Ælen Approachaelen-landing-approachApproach: Gambetta heading with intro, a wide treatment photo, then three time bars in oatmeal, mauve and plum showing how a sixty minute visit is spent. Needs a Lexington MCP key.

Ælen Classesaelen-landing-classesClasses preview: a large studio photo, a birch heading tile and square oatmeal day tiles with time, class, teacher and spots left in mauve, in a four column grid. Needs a Lexington MCP key.

Ælen Conditionsaelen-landing-conditionsConditions grid: centred Gambetta heading over six common problems in three columns, each with a fine-line icon in an oatmeal circle, title, one line and a 'How we treat it' arrow link. Needs a Lexington MCP key.

Ælen Faqaelen-landing-faqFAQ: Gambetta heading with intro, an arrow link and a contact note in the side column, and five oatmeal details tiles with plus icons in the main column. Needs a Lexington MCP key.

Ælen Heroaelen-landing-heroPhysiotherapy home hero: one treatment room photo seen through a 12-column grid of rounded tiles, with price, next free time and rating tiles in plum and mauve set into the grid, then a two line Gambetta headline and two checked promises. Needs a Lexington MCP key.

Ælen Mosaicaelen-landing-mosaicClinic mosaic hero: an eight column grid of portraits, room photos and small linen, plum and mauve tiles (price, rating, next free time) beside a Gambetta h1 and short intro. Needs a Lexington MCP key.

Ælen Teamaelen-landing-teamTeam preview: a plum heading tile next to three portrait tiles, each with a linen card pinned at the bottom with name, role, focus and a fine-line icon. Needs a Lexington MCP key.

Ælen Testimonialaelen-landing-testimonialTestimonial: a four column figure with a patient portrait, a wide plum tile holding a large quote, name and since when, and a stack of an oatmeal rating tile and a birch result tile with a fine-line icon. Needs a Lexington MCP key.

Ælen Treatmentsaelen-landing-treatmentsTreatments preview: heading with arrow link, then a four column tile grid alternating photos and coloured treatment tiles (oatmeal, plum, mauve, birch) with title, line, length and price. Needs a Lexington MCP key.

Ælen NotFoundaelen-not-found-not-found404: a full screen grid of tiles each showing a piece of one room photo, with a linen card in the middle holding the logo, error code, Gambetta heading, line and two buttons. Needs a Lexington MCP key.

Ælen PriceListaelen-pricing-price-listPrice list: Gambetta h1 with intro, three wide oatmeal tiles grouping treatments with a title and note on the left and each price row (name, detail, length, price) on the right, then two arrow links. Needs a Lexington MCP key.

Ælen Buttonsaelen-system-buttonsStyle guide buttons: system header, then a tile per variant (primary, accent, muted) with all seven sizes and the icon only buttons. Needs a Lexington MCP key.

Ælen Colorsaelen-system-colorsStyle guide colours: the grounds as nested birch, oatmeal and linen tiles, plum and mauve tiles with a large Aa in their text colour, a text colour tile and a focus ring tile. Needs a Lexington MCP key.

Ælen Linksaelen-system-linksStyle guide links: the arrow link in three sizes on a birch tile, then every button variant and size rendered as links. Needs a Lexington MCP key.

Ælen Typographyaelen-system-typographyStyle guide typography: Gambetta and Switzer font tiles, then every display and text size in its own oatmeal tile with the variant name beside real clinic copy. Needs a Lexington MCP key.

Ælen Hiringaelen-team-hiringHiring: one wide plum tile with a Gambetta heading and paragraph about the role on the left and a mauve button on the right. Needs a Lexington MCP key.

Ælen Matchaelen-team-matchWho to see for what: Gambetta heading and intro beside a list of oatmeal rows, each with a common problem, the physiotherapist's name, a small portrait and a chevron. Needs a Lexington MCP key.

Ælen TeamListaelen-team-team-listTeam index: Gambetta h1 with intro, three portrait cards with linen cards pinned on them showing name, role, focus, icon and the days each person is in, then a line with an arrow link to book. Needs a Lexington MCP key.

Ælen Togetheraelen-team-togetherTogether: treatment photo beside a Gambetta heading and a list of points, each a title with a paragraph, on how the team shares one plan. Needs a Lexington MCP key.

Ælen TreatmentListaelen-treatments-treatment-listTreatments index: Gambetta h1 with intro, a two column grid of 4:5 treatment photos with linen cards pinned on them, and a closing line with an arrow link to book an assessment. Needs a Lexington MCP key.

Alfred Ctaalfred-ctas-ctaCTA block: rounded dark panel split in two, heading, short line, white button and a quiet pricing link on the left, a dashboard screenshot clipped at the bottom right corner. Needs a Lexington MCP key.

Alfred Feature1alfred-features-feature-1Feature panel on a pale blue tint: icon kicker, heading and offset lead in a four column header, a dashboard screenshot on a deeper blue panel, then three title and text blocks. Needs a Lexington MCP key.

Alfred Feature2alfred-features-feature-2Feature panel on a pale rose tint: icon kicker, heading and offset lead in a four column header, then one calendar screenshot on a deeper rose panel. No list or buttons. Needs a Lexington MCP key.

Alfred Feature3alfred-features-feature-3Bento feature grid: heading with offset lead, then a six column grid of five pale blue, rose and green cards, two wide and three narrow, each with title, text and a UI widget. Needs a Lexington MCP key.

Alfred Feature4alfred-features-feature-4Tabbed feature panel on a pale green tint: icon kicker and heading, four text tabs on the left switch four floating UI widgets on a green panel on the right. Inline tab script. Needs a Lexington MCP key.

Alfred FeatureGridalfred-features-feature-gridFeature grid: large heading, then six features in three columns, each with a duotone icon on a blue, rose or green tile, a title and a short description. Needs a Lexington MCP key.

Alfred Faqalfred-helpcenter-faqFAQ block: heading and short intro on the left, four rounded native details accordions on the right, each with a rotating plus icon. No JavaScript. Needs a Lexington MCP key.

Astromax SP Channelsastromaxsp-contact-channelsEmail list on the dark ground: a small muted label in the first three columns and a display sized email link in the other nine, one row per channel, fading on hover. Needs a Lexington MCP key.

Astromax SP Enquiryastromaxsp-contact-enquiryProject enquiry form: a small heading and a short line in the first three columns, then name, email and company fields, service chips, budget chips, a message field and a pill send button. Square cornered grey fields, no borders. Needs a Lexington MCP key.

Astromax SP Studiosastromaxsp-contact-studiosTwo studio addresses side by side under a small heading: the city in large type, a live local time, the street address, a phone link and the opening hours. Needs a Lexington MCP key.

Astromax SP Clientsastromaxsp-landing-clientsClient list as one paragraph: a small heading in the first three columns and every client name in large type, separated by commas. Needs a Lexington MCP key.

Astromax SP Heroastromaxsp-landing-heroHome hero filling the first screen: a short studio line and three small facts at the top, a giant medium-weight uppercase line, a row of six numbered project screenshots that scrolls sideways on phones, and the line finishing below. Needs a Lexington MCP key.

Astromax SP Showcaseastromaxsp-landing-showcaseSticky work showcase several screens tall: a numbered project list and counter at the top, one 3/4 screenshot in the middle wiped up over the last as you scroll, settling from a slight zoom, and the project name in giant type with its summary and services at the bottom. Needs a Lexington MCP key.

Astromax SP Studioastromaxsp-landing-studioStudio statement and a word strip: a small heading and a large paragraph, then a giant line of disciplines with a small screenshot set into the type after each word, moving sideways as the page scrolls. Needs a Lexington MCP key.

Astromax SP Disciplinesastromaxsp-services-disciplinesNumbered services list: each row a large service name, a short summary and a two column list of what it includes on the left, and a 4/3 photograph on the right. The whole row links to the service. Needs a Lexington MCP key.

Astromax SP Processastromaxsp-services-processFour numbered steps in a two column grid under a small heading: each a number, a medium heading and a short muted paragraph. Needs a Lexington MCP key.

Astromax SP Rolesastromaxsp-studio-rolesOpen roles: a small heading and a line with the jobs email in the first three columns, then one row per role with the title in large type and the city and contract beside it, fading on hover. Needs a Lexington MCP key.

Astromax SP Statementastromaxsp-studio-statementStudio story: one large paragraph starting at the fourth column, with four facts below as small labels over medium values. Needs a Lexington MCP key.

Astromax SP Teamastromaxsp-studio-teamTeam grid under a small heading: six square cornered 4/5 portraits in two or three columns, each with a name and role. Needs a Lexington MCP key.

Astromax SP Buttonsastromaxsp-system-buttonsStyle guide: every button variant in each size, as a button, a link and an icon button, all rounded full. Needs a Lexington MCP key.

Astromax SP Colorsastromaxsp-system-colorsStyle guide: the colour tokens as tall square cornered swatches with their names and token names. Needs a Lexington MCP key.

Astromax SP Typographyastromaxsp-system-typographyStyle guide: every display and text size of the Text component with a sample line and its name. Needs a Lexington MCP key.

Aubergine AboutCredentialsaubergine-about-about-credentialsMoss band, "Insured and certified": heading and short line, then a three column list of credentials each with a plant icon, title and sentence, on hairlines. Needs a Lexington MCP key.

Aubergine AboutHeroaubergine-about-about-heroAbout hero: a huge medium weight headline across the top, then a full width planting photo that loads first. Needs a Lexington MCP key.

Aubergine AboutStoryaubergine-about-about-storyCompany story: a column of dated facts on hairlines on the left, a large lead paragraph and two muted paragraphs on the right. Needs a Lexington MCP key.

Aubergine AboutTeamaubergine-about-about-teamRow of four team portraits at 3:4 that zoom slightly on hover, name and role under each; heading and link to the full team above. Data inlined. Needs a Lexington MCP key.

Aubergine AboutValuesaubergine-about-about-values"How we garden" list: each value on a hairline row with a huge light figure on the left and a title and sentence on the right. Needs a Lexington MCP key.

Aubergine AreasFurtheraubergine-areas-areas-furtherShort heading and paragraph for work beyond the home area, with a link to the process page. Needs a Lexington MCP key.

Aubergine AreasHeroaubergine-areas-areas-heroAreas hero: heading and paragraph about the coastline served, then three tall photos side by side, each with a caption. Needs a Lexington MCP key.

Aubergine AreasReachaubergine-areas-areas-reachMoss band, "Close enough to come back": three large light figures (yards, drive time, crews) on hairlines with a label and sentence each. Needs a Lexington MCP key.

Aubergine AreasTownsaubergine-areas-areas-townsTowns and drive times: one hairline row per region with its yard on the left and a grid of towns with their drive time on the right. Needs a Lexington MCP key.

Aubergine CareHeroaubergine-care-care-heroGarden care hero: heading and paragraph, a full width pruning photo, then three small facts (visits, crew, term) in a row. Needs a Lexington MCP key.

Aubergine CareRhythmaubergine-care-care-rhythm"How often we come": three care rhythms as tall photos, each with a name, visits per year and a sentence. Needs a Lexington MCP key.

Aubergine CareVisitaubergine-care-care-visit"What a visit includes": heading and paragraph, then a sticky 4:5 irrigation photo on the left and the six steps of a visit as a numbered hairline list on the right. Needs a Lexington MCP key.

Aubergine CareYearaubergine-care-care-yearMoss band, "The year, month by month": four seasons on hairlines, each with its months in three columns and the tasks under each month. Needs a Lexington MCP key.

Aubergine Areasaubergine-landing-areas"Where we work": heading with a link, then three regions as hairline columns each listing its towns in medium type. Needs a Lexington MCP key.

Aubergine Careaubergine-landing-careMoss band, "A year of care": heading, link and paragraph, then four season columns on hairlines, each with a plant icon, months, season name and four tasks. Needs a Lexington MCP key.

Aubergine Heroaubergine-landing-heroFull screen photo slideshow hero: four garden photos cross-fade every six seconds, one sentence bottom left and a caption with a 1/4 counter bottom right, under dark scrims. Needs the navigation overlaid. Needs a Lexington MCP key.

Aubergine Introaubergine-landing-introShort intro: a row of three small facts, then one large paragraph about the team and a link to the About page, in the right half. Needs a Lexington MCP key.

Aubergine Projectsaubergine-landing-projects"Recent gardens": four projects in a two column grid of 4:3 photos that zoom on hover, title left and size and finish date right. Data inlined. Needs a Lexington MCP key.

Aubergine Statementaubergine-landing-statementStrip of three photos, then a huge headline, a short paragraph and a Free quote button, with a small place and year line at the right. Needs a Lexington MCP key.

Aubergine Testimonialsaubergine-landing-testimonials"In their words": a rating line, then three featured reviews as large quotes each with a square portrait, name and the project it links to. Data inlined. Needs a Lexington MCP key.

Aubergine ProcessHeroaubergine-process-process-heroProcess hero: heading and paragraph, then a timeline of the five stages as proportional bars with number, name and duration. Needs a Lexington MCP key.

Aubergine ProcessPromisesaubergine-process-process-promisesMoss band, "What stays the same": four promises in a two column grid, each with a plant icon, title and sentence on hairlines. Needs a Lexington MCP key.

Aubergine ProcessStagesaubergine-process-process-stagesThe five stages as hairline rows: number, large light name and duration on the left, a 4:3 photo in the middle, a paragraph and checklist on the right. Needs a Lexington MCP key.

Aubergine ReviewsHeroaubergine-reviews-reviews-heroReviews hero: heading and a paragraph that opens with the average rating in ink. Needs a Lexington MCP key.

Aubergine ReviewsListaubergine-reviews-reviews-listReviews as photo tiles: the first large across two columns, the rest 4:5, each with a quote, name, project link and date over a dark scrim. Data inlined. Needs a Lexington MCP key.

Aubergine ReviewsThemesaubergine-reviews-reviews-themes"What comes up most": review themes as hairline rows with the theme on the left and the number of reviews on the right. Needs a Lexington MCP key.

Author Formauthor-booking-formBooking request: a sticky rail with a section head, three numbered steps and a small manager card with photo, email and phone, beside a form in fieldsets for dates and guests, room and boat, and contact details. Needs a Lexington MCP key.

Author Heroauthor-booking-heroPage hero on the twelve column grid: a small label and a muted note in the four column rail, a large medium h1 and a muted lead in the eight columns beside it. Needs a Lexington MCP key.

Author Termsauthor-booking-termsTerms: a section head with a plus link in the rail, then a two column list of short terms, each a medium title over a muted paragraph. Needs a Lexington MCP key.

Author Directionsauthor-contact-directionsDirections: a section head and a muted lead, a full width 16:9 rounded photo, then three routes in a row, each with the starting point, travel time and a muted line on how. Needs a Lexington MCP key.

Author Formauthor-contact-formContact form: a section head and a muted note in the rail, a two column form with name, email, a topic select, a message and a send button. Needs a Lexington MCP key.

Author Heroauthor-contact-heroContact hero: label and muted note in the rail, a large h1 with three contact details below it in a row, each a small muted label over the value. Needs a Lexington MCP key.

Author Heroauthor-events-heroEvents index hero: label and muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-events-listEvents list: one row per event, the date set large with the weekday and year in the rail, a 16:9 photo, kind, title, description, time and price on the right. Needs a Lexington MCP key.

Author Founderauthor-house-founderFounder: a section head over a 3:4 portrait in the rail, a large muted quote, two columns of muted paragraphs and a name with role at the bottom. Needs a Lexington MCP key.

Author Heroauthor-house-heroAbout hero: label and a muted note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Storyauthor-house-storyTimeline: a sticky section head with a muted line in the rail, a list of years split by hairlines, each a large year beside a medium title and a muted paragraph. Needs a Lexington MCP key.

Author Teamauthor-house-teamTeam: a section head and a muted lead, then four 4:5 rounded portraits in a row, each with the name, a muted role and a short muted line. Needs a Lexington MCP key.

Author GuestBookauthor-landing-guest-bookGuest book: a section head beside one featured quote in large medium type with name and stay, then three quotes on soft grey rounded cards. Needs a Lexington MCP key.

Author Heroauthor-landing-heroFull height hero on a dark photo ground: an intro line in the rail, a large h1, a medium subtitle and a book button, then a frosted host card with portrait and a row of room photos that widen on hover. Needs a Lexington MCP key.

Author OffersPreviewauthor-landing-offers-previewFeatured offer: a large 4:3 photo on the left, the season and dates, a display title, description and an icon list of what is included on the right, with the price and a plus link at the bottom. Needs a Lexington MCP key.

Author Restaurantauthor-landing-restaurantRestaurant band: a full height dark photo ground with a section head, a lead and a plus link, then three services in a row with title, hours and a muted line. Needs a Lexington MCP key.

Author RoomsPreviewauthor-landing-rooms-previewRooms preview: a section head beside a muted lead and a plus link, then a two column grid of 3:2 room photos, each with the name, price, type, size and sleeps. Needs a Lexington MCP key.

Author SurroundingsPreviewauthor-landing-surroundings-previewGuides carousel: a section head beside a muted lead, a plus link and previous and next buttons, then a horizontal snap scroller of square photo cards that bleeds off the right edge. Needs a Lexington MCP key.

Author Welcomeauthor-landing-welcomeWelcome: one statement in large medium type with a plus link in the eight columns, a short greeting and the host's name and role at the bottom of the rail. Needs a Lexington MCP key.

Author Heroauthor-notfound-hero404 on a full height dark photo ground: the logo at the top, an error label in the rail, a large h1, a muted line and a home button, the copyright at the bottom. Needs a Lexington MCP key.

Author Heroauthor-offers-heroOffers index hero: label and a muted pricing note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-offers-listOffers grid: two to a row, each a 4:3 photo, season and dates, a display title, a muted description and the price with nights. Needs a Lexington MCP key.

Author Faqauthor-practical-faqFAQ: a sticky section head in the rail, groups of questions on the right, each group a muted label over soft grey rounded accordions with a plus that turns into a cross. Needs a Lexington MCP key.

Author Heroauthor-practical-heroPractical hero: label and a muted note in the rail, a large h1 and lead, then six key facts in a three column grid, each a large number over a short muted label. Needs a Lexington MCP key.

Author Packingauthor-practical-packingPacking list on a dark ground: a section head and a muted note in the rail, four seasons in a two column grid, each a title, a muted note and a plain list of items. Needs a Lexington MCP key.

Author Heroauthor-restaurant-heroRestaurant hero: label and opening note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Hoursauthor-restaurant-hoursOpening hours on a dark ground: a section head and a muted note in the rail, a list of services split by lines, each with the name, days and time. Needs a Lexington MCP key.

Author Kitchenauthor-restaurant-kitchenKitchen: a section head beside a muted lead and three sources in a row, each a medium title over a muted line, then two 4:3 rounded photos side by side. Needs a Lexington MCP key.

Author Menusauthor-restaurant-menusSample menus: a section head and a muted lead, then one row per menu with the title, a note and a numbered list of dishes in the rail beside a 3:2 rounded photo. Needs a Lexington MCP key.

Author Reservationauthor-restaurant-reservationTable reservation: a section head and a muted note in the rail, a two column form with name, email, date, guests, how they arrive, notes and a request button. Needs a Lexington MCP key.

Author Heroauthor-rooms-heroRooms index hero: label and a muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-rooms-listRooms list: one row per room, a number and type, a display name, description, a size, sleeps, view and price list and a see the room link in the rail, a 16:9 photo on the right. Needs a Lexington MCP key.

Author Heroauthor-surroundings-heroSurroundings index hero: label and a muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-surroundings-listGuides grid: three to a row, each a 4:5 photo, kind and season, a title, a muted description, then the distance and duration. Needs a Lexington MCP key.

Author Swatchesauthor-system-swatchesColour tokens: a label in the rail and a four column grid of square rounded swatches, each with name, token and value. Needs a Lexington MCP key.

Author TypeScaleauthor-system-type-scaleType scale: groups of display and text sizes in rows split by hairlines, each with its name over a sample line. Needs a Lexington MCP key.

Author Heroauthor-vouchers-heroGift voucher hero: label and a muted validity note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Optionsauthor-vouchers-optionsVoucher options: a section head in the rail, three options in a row, each a medium title, a large price and a muted list of what it covers. Needs a Lexington MCP key.

Author Orderauthor-vouchers-orderVoucher order form: a sticky rail with a section head and numbered notes, a form in fieldsets for the voucher, the recipient and the sender, and an order button. Needs a Lexington MCP key.

Bastion Expertisebastion-about-expertiseSix stat tiles in a 1/2/3 grid with italic display numbers, title and short caption on light panels, then a kicker, two tone heading and lead paragraph below. Needs a Lexington MCP key.

Bastion Herobastion-about-heroDark page hero in a three column grid: kicker, h1 and lead in two columns beside a solid accent panel with logo and three stacked words, full width image underneath. Needs a Lexington MCP key.

Bastion BlogGridbastion-blog-blog-gridThree column grid of six blog post cards, each a 4:3 image, title, description and text link, newest first, no header. Needs a Lexington MCP key.

Bastion Openingsbastion-careers-openingsThree benefit panels with a round accent check, title and paragraph, then a stacked list of job rows with department, title, description and arrow link. Needs a Lexington MCP key.

Bastion Faqbastion-contact-faqThree column split: kicker, small heading and paragraph on the left, six native details accordions on light panels with rotating plus icons spanning two columns, no JavaScript. Needs a Lexington MCP key.

Bastion Formbastion-contact-formTwo column split: kicker, heading, paragraph and three icon rows for address, phone and email beside a dark panel form with name, email and message fields plus submit button. Needs a Lexington MCP key.

Bastion Navigatebastion-contact-navigateDark canvas section: kicker and two tone display heading in a three column header, then three text cards, each a title, description and text link, in a 1/2/3 grid. Needs a Lexington MCP key.

Bastion ReachOutbastion-contact-reach-outThree column header with kicker and two tone heading, followed by three plain text items, title and description only, in a 1/2/3 grid with no images or links. Needs a Lexington MCP key.

Bastion Testimonialsbastion-customers-testimonialsKicker, heading and previous/next arrow buttons in a three column header, then a keen-slider carousel of six portrait cards revealing stars and quote on hover, name and role below. Needs a Lexington MCP key.

Bastion Herobastion-landing-heroFull viewport hero over a looping background video with dark overlay, kicker, h1 and lead pushed to the bottom left, four italic stats in a row under a hairline rule. Needs a Lexington MCP key.

Bastion Introbastion-landing-introDark canvas contact strip in three columns: solid accent panel with logo, heading and address, phone, email and hours labels, beside kicker, heading, paragraph and one button. Needs a Lexington MCP key.

Bastion Statsbastion-landing-statsDark canvas section with hairline rails: logo and kicker in one column, two tone display heading, lead paragraph and three italic stats with labels spanning two columns. Needs a Lexington MCP key.

Bastion WhatWeDobastion-landing-what-we-doLeft aligned kicker, two tone heading and lead paragraph, then two focus areas with title and paragraph side by side in a two column grid, no images. Needs a Lexington MCP key.

Bastion NotFoundbastion-notfound-not-foundFull height dark 404: large display number, accent subheading, short paragraph and one muted button back home, all centred. Needs a Lexington MCP key.

Bastion ProjectsListbastion-projects-projects-listStacked list of expandable project rows, each with category, title, description and arrow link, opening a keen-slider gallery with arrow buttons. Needs a Lexington MCP key.

Bastion ProjectsPreviewbastion-projects-projects-previewThree column grid with a dark intro panel holding logo, heading, paragraph and button, followed by two project cards with image, meta line, title and link. Needs a Lexington MCP key.

Bastion Principlesbastion-services-principlesDark canvas section: logo and kicker in one column, two tone display heading, lead paragraph and four principles with title and short text in a two column grid. Needs a Lexington MCP key.

Bastion ServicesGridbastion-services-services-gridTwo column grid of service cards, each a 4:3 image, title, two line description and text link, no header. Needs a Lexington MCP key.

Bastion ServicesPreviewbastion-services-services-previewKicker and two column heading block with paragraph and button, then a three column grid of service cards with image, title, clamped description and link. Needs a Lexington MCP key.

Bastion Buttonsbastion-system-buttonsStyle guide buttons: default, accent and muted columns, every size from xxs to xl with a text button and a square icon button side by side. Needs a Lexington MCP key.

Bastion Colorsbastion-system-colorsColour tokens shown twice, on a light panel and a dark ground panel: five square swatches with name and token variable. Needs a Lexington MCP key.

Bastion Linksbastion-system-linksStyle guide links: a text link, an inline link inside a paragraph, and a text link on a dark ground panel, each under a small uppercase label. Needs a Lexington MCP key.

Bastion Typographybastion-system-typographyType scale: every Text variant from textXS to display6XL in rows divided by hairlines, variant name on the left and a sample line on the right. Needs a Lexington MCP key.

Bastion TeamDirectorybastion-team-team-directoryCentred kicker, h1 and lead paragraph, then a three column grid of six team cards with 4:3 portrait, name and role, sorted by name. Needs a Lexington MCP key.

Bastion TeamPreviewbastion-team-team-previewThree column grid with a solid accent panel holding heading and button, followed by two team cards with portrait, name and role sorted alphabetically. Needs a Lexington MCP key.

Brightlight NotFoundHerobrightlight-404-not-found-hero404 page: a stone shader tile with one centred w-72 background card holding a two-tone heading, a line of copy and default and muted buttons side by side. Needs a Lexington MCP key.

Brightlight AboutHerobrightlight-about-about-heroAbout hero filling the screen on desktop: a two-tone h1 across eight columns with a muted paragraph in four, then a wide team photo on a rounded panel below. Needs a Lexington MCP key.

Brightlight AboutStorybrightlight-about-about-storyFounding story: a two-tone h2 sticky in the left four columns, a large two-tone lead and muted paragraphs in seven columns on the right. Needs a Lexington MCP key.

Brightlight AboutTeambrightlight-about-about-teamTeam grid under a two-tone h2: four square portraits on rounded corners in a 1/2/4 column grid, each with name and role in small type below. Needs a Lexington MCP key.

Brightlight AboutValuesbrightlight-about-about-valuesValues under a two-tone h2: three grey panels in a row, each with a small title and a short muted paragraph pushed to the bottom. Needs a Lexington MCP key.

Brightlight BlogFeaturedbrightlight-blog-blog-featuredFeatured post as one grey panel on the 12 column grid: a 4:3 cover in seven columns, then category, date, a large title, excerpt, author with a rounded avatar and a read more link in five. Needs a Lexington MCP key.

Brightlight BlogHeaderbrightlight-blog-blog-headerBlog index header: a two-tone h1 with a short muted paragraph under it, left aligned. Needs a Lexington MCP key.

Brightlight Subscribebrightlight-blog-subscribeNewsletter panel: a two-tone h2 in six columns and an email field with a default button in five, on a grey panel. Needs a Lexington MCP key.

Brightlight ChangelogListbrightlight-changelog-changelog-listChangelog index: a two-tone h1 and a muted paragraph, then a stacked list of releases, each with its date and version beside a grey summary card. Needs a Lexington MCP key.

Brightlight Cta1brightlight-ctas-cta-1Closing call to action split 6 to 6 inside a grey panel: a two-tone h2, a line of copy and default and card buttons, beside a stone shader tile holding a draft invoice card. Needs a Lexington MCP key.

Brightlight CustomersGridbrightlight-customers-customers-gridCustomer stories in a two column grid of grey cards, each with avatar, name, role, a large highlight number, a quote and a read more link. Needs a Lexington MCP key.

Brightlight CustomersHeaderbrightlight-customers-customers-headerCustomer stories header: a two-tone h1 with a short muted paragraph under it, left aligned. Needs a Lexington MCP key.

Brightlight Faq1brightlight-faqs-faq-1FAQ split 4 to 7: a two-tone h2 on the left, native details accordions as grey rounded cards with a chevron on the right. No JavaScript. Needs a Lexington MCP key.

Brightlight Feature5brightlight-features-feature-5Three step feature rows under a two-tone h2: each row is a grey panel with a title, subtitle and copy in five columns beside a stone shader tile holding a centred mock UI card in seven. Needs a Lexington MCP key.

Brightlight Feature6brightlight-features-feature-6Reminders feature: a two-tone h2 in three columns, then a wide stone shader tile with a mock reminder card and three points with titles and copy below it in nine. Needs a Lexington MCP key.

Brightlight Feature7brightlight-features-feature-7Money overview: a two-tone h2 with muted copy, then two stone shader tiles side by side, one with a monthly income bar chart card and one with a tax pot card with a switch, each titled underneath. Needs a Lexington MCP key.

Brightlight ContactFormbrightlight-forms-contact-formContact page filling the screen on desktop: two-tone h1, copy and contact details in five columns, a stone shader tile in seven holding a background card form with name, email and message fields and a default button. Needs a Lexington MCP key.

Brightlight SignInFormbrightlight-forms-sign-in-formSign in split 5 to 7: heading, a muted Google button, email and password fields and a default button on the left, a shader tile with a payments received card on the right. Needs a Lexington MCP key.

Brightlight SignUpFormbrightlight-forms-sign-up-formSign up split 5 to 7: heading, a muted Google button, name, email and password fields and a default button on the left, a shader tile with a checklist card on the right. Needs a Lexington MCP key.

Brightlight HelpCenterContactbrightlight-helpcenter-help-center-contactSupport panel on grey: a two-tone h2 in seven columns, a line of copy and a default button in five. Needs a Lexington MCP key.

Brightlight HelpCenterTopicsbrightlight-helpcenter-help-center-topicsHelp center index: a two-tone h1 and a muted paragraph, then six grey guide cards in a 1/2/3 column grid. Needs a Lexington MCP key.

Brightlight Hero2brightlight-heros-hero-2Landing hero filling the screen on desktop: a two-tone h1, copy and default and muted buttons in five columns, a tall stone shader tile in seven holding an invoice card over a payment received card. On desktop the tile clips from the bottom as you scroll while its contents stay put (GSAP). Needs a Lexington MCP key.

Brightlight IntegrationsDirectorybrightlight-integrations-integrations-directoryIntegrations index: a two-tone h1 and a muted paragraph, then category rows with a title and line in three columns beside a 1/2/3 grid of grey integration tiles in nine. Needs a Lexington MCP key.

Brightlight IntegrationsRequestbrightlight-integrations-integrations-requestRequest panel on grey: a two-tone h2 in seven columns, a line of copy and default and card buttons in five. Needs a Lexington MCP key.

Brightlight Pricing1brightlight-pricing-pricing-1Pricing: a two-tone h2 with a monthly or yearly toggle whose pill slides, then three tier cards, two grey and the featured one white with a badge, each with price, copy, a full width button and a dot list. Needs a Lexington MCP key.

Brightlight Stats1brightlight-stats-stats-1Stats row: a small two-tone heading in three columns, three grey cards in nine, each with a muted label on top and a large number at the bottom. Needs a Lexington MCP key.

Brightlight ColorSwatchesbrightlight-system-color-swatchesStyle guide colour swatches: each token as a rounded chip with its name and what it is used for. Needs a Lexington MCP key.

Brightlight MoreLinkSpecimenbrightlight-system-more-link-specimenStyle guide specimen of the read more link, alone and inside a sample card. Needs a Lexington MCP key.

Brightlight ShaderSpecimenbrightlight-system-shader-specimenStyle guide grid of every shader palette as a rounded tile, each with its name, a note and the colour stops. Needs a Lexington MCP key.

Brightlight TypeScalebrightlight-system-type-scaleStyle guide type scale: every Text variant from display to small, each with its name and sample line. Needs a Lexington MCP key.

Brightlight Testimonial3brightlight-testimonials-testimonial-3Testimonials: a large two-tone quote on a grey panel in eight columns beside a white highlight number card in four, then three grey quote cards with name and role below. Needs a Lexington MCP key.

Buio Postsbuio-blog-postsBlog index on the 4-column grid: sticky large heading and a list of every tag in the first column, post cards in a 1/2/3 grid across the other three. Needs a Lexington MCP key.

Buio Subscribebuio-blog-subscribeNewsletter signup in the middle two of four columns: large heading, one line of copy, a single email input with a floating label and a Submit button. Needs a Lexington MCP key.

Buio Entriesbuio-changelog-entriesChangelog index: two tone heading (white line, grey line) and a short lead, then every release as a ruled row with the date in the first column and a grayscale image, title and summary beside it. Needs a Lexington MCP key.

Buio Cta1buio-ctas-cta-1Centered call to action in a panel ruled on both sides with a grey gradient rim: large heading, one paragraph and two small buttons side by side. Needs a Lexington MCP key.

Buio Cta2buio-ctas-cta-2Partner form centered in two of four columns on a grey gradient: small label, large heading, lead, then first name, last name, company, email, country select and comments with floating labels and a Submit button. Needs a Lexington MCP key.

Buio Featuredbuio-customers-featuredFeatured customer story on the 4-column grid under a hairline: logo in the first column, heading, about paragraph, ruled list of results and a Read the story button across two, three detail pairs in the last. Needs a Lexington MCP key.

Buio Herobuio-customers-heroCustomers index: two tone heading and a short lead, then a 2/4 wall of white customer logos in ruled 16/9 cells. Needs a Lexington MCP key.

Buio Statsbuio-customers-statsStats strip: four big numbers with small grey labels in a 2/4 grid between two hairlines. Needs a Lexington MCP key.

Buio Faq1buio-faqs-faq-1FAQ on the 4-column grid: small label, heading, one line and a Contact button in the first column, native details and summary items with a rotating plus icon across the other three. No JavaScript. Needs a Lexington MCP key.

Buio Faq2buio-faqs-faq-2Static FAQ, no accordion: small label, large heading and paragraph in the middle two of four columns, then question and answer blocks stacked below, each behind a hairline left rule. Needs a Lexington MCP key.

Buio Feature1buio-features-feature-1Two tall panels side by side between vertical hairlines, each with a centered heading and paragraph over a grey gradient and a code window running off the bottom. Uses Astro's Code component. Needs a Lexington MCP key.

Buio Feature2buio-features-feature-2Shape feature grid: sticky two tone heading and paragraph in the first column, six items in a 1/2/3 grid across the other three, each a white line shape on a grey gradient above a title and copy behind a hairline left rule. Needs a Lexington MCP key.

Buio Feature3buio-features-feature-3Split feature: small label, two tone heading, paragraph and four label, title, copy items in a two column grid on the left half, a code window with three outlined dots on the right. Uses Astro's Code component. Needs a Lexington MCP key.

Buio Feature4buio-features-feature-4Feature grid on four columns: two tone heading and lead, then two wide grey gradient panels with white line shapes and four label, title, copy items under hairlines, set in a checkerboard. Needs a Lexington MCP key.

Buio Feature5buio-features-feature-5Feature row: two tone heading and lead, then four items in a 1/2/4 grid, each a square grey gradient panel with a white line shape above a white hairline, title and copy. Needs a Lexington MCP key.

Buio Feature6buio-features-feature-6Tabbed feature in two columns: small label, heading and four tab buttons (label, title, copy) behind hairline left rules, matching code windows on the right. Inline script switches tabs and fades the code in. Needs a Lexington MCP key.

Buio Contactbuio-forms-contactContact page split on the 4-column grid: two tone heading, lead and two email pairs in the left half, a form with first name, last name, company, email, country select and comments, floating labels and a Submit button in the right half. Needs a Lexington MCP key.

Buio SignInbuio-forms-sign-inSign in screen at full height on the 4-column grid: two tone heading, lead and a Go back home link in the left half, email and password with floating labels, a remember me checkbox, Submit and a Google button in the right half. Needs a Lexington MCP key.

Buio SignUpbuio-forms-sign-upSign up screen at full height on the 4-column grid: two tone heading, lead and a Go back home link in the left half, an email field with a floating label, a remember me checkbox, Submit and a Google button in the right half. Needs a Lexington MCP key.

Buio Hero1buio-headers-hero-1Full height hero on a soft top glow: two tone headline, lead and two small buttons stacked in the left half, a grey gradient panel with white concentric circles in the right half running down to the four logo cloud (logo-cloud-1) under a hairline. Needs a Lexington MCP key.

Buio Hero2buio-headers-hero-2Centered full height hero inside faint 1px concentric rings and a crosshair, fading out with a radial mask: two tone headline, short paragraph and two small buttons. One inline SVG, no images. Needs a Lexington MCP key.

Buio KnowledgeBasebuio-helpcenter-knowledge-baseKnowledge base index: two tone heading and lead, then resources in ruled cells with a title, description and a small grey button each. Needs a Lexington MCP key.

Buio Statusbuio-helpcenter-statusNetwork status page: huge two tone heading with a last block synced time, a ruled ledger of services with a green, red or white dot, state and 90 day uptime, then past incidents with time, state and note. Needs a Lexington MCP key.

Buio Topicsbuio-helpcenter-topicsHelp center index: two tone heading and lead with Knowledge base and Network status buttons on the right, then every topic as a ruled row with its description. Needs a Lexington MCP key.

Buio Directorybuio-integrations-directoryIntegrations index: two tone heading and lead, then a 1/2/4 grid of integrations, each a white logo on a grey gradient panel above a hairline, name, description and a View integration line. Needs a Lexington MCP key.

Buio Ctabuio-jobs-ctaCentered careers call to action in a panel ruled on both sides with a grey gradient rim: large heading, one paragraph and a single button to the jobs index. Needs a Lexington MCP key.

Buio Culturebuio-jobs-cultureCareers culture on the 4-column grid: Why we build heading beside two prose paragraphs under a hairline, then Benefits heading beside six benefits in a 1/3 grid. Needs a Lexington MCP key.

Buio Herobuio-jobs-heroCareers hero: two tone heading and lead across three of four columns, a See open positions button in the last. Needs a Lexington MCP key.

Buio Positionsbuio-jobs-positionsOpen positions ledger: a header row with team and location labels, then every role as a ruled row with its title, team and location. Needs a Lexington MCP key.

Buio Herobuio-notfound-heroFull height 404 on a grey gradient rising from the bottom: a giant 404 at the top, a short heading, paragraph and two buttons in the right half below. Needs a Lexington MCP key.

Buio Pricing1buio-pricing-pricing-1Pricing on the 4-column grid: small label, two tone heading and paragraph in the first column, three plans across the other three, each with name, popular badge, price, blurb, button and check list. No toggle. Needs a Lexington MCP key.

Buio Pricing3buio-pricing-pricing-3Four plans in a 1/2/4 grid under a heading block, each with name, popular badge, price, blurb, button and check list, then the eight logo cloud (logo-cloud-2) below. Needs a Lexington MCP key.

Buio Stats1buio-stats-stats-1Network stats: two tone heading and paragraph split across the grid, an inline SVG area chart with quarter labels under a hairline, then four big numbers with labels in a 2/4 grid. Needs a Lexington MCP key.

Buio Stats2buio-stats-stats-2Network stats as a ledger: two tone heading and paragraph split across the grid, then ruled rows with a huge number across two columns, a label and a short note. Needs a Lexington MCP key.

Buio Buttonsbuio-system-buttonsStyle guide buttons: system header, then every Button variant at every size with text and icon only, in ruled rows. Needs a Lexington MCP key.

Buio Colorsbuio-system-colorsStyle guide colours: system header, then ruled rows per token group with 4/3 swatches, names, token names and values. Needs a Lexington MCP key.

Buio Linksbuio-system-linksStyle guide links: system header, then ruled rows for navigation, footer, tag and inline text links, followed by every button as a link. Needs a Lexington MCP key.

Buio Typographybuio-system-typographyStyle guide typography: system header, then every Text variant in Geist as a ruled row, a two tone heading example and a Geist Mono code line. Needs a Lexington MCP key.

Buio Membersbuio-team-membersTeam page on the 4-column grid: small label and two tone heading across two columns, then team member cards in a 1/2/4 grid. Needs a Lexington MCP key.

Buio LogoCloud1buio-testimonials-logo-cloud-1small heading line and a 2/4 grid of four dimmed logos. Takes only an optional class, no data props, so it can also drop straight into a page. Needs a Lexington MCP key.

Buio LogoCloud2buio-testimonials-logo-cloud-22/4 grid of eight dimmed logos with a centered heading line underneath. Takes only an optional class, no data props; used inside pricing-3. Needs a Lexington MCP key.

Buio Testimonial1buio-testimonials-testimonial-1Testimonial carousel on the 4-column grid: small label, heading and previous and next buttons in the first column, keen-slider (CDN) slides across the other three, each with a grayscale portrait, name, role and a large quote. Needs a Lexington MCP key.

Buio Testimonial2buio-testimonials-testimonial-2Static testimonials: small label and two tone heading, then four columns each with a grayscale square portrait behind a hairline left rule, name, role and a short quote. No JavaScript. Needs a Lexington MCP key.

Buio Chaptersbuio-whitepaper-chaptersWhitepaper cover: two tone heading and lead with a Start reading button, then six numbered chapters as ruled rows with title and description. Needs a Lexington MCP key.

Carbon BlogPreviewcarbon-landing-blog-previewHeading and see all button in a row, then a three column grid of blog cards with framed image, date and tag line and title. Needs a Lexington MCP key.

Carbon Herocarbon-landing-heroCentered hero with only text: two line thin serif display heading and one paragraph in a narrow column, no buttons, no image, generous top padding. Needs a Lexington MCP key.

Carbon SitesPreviewcarbon-landing-sites-previewHorizontal scrolling row of tag buttons above a four column grid of site cards with a sponsor card inserted after the third and a show more button when needed. Needs a Lexington MCP key.

Carbon StorePreviewcarbon-landing-store-previewHeading and see all button in a row, then a three column grid of product cards with framed image and a price and title line. Needs a Lexington MCP key.

Carriera Historycarriera-about-history"Since 2019": a lead sentence on the left, a medium statement on the right, then a full width timeline of years in display type, each with a short paragraph. Needs a Lexington MCP key.

Carriera Introcarriera-about-introPage intro: "About Carriera" lead sentence on the left, a display headline and a paragraph on the right, then a full width row of four big numbers with labels. Needs a Lexington MCP key.

Carriera Rulescarriera-about-rules"Three answers": a lead sentence and a medium statement with an arrow link, then three numbered rules in big display numerals, each with a title and a line. Needs a Lexington MCP key.

Carriera Teamcarriera-about-team"Four people": a lead sentence and a medium statement with a write to us button, then a full width row of team cards with portrait, name and role. Data inlined. Needs a Lexington MCP key.

Carriera Formcarriera-alerts-formJob alerts signup: lead sentence and display headline, then a form of field checkboxes with colour chips, open roles and weekly counts, then places, salary and email. Data inlined. Needs a Lexington MCP key.

Carriera Samplecarriera-alerts-sample"Last Tuesday": a lead sentence and a medium statement over a full width list of four job rows with field chip, company, place, level and salary. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-blog-introBlog intro: lead sentence, display headline and topic pills with post counts, then a full width card for the latest post with its meta, title, description and author. Data inlined. Needs a Lexington MCP key.

Carriera Morecarriera-blog-more"More articles": a lead sentence with a browse by topic arrow link over a full width grid of blog cards with photo, topic, date and title. Data inlined. Needs a Lexington MCP key.

Carriera Topicscarriera-blog-topics"Topics": every blog topic as a full width row with its name, the latest article title, the article count and date, and an arrow. Data inlined. Needs a Lexington MCP key.

Carriera Fieldscarriera-categories-fieldsOne block per field of work: colour chip and name, open roles and median salary, an arrow link, three job rows and a stack of company marks hiring. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-categories-introCategories intro: lead sentence and display headline, anchor pills for each field with its colour chip, then a row of facts. Data inlined. Needs a Lexington MCP key.

Carriera Directorycarriera-companies-directory"All companies": a medium statement with the team count and size range, then a full width list of companies with mark, industry, city, people and open roles. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-companies-introCompanies intro: lead sentence and display headline over a full width row of three company cards with cover photos. Data inlined. Needs a Lexington MCP key.

Carriera Formcarriera-contact-formContact: lead sentence, display headline and a paragraph beside a form with topic radio cards, name, email and message, and the face and name of the person who will reply. Needs a Lexington MCP key.

Carriera Othercarriera-contact-other"Other ways in": a lead sentence and a medium statement over full width rows, each a title, a line and an arrow label link. Needs a Lexington MCP key.

Carriera Introcarriera-employers-introFor employers hero: lead sentence, display headline, a post a job button and pricing link, then a full bleed photo with a floating listing card on it. Needs a Lexington MCP key.

Carriera Quotecarriera-employers-quoteHiring team quote: a lead sentence and a big display line, then a full width testimonial card with portrait, quote, name and a highlighted stat. Needs a Lexington MCP key.

Carriera Stepscarriera-employers-steps"How it works": a lead sentence and a medium statement over three numbered steps in a row, each with a title and a paragraph. Needs a Lexington MCP key.

Carriera Contactcarriera-help-contact"Still stuck": a closing band with a lead sentence, a medium statement, a primary write to us button and an arrow link. Needs a Lexington MCP key.

Carriera Introcarriera-help-introHelp center intro: lead sentence and display headline over a full width row of topic cards, each with a name, a line and its answers count. Data inlined. Needs a Lexington MCP key.

Carriera Topicscarriera-help-topicsOne section per help topic: the topic as the lead sentence on the left and its questions as native details accordions with a plus icon on the right. Data inlined. Needs a Lexington MCP key.

Carriera Boardcarriera-jobs-boardJob board: a sticky bar with the role count, search, a filters button and sort, a filter drawer (field, level, place, workplace, type, salary) and a list of job rows, all filtered in the browser. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-jobs-introJobs intro: a lead sentence on the left and a display headline on the right. Nothing else. Needs a Lexington MCP key.

Carriera Articlescarriera-landing-articles"From the blog": a lead sentence, a medium statement and an all articles link over a full width row of blog cards. Data inlined. Needs a Lexington MCP key.

Carriera BrowseRolescarriera-landing-browse-roles"Four fields of work": a lead sentence, a medium statement and a remote roles link over a full width grid of field tiles with colour chips and role counts. Needs a Lexington MCP key.

Carriera Companiescarriera-landing-companies"Teams hiring now": a lead sentence, a medium statement and an all companies link over a full width row of company cards with cover photos. Data inlined. Needs a Lexington MCP key.

Carriera Herocarriera-landing-heroHome hero: a live open roles line, a display headline, a paragraph and a job search form with keyword, location and a search button, over a full bleed parallax photo. Needs a Lexington MCP key.

Carriera LatestJobscarriera-landing-latest-jobs"Latest jobs": a lead sentence, a medium statement and a browse button, then a large featured job card beside a list of job rows. Data inlined. Needs a Lexington MCP key.

Carriera Salariescarriera-landing-salaries"Salary guide" teaser: a lead sentence and a medium statement over a full width table of roles with field chip, range and a big median. Data inlined. Needs a Lexington MCP key.

Carriera Statscarriera-landing-statsFounder statement in display type with a small captioned portrait, then four big counting numbers with a live dot, a stack of faces and small notes. Needs a Lexington MCP key.

Carriera Testimonialscarriera-landing-testimonials"In their own words": a lead sentence and a big display line, then a full width testimonial card with portrait, quote, name and a highlighted stat. Needs a Lexington MCP key.

Carriera Citiescarriera-locations-cities"Cities": a lead sentence and a medium statement over a full width grid of city tiles with country, open roles and pay against the European median. Needs a Lexington MCP key.

Carriera Introcarriera-locations-introLocations intro: lead sentence and display headline beside a row of facts about cities, remote roles and pay. Data inlined. Needs a Lexington MCP key.

Carriera Remotecarriera-locations-remote"Remote": a lead sentence, a medium statement and a see all link over a full width list of four remote job rows. Data inlined. Needs a Lexington MCP key.

Carriera NotFoundcarriera-not-found-not-foundError 404: lead sentence, display headline and a paragraph, with a browse all jobs button and a back to home arrow link. Needs a Lexington MCP key.

Carriera Formcarriera-post-formPost a job: a five step form (the role, the salary, the team, the company and the plan) with a field select, salary range and a live preview card that fills in as you type. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-post-introPost a job intro: lead sentence, display headline and a paragraph, then a full width row of three small facts about time, review and price. Needs a Lexington MCP key.

Carriera AddOnscarriera-pricing-add-ons"Add-ons": a lead sentence and a medium statement over full width rows, each with a name, a line, a big price per listing and the result it gets. Needs a Lexington MCP key.

Carriera Comparecarriera-pricing-compare"Side by side": a lead sentence and a medium statement over a plan comparison table with a feature column and one column per plan. Needs a Lexington MCP key.

Carriera Planscarriera-pricing-plansPricing: lead sentence, display headline and a paragraph, then three muted plan cards with name, note, price, a what you get list, company marks of users and a button, the featured one primary. Data inlined. Needs a Lexington MCP key.

Carriera Citiescarriera-salaries-cities"Eight cities": a lead sentence and a medium statement over a full width list of cities with a big salary for the featured role and pay against Europe. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-salaries-introSalary guide intro: lead sentence, display headline and a paragraph beside a live lookup with role, level and city selects and a big median with its range. Data inlined. Needs a Lexington MCP key.

Carriera Rolescarriera-salaries-roles"Ten roles, four levels": a lead sentence, a medium statement and an arrow link over a table of roles with field chips and a median for junior, mid, senior and lead. Data inlined. Needs a Lexington MCP key.

Carriera Buttonscarriera-system-buttonsStyle guide buttons page: a lead sentence and a display headline over every Button variant at every size, with and without a label. Needs a Lexington MCP key.

Carriera Colorscarriera-system-colorsStyle guide colours page: a lead sentence and a display headline over groups of colour swatches, each with its name and token, including one colour per field of work. Data inlined. Needs a Lexington MCP key.

Carriera Linkscarriera-system-linksStyle guide links page: arrow links in each tone at every size, then every Button variant rendered as a link. Needs a Lexington MCP key.

Carriera Typographycarriera-system-typographyStyle guide type page: every Text variant as a full width row with its name, where it is used and a sample line. Needs a Lexington MCP key.

Carriera Introcarriera-team-introTeam intro: lead sentence, display headline, a paragraph and a write to us button over a full width row of team cards with portrait, name and role. Data inlined. Needs a Lexington MCP key.

Carriera Receivedcarriera-thank-you-receivedThank you: lead sentence, display headline and a paragraph beside a listing card in review with field chip, title, company, place and facts. Data inlined. Needs a Lexington MCP key.

Carrington AttorneyRecognitionscarrington-awards-attorney-recognitionsAttorney honours: eyebrow beside serif heading and lead, then greige cards in a 2/4 grid with square portrait, recognition title, organisation and attorney name. Needs a Lexington MCP key.

Carrington AwardsHerocarrington-awards-awards-heroInner page intro: large serif h1 with a muted paragraph beneath, set with top padding for a floating nav. Needs a Lexington MCP key.

Carrington MajorAwardscarrington-awards-major-awardsAwards grid: eyebrow in the first of four columns beside a serif heading and lead, then a 2/4 grid of greige award cards with year, serif title and issuing body. Needs a Lexington MCP key.

Carrington ProfessionalMembershipscarrington-awards-professional-membershipsMemberships: eyebrow beside serif heading and lead, a six logo cloud of associations, then a greige panel with closing heading, copy and two buttons. Needs a Lexington MCP key.

Carrington ProfessionalRankingscarrington-awards-professional-rankingsRankings table: eyebrow beside serif heading and lead, then a greige table of publications, rankings, practice areas and years in hairline rows. Needs a Lexington MCP key.

Carrington BlogIndexcarrington-blog-blog-indexBlog index: large serif h1 and paragraph, the newest post as a featured split card, then the rest in a three column grid of compact cards. Needs a Lexington MCP key.

Carrington CareersIndexcarrington-careers-careers-indexCareers index: h1 split with paragraph, a wide library photo under a teal tint, then open positions grouped by type with job cards in two columns. Needs a Lexington MCP key.

Carrington CasesIndexcarrington-cases-cases-indexCases index: serif h1 and paragraph above a two column grid of square case tiles with overlaid title and client. Needs a Lexington MCP key.

Carrington ContactHerocarrington-contact-contact-heroContact split: greige panel with h1, phone, email and address rows and a business hours list beside a dark teal form with name, email, phone, practice area select and message. Needs a Lexington MCP key.

Carrington ContactOfficescarrington-contact-contact-officesOffices pair: serif heading over two columns, each a greige office card with name, address and hours above an embedded map. Needs a Lexington MCP key.

Carrington FaqListcarrington-faq-faq-listFAQ split: h1, short note and a muted contact button in the left column, a hairline accordion of questions with plus icons across the other two. Needs a Lexington MCP key.

Carrington ConsultationBenefitscarrington-free-consultation-consultation-benefitsBenefits grid: eyebrow beside serif heading and lead, then four greige cards with gold icon, serif title and short copy. Needs a Lexington MCP key.

Carrington ConsultationFaqcarrington-free-consultation-consultation-faqConsultation FAQ: serif heading beside a hairline accordion, then a greige panel with an urgent help heading, copy and a call button. Needs a Lexington MCP key.

Carrington ConsultationHerocarrington-free-consultation-consultation-heroConsultation intro: large serif h1 and paragraph with a short checklist of what the free consultation includes. Needs a Lexington MCP key.

Carrington ConsultationSchedulecarrington-free-consultation-consultation-scheduleBooking form: sticky greige column with heading, steps and contact details beside a dark teal form with name, contact, practice area, date, time and message fields and a consent line. Needs a Lexington MCP key.

Carrington Aproachcarrington-landing-aproachProcess split: sticky dark teal panel with heading, paragraph and inset image quote on one side, four stacking step cards with italic ordinals, bullets and closing buttons on the other. Needs a Lexington MCP key.

Carrington FeaturedAttorneyscarrington-landing-featured-attorneysFour column header with kicker, heading and paragraph, two split team cards with portrait, name, role and contact details, then a panel with team count and two buttons. Needs a Lexington MCP key.

Carrington Herocarrington-landing-heroPhoto hero filling the screen: full-bleed library photo under a light dark teal tint, then a 2/1 row below with a large serif headline beside a small paragraph, tops aligned. Needs a Lexington MCP key.

Carrington HighlightsCasescarrington-landing-highlights-casesTinted section with kicker, heading and paragraph header, two square case cards with overlaid title and client, then a white panel with case count and a button. Needs a Lexington MCP key.

Carrington HighlightsPracticecarrington-landing-highlights-practiceKicker, heading and paragraph header above a two column grid of four square practice cards with overlaid title and summary, then a panel with count and two buttons. Needs a Lexington MCP key.

Carrington LandingStatscarrington-landing-landing-statsStats on a greige panel: eyebrow beside serif heading and paragraph, then six stats in a 2/3/6 grid with uppercase labels and italic serif numbers counting up on scroll. Needs a Lexington MCP key.

Carrington Philosophycarrington-landing-philosophyValues section: eyebrow in one column, serif heading with two paragraphs across three, then three greige cards in a row, each with an icon, serif title and short copy. Needs a Lexington MCP key.

Carrington NewsletterBenefitscarrington-newsletter-newsletter-benefitsWhat you get: serif heading over four greige cards with gold icon, serif title and one line description. Needs a Lexington MCP key.

Carrington NewsletterCommunitycarrington-newsletter-newsletter-communityCommunity stats: eyebrow beside serif heading and lead, then a row of stats divided by hairlines with uppercase labels above italic serif numbers. Needs a Lexington MCP key.

Carrington NewsletterHerocarrington-newsletter-newsletter-heroNewsletter signup split: h1 and paragraph on a greige panel beside a dark teal form with name, email, interest select, consent and subscribe button. Needs a Lexington MCP key.

Carrington NotFoundcarrington-notfound-not-found404 page: large serif heading, apology and a home button, four columns of helpful links divided by hairlines, then a greige panel with a contact button. Needs a Lexington MCP key.

Carrington OfficeLocationscarrington-offices-office-locationsOffice list: h1 and paragraph, then alternating office blocks with photo, address, phone, hours, services list, an embedded map and a directions button. Needs a Lexington MCP key.

Carrington OfficesCtacarrington-offices-offices-ctaClosing panel: greige block with serif heading and short copy beside two buttons aligned to the bottom. Needs a Lexington MCP key.

Carrington PracticesIndexcarrington-practices-practices-indexPractice areas index: serif h1 and paragraph above a two column grid of square practice tiles with overlaid title and summary. Needs a Lexington MCP key.

Carrington FeaturedIncarrington-press-and-media-featured-inFeatured in: eyebrow beside serif heading and lead, a ten logo media cloud, then a greige media inquiries panel with heading, copy and a button. Needs a Lexington MCP key.

Carrington MediaImpactcarrington-press-and-media-media-impactMedia stats: eyebrow beside serif heading and lead, then a row of stats divided by hairlines with uppercase labels above italic serif numbers. Needs a Lexington MCP key.

Carrington PressCoveragecarrington-press-and-media-press-coveragePress and media: h1 and paragraph beside recent press release cards, then a coverage list of outlets, headlines and dates in hairline rows. Needs a Lexington MCP key.

Carrington PressIndexcarrington-press-press-indexPress releases index: h1 and paragraph in the left column, a list of greige press cards with date, category, title and excerpt across the other two. Needs a Lexington MCP key.

Carrington Colorscarrington-system-colorsColour tokens: sticky intro beside a 2/3 grid of six square swatches for background, foreground, muted, muted foreground, accent and secondary, each with name and variable. Needs a Lexington MCP key.

Carrington Typographycarrington-system-typographyType scale: sticky intro beside two hairline lists, every display variant in Newsreader and every text variant in Inter, each with a gold label above a sample. Needs a Lexington MCP key.

Carrington TeamIndexcarrington-team-team-indexAttorneys index: serif h1 and paragraph above a two column grid of split team cards with portrait, name, role and contact details. Needs a Lexington MCP key.

Carrington LogoCloudcarrington-testimonials-logo-cloudStatic grid of ten media logos in 2/3/5 columns, each on a square greige tile that scales the logo on hover. No heading, no wrapper, place inside your own section. Needs a Lexington MCP key.

Carrington LogoCloud2carrington-testimonials-logo-cloud-2Static grid of six association logos in 2/3/6 columns, each on a square greige tile that scales the logo on hover. No heading or wrapper, place inside your own section. Needs a Lexington MCP key.

Carrington TestimonialStoriescarrington-testimonials-testimonial-storiesClient stories: alternating rows of a tall portrait beside a dark teal panel with quote icon, serif headline, blockquote, client name, role and company. Needs a Lexington MCP key.

Carrington TestimonialsCtacarrington-testimonials-testimonials-ctaClosing panel: greige block with serif heading and short copy beside two buttons aligned to the bottom. Needs a Lexington MCP key.

Carrington TestimonialsHerocarrington-testimonials-testimonials-heroTestimonials intro: h1 and paragraph above a row of client stats divided by hairlines, uppercase labels over italic serif numbers. Needs a Lexington MCP key.

Coleman Beliefscoleman-about-beliefsSection heading, then four touching tiles in alternating greys, each led by a big light numeral with a title and a short line. Needs a Lexington MCP key.

Coleman Floorcoleman-about-floorFull-screen dark floor plan: a heading, then five touching tiles, one per training zone, each with its name, area in square metres and what is in it. Needs a Lexington MCP key.

Coleman Herocoleman-about-heroFull-screen dark WebGL shader hero: slow streaks of light, the page title low on the left and a short intro beside it. Needs a Lexington MCP key.

Coleman Storycoleman-about-storyFull-bleed split: a photo edge to edge on the left with a dot grid, the story and a ruled list of years on the right. Needs a Lexington MCP key.

Coleman Visitcoleman-about-visitFull-bleed photo with a dot grid and blended white type: an invitation to visit, the address and a button. Needs a Lexington MCP key.

Coleman Gridcoleman-classes-gridPill chip filter by category, then every class as a full-bleed photo tile with no gaps: name, duration, level and sessions per week. Needs a Lexington MCP key.

Coleman Herocoleman-classes-heroFull-screen light page intro, centred: a strip of six square class photos above the title and a sessions-per-week count. Needs a Lexington MCP key.

Coleman Portraitscoleman-coaches-portraitsFull-screen 3 by 2 grid with no gaps: a title tile, four coach portraits with name and role, and a one to one tile with a link. Needs a Lexington MCP key.

Coleman GettingHerecoleman-contact-getting-hereFull-screen dark section: a heading up top and four big travel rows below (metro, bus, bike, car), each with a line of directions. Needs a Lexington MCP key.

Coleman Herocoleman-contact-heroFull-screen light contact intro: a big h1 and short lead up top, four touching detail tiles along the bottom for address, hours, phone and email. Needs a Lexington MCP key.

Coleman Messagecoleman-contact-messageFull-height contact form on a light WebGL shader: heading and desk line on the left, a white rounded card on the right with fields, topic chips and a submit button. Needs a Lexington MCP key.

Coleman Askcoleman-faq-askFull-bleed split: a photo on the left, a dark panel on the right asking for a note or a call, with a button. Needs a Lexington MCP key.

Coleman Herocoleman-faq-heroFull-screen light FAQ intro: the title on the left, the question topics as a big numbered index with counts on the right. Needs a Lexington MCP key.

Coleman Questionscoleman-faq-questionsFAQ bands, one full-bleed band per topic in alternating greys: the topic on the left, accordion questions on the right. Needs a Lexington MCP key.

Coleman Bookingcoleman-free-trial-bookingFree trial form on a light WebGL shader: what's included on the left, a white rounded card on the right to pick up to three classes as chips, experience, preferred times and details. Needs a Lexington MCP key.

Coleman DayOnecoleman-free-trial-day-oneFull-bleed split: a photo on the left, the first day as timed steps read down the right. Needs a Lexington MCP key.

Coleman Herocoleman-free-trial-heroSplit page intro: a big h1, a short lead, a button and stacked coach avatars on one side, a class photo with a coach greeting card on the other. Needs a Lexington MCP key.

Coleman Classescoleman-landing-classesFull-screen split: a numbered list of six classes on the left, the hovered class fills the right with its photo, a huge index numeral and a fixed white card of details. Needs a Lexington MCP key.

Coleman Coachescoleman-landing-coachesSection heading, then four coach portraits edge to edge; hovering lifts a white panel with what each coach teaches. Needs a Lexington MCP key.

Coleman Floorcoleman-landing-floorFull-screen photo with measurement lines drawn over the athlete (an arc, a height rule, numbered points) and a big h2 above four counting specs. Needs a Lexington MCP key.

Coleman Herocoleman-landing-heroFull-screen photo hero with a live interface over it: measurement lines and numbered points on the athletes, a huge blended h1, a clock and open status, the next four classes, and a capacity bar. Needs a Lexington MCP key.

Coleman Membershipscoleman-landing-membershipsFull-screen memberships teaser: heading and a short line up top, three plans edge to edge below, each price set big on a class photo with its features and a button. Needs a Lexington MCP key.

Coleman Studiocoleman-landing-studioFull-screen split with a measured barbell photo and a statement, followed by a full-bleed photo with three huge counting numbers. Needs a Lexington MCP key.

Coleman Todaycoleman-landing-todayFull-screen split: a light WebGL shader with the live clock and day name on one half, day tabs and the day's session rows on the other. Needs a Lexington MCP key.

Coleman Trialcoleman-landing-trialFull-screen photo with a huge blended h2 and a dark rounded panel: the free week offer, three numbered steps and a light button. Needs a Lexington MCP key.

Coleman Comparecoleman-memberships-compareSplit comparison table: the heading holds on the left while a table of what each plan includes reads on the right, with checks and values. Needs a Lexington MCP key.

Coleman Ctacoleman-memberships-ctaFull-screen dark WebGL shader call to action: a huge h2, three numbered steps and a light button. Needs a Lexington MCP key.

Coleman Herocoleman-memberships-heroFull-screen photo page intro with a dot grid: the starting monthly price as the h1, set huge in blended white type. Needs a Lexington MCP key.

Coleman Passescoleman-memberships-passesFull-bleed split: a photo carrying the heading and discounts on one side, four class pack and drop-in tiles in a 2 by 2 grid with big prices on the other. Needs a Lexington MCP key.

Coleman Planscoleman-memberships-plansThree membership plans as full-height touching panels with a monthly and yearly toggle; the last plan sits on a light WebGL shader. Needs a Lexington MCP key.

Coleman Termscoleman-memberships-termsFull-bleed split: numbered term tiles on the left, a tall photo on the right. Needs a Lexington MCP key.

Coleman Herocoleman-not-found-heroFull-screen 404 on a light WebGL shader: the message and a button low on the left, the error code as a huge numeral on the right. Needs a Lexington MCP key.

Coleman Herocoleman-personal-training-heroPage intro: the title and a lead in a light band, then the coaches who take clients as portraits edge to edge. Needs a Lexington MCP key.

Coleman Packagescoleman-personal-training-packagesTwo full-height pricing panels side by side, one light and one dark, each listing session packages with a per-session price and a big total. Needs a Lexington MCP key.

Coleman Quotecoleman-personal-training-quoteFull-bleed photo with a dot grid and a large client quote in blended white type with the client's name. Needs a Lexington MCP key.

Coleman Stepscoleman-personal-training-stepsHow it works: a heading, then four full-bleed tiles in a row, each a big light step number, a title and a line. Needs a Lexington MCP key.

Coleman ButtonSetcoleman-system-button-setStyle guide: one full-bleed tile per button variant, each on the ground it is meant for. Needs a Lexington MCP key.

Coleman LinkSetcoleman-system-link-setStyle guide: one full-bleed tile per kind of text link with an arrow, no gaps. Needs a Lexington MCP key.

Coleman ShaderSetcoleman-system-shader-setStyle guide: both WebGL shader palettes side by side at full height, each with its colours and the line to use it. Needs a Lexington MCP key.

Coleman Swatchescoleman-system-swatchesStyle guide: every colour token as a full-bleed tile with its name and value, no gaps. Needs a Lexington MCP key.

Coleman TypeScalecoleman-system-type-scaleStyle guide: each text style as a row, the name and use on the left, a real line of copy on the right. Needs a Lexington MCP key.

Coleman Herocoleman-timetable-heroFull-height timetable intro in four full-bleed columns split by hairlines: the title, a live clock, classes left today and the open status. Needs a Lexington MCP key.

Coleman Weekcoleman-timetable-weekWeekly timetable grid: one column per day with a count, one card per class with time, name, coach and spots left; filter selects for class, coach and level. Needs a Lexington MCP key.

Copperlane CaseFilescopperlane-landing-case-files"Recent repairs, written up": heading with a link to all case files, then three case file cards in a row with the car, mileage, hours and bill. Data inlined. Needs a Lexington MCP key.

Copperlane Faqcopperlane-landing-faq"Before your first visit": a graphite panel with the phone number and email beside five questions as grey accordion rows. Needs a Lexington MCP key.

Copperlane Fleetcopperlane-landing-fleet"Company cars, serviced without the paperwork": four tiles in grey, graphite and yellow with a label, a large term and a sentence each, then a button. Needs a Lexington MCP key.

Copperlane Herocopperlane-landing-heroSplit hero: location and year, a large headline, a short line and a yellow block button on the left; a full height car photo on the right with a grey next free slot bar and a graphite labour rate bar under it. Needs a Lexington MCP key.

Copperlane Inspectioncopperlane-landing-inspection"A photo report before any work starts": an inspection photo beside a grey list of measured checks, a graphite car row on top and a yellow approval row at the bottom. Needs a Lexington MCP key.

Copperlane Makescopperlane-landing-makesMakes statement: a large line naming the makes with a link, then a tall photo beside four square figure tiles that count up on scroll. Needs a Lexington MCP key.

Copperlane Pricescopperlane-landing-prices"Fixed prices for the work we do most": a grey list of jobs with prices, the selected one turns yellow and swaps the photo beside it, with a price and duration bar docked at the bottom. Needs a Lexington MCP key.

Copperlane Reviewscopperlane-landing-reviews"What drivers say after collection": two reviews side by side, each a portrait next to a grey or graphite tile with the quote, the driver and the car; link to all reviews. Needs a Lexington MCP key.

Copperlane Visitcopperlane-landing-visit"Most cars are back the same afternoon": a full width workshop photo with a four step timeline of times docked along its bottom edge. Needs a Lexington MCP key.

Duckbutt Introduckbutt-about-introFull-screen page intro: a huge light h1 on the left, a short caption and a paragraph on the right over a row of small asymmetric photos that reveal on scroll. Needs a Lexington MCP key.

Duckbutt Principlesduckbutt-about-principlesFull-screen numbered list of three principles, each a title and one sentence, in hairline rows beside a light h2. Needs a Lexington MCP key.

Duckbutt Storyduckbutt-about-storyFull-screen story: a tall photo on the left, a light h2 and a paragraph on the right above a ruled year and event timeline as a definition list. Needs a Lexington MCP key.

Duckbutt Bookingduckbutt-book-bookingBooking form in four numbered steps, each with a small light h2: service, barber and time picked as pill chips that fill dark when checked (barbers with small portraits), then details with underline inputs and a submit button. Needs a Lexington MCP key.

Duckbutt Benefitsduckbutt-careers-benefitsFull-screen dark panel: a light h2 on the left and a two-column grid of six benefits, each a title and short line under a hairline rule. Needs a Lexington MCP key.

Duckbutt Introduckbutt-careers-introFull-screen page intro: a huge light h1 and a short paragraph on the left, a large lead paragraph on the right above a row of four captioned team portraits. Needs a Lexington MCP key.

Duckbutt Openingsduckbutt-careers-openingsFull-screen list of open roles in hairline rows, each a title, a muted schedule line and a description, beside a light h2, a short paragraph and an Apply button. Needs a Lexington MCP key.

Duckbutt Formduckbutt-contact-formFull-screen muted panel: a light h2 and short paragraph on the left, a contact form on the right with underline inputs for name, email, a topic select and a message. Needs a Lexington MCP key.

Duckbutt Locationsduckbutt-contact-locationsFull-screen page intro: a huge light h1 on the left, one block per location on the right, each a light h2 name, address, phone and directions beside opening hours as ruled definition rows. Needs a Lexington MCP key.

Duckbutt Questionsduckbutt-faq-questionsFull-screen FAQ: a huge light h1, questions grouped under small muted headings, each a native details element with a plus icon that opens with a smooth height transition. Needs a Lexington MCP key.

Duckbutt Introduckbutt-gift-cards-introFull-screen page intro: a huge light h1, a dark gift card mockup with the amount in light display type, and a ruled list of amounts with what each covers. Needs a Lexington MCP key.

Duckbutt Termsduckbutt-gift-cards-termsFull-screen centred statement: one large light display paragraph with the gift card terms, and a single line of muted small print below. Needs a Lexington MCP key.

Duckbutt Barbersduckbutt-landing-barbersFull-screen team section: a light h2, a short paragraph and an All barbers button across the top, a four-column grid of portrait cards with name and speciality below. Needs a Lexington MCP key.

Duckbutt Heroduckbutt-landing-heroFull-screen photo hero with a flat dark overlay, a huge light h1 in off-white and a small row of address, hours and a line at the bottom. Pins and recedes, scaling down and fading, as the next section scrolls over it. Needs a Lexington MCP key.

Duckbutt Lookbookduckbutt-landing-lookbookFull-screen lookbook: a light h2, paragraph and All looks button over two small captioned photos on the left, one large captioned photo on the right; photos zoom on hover. Needs a Lexington MCP key.

Duckbutt Membershipsduckbutt-landing-membershipsFull-screen membership teaser: a light h2, paragraph and button across the top, three plans below in an asymmetric 5, 3 and 4 column split, each a name, monthly price and what is included. Needs a Lexington MCP key.

Duckbutt Quoteduckbutt-landing-quoteFull-screen testimonial: a large light blockquote in balanced text, with a small square portrait, name and a muted line underneath. Needs a Lexington MCP key.

Duckbutt Servicesduckbutt-landing-servicesFull-screen services list: a light h2, paragraph and Full price list button on the left, hairline rows of service name, duration and price on the right that dim on hover. Needs a Lexington MCP key.

Duckbutt Shopduckbutt-landing-shopFull-screen about-the-room section: two photos of different sizes aligned to the bottom on the left, a light h2 and a large muted paragraph on the right. Needs a Lexington MCP key.

Duckbutt Statementduckbutt-landing-statementFull-screen statement: one centred light display paragraph in balanced text, alone on the off-white ground. Covers the hero as it recedes. Needs a Lexington MCP key.

Duckbutt Visitduckbutt-landing-visitFull-screen dark panel: a light h2 and the address with a short note on the left, opening hours as ruled rows on the right with a Book a chair button. Needs a Lexington MCP key.

Duckbutt Introduckbutt-memberships-introFull-screen dark page intro: a small h1 and caption on the left, a large lead paragraph on the right above a numbered three-column How it works list. Needs a Lexington MCP key.

Duckbutt Plansduckbutt-memberships-plansFull-screen plans: a light h2 and paragraph across the top, three columns under hairline rules, each a name, monthly price, saving, description and included list with a button. Needs a Lexington MCP key.

Duckbutt Introduckbutt-prices-introFull-screen dark page intro: a small centred photo with a huge light h1 set over it, and a row of three small facts along the bottom. Needs a Lexington MCP key.

Duckbutt Notesduckbutt-prices-notesGood to know notes: a light h2 on the left, three short notes on the right, each a title and a sentence under a hairline rule. Needs a Lexington MCP key.

Duckbutt PriceListduckbutt-prices-price-listFull price list grouped into categories, each a light h2 and a short paragraph on the left and hairline rows of service name, duration and price on the right. Needs a Lexington MCP key.

Dusk MainCtadusk-ctas-main-ctaTwo option call to action: uppercase heading and paragraph across eight columns, small contact note beside, then two columns between dashed rules, each with label, title, copy and outline button. Needs a Lexington MCP key.

Dusk SubsCtadusk-ctas-subs-ctaNewsletter bar on a full accent panel, 3/1 split: uppercase display heading and one line of copy, then a form with one email input and a submit button. No wrapper. Needs a Lexington MCP key.

Dusk FeaturedSessionsdusk-landing-featured-sessionsTwelve column header with kicker, heading, paragraph and an outline button plus session count, then four session cards in a two to four column grid. Needs a Lexington MCP key.

Dusk FeaturedSpeakersdusk-landing-featured-speakersTwelve column header with kicker, heading, paragraph and outline button with speaker count, followed by four speaker cards in a two to four column bordered grid. Needs a Lexington MCP key.

Dusk Herodusk-landing-heroFull viewport hero on the twelve column grid: uppercase display headline, paragraph and one accent button across eight columns, solid accent squares in the other four, then a cobalt duotone photo filling the rest of the screen with paper squares cut along its bottom edge. Needs a Lexington MCP key.

Dusk Introdusk-landing-introHeading over a three column list of event highlights, then three stat blocks with oversized numbers, label, paragraph and text link, staggered across twelve columns. Needs a Lexington MCP key.

Dusk Buttonsdusk-system-buttonsButtons page: system header and every Button variant at every size in dashed rows. Needs a Lexington MCP key.

Dusk Colorsdusk-system-colorsColor tokens page: three groups (paper ground, cobalt panels, night) of square swatches, each with the token name and what it is for. Needs a Lexington MCP key.

Dusk Linksdusk-system-linksLinks page: navigation, inline underlined and on-cobalt link styles in dashed rows, then every Button variant rendered as a link. Needs a Lexington MCP key.

Dusk Overviewdusk-system-overviewSystem overview: header, then dashed rows listing every page, form, system page, resource and collection entry with its path, each linked. Needs a Lexington MCP key.

Dusk Typographydusk-system-typographyTypography page: every Text variant in a dashed row with its name and use, display variants in uppercase Clash Display, the rest in Switzer. Needs a Lexington MCP key.

Ella Mae Designellamae-about-designFeature figures under a large h2 set to the right: four captioned images in 4:3, square and two 3:4 ratios on rounded surface panels, staggered across the 12 column grid with some bottom aligned. Needs a Lexington MCP key.

Ella Mae Heroellamae-about-heroFull height hero: a large h1 set in the right eight columns of the 12 column grid, then a full bleed image on a surface ground that fills the rest of the screen on desktop. Needs a Lexington MCP key.

Ella Mae Methodellamae-about-methodMethod section: an h2 and a muted lead offset to the right, then two captioned figures on rounded surface panels, a small 3:4 image beside a wide 16:9 one, bottom aligned. Needs a Lexington MCP key.

Ella Mae Missionellamae-about-missionText only statement: a large lead paragraph and a shorter muted paragraph stacked in the right eight columns of the 12 column grid, on the light ground. Needs a Lexington MCP key.

Ella Mae Pressellamae-about-pressPress list under an h2: border-t rows linking to posts, each with a large day and month date, title, category and a 16:9 image on the right, then a full width all releases row with an arrow. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-careers-index-heroCareers hero split 7 to 5: a large h1 above a muted lead and a primary tile button that jumps to the roles, beside a tall 4:5 photo on a rounded surface panel. Needs a Lexington MCP key.

Ella Mae IndexListellamae-careers-index-listOpen roles under an h2 with a role count, grouped by department: each group is a border-t row with the department name on the left and a JobList of linked roles in the right nine columns. Needs a Lexington MCP key.

Ella Mae JobApplyellamae-careers-job-applyApplication form split 4 to 8: h2 and a short note on the left, and filled surface inputs for name, email, phone and link, a PDF upload, a textarea, a privacy note and a primary submit button. Needs a Lexington MCP key.

Ella Mae Perksellamae-careers-perksRow of four perk tiles on rounded panels, the first in the blue accent and the rest on surface, each with a large value on top and a short muted line at the bottom. Needs a Lexington MCP key.

Ella Mae Chargersellamae-charging-chargersSplit list: an h2 and a short note in the left four columns, and border-t rows on the right, one per charger, with a small heading, a power rating and a muted description. Needs a Lexington MCP key.

Ella Mae Faqellamae-charging-faqFAQ split: an h2 on the left and native details rows separated by border-t lines on the right, each a question with an arrow that turns when open over a muted answer. Needs a Lexington MCP key.

Ella Mae Heroellamae-charging-heroPage hero with a large h1 across eight columns and a muted lead bottom aligned in the last four, then a wide 21:9 image on a rounded surface panel below. Needs a Lexington MCP key.

Ella Mae Stepsellamae-charging-stepsThree numbered step tiles under an h2, the first in the blue accent and the others on surface, each with a large step title on top and a short muted text at the bottom. Needs a Lexington MCP key.

Ella Mae Timesellamae-charging-timesTable built from grid rows under an h2: a small header row, then border-t rows per model with a linked name, battery, charger and a large charging time. Needs a Lexington MCP key.

Ella Mae Configuratorellamae-configurator-configuratorConfigurator split 8 to 4: model pills over a surface stage with product cut-outs, view arrows and an exterior or specs tab, beside a two step layout and size picker. A script swaps state and reads the model from the URL. Needs a Lexington MCP key.

Ella Mae Formellamae-contact-formContact split 4 to 8: three stacked channel tiles with an email and phone, the first in the blue accent, beside a quote form with filled inputs, model radio pills, a textarea and a primary submit button. Needs a Lexington MCP key.

Ella Mae Heroellamae-contact-heroText only page hero: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae Yardellamae-contact-yardVisit split: a 4:3 image on a rounded surface panel on the left, and on the right an h2 at the top with a list of address, visiting hours and directions at the bottom. Needs a Lexington MCP key.

Ella Mae EventBodyellamae-events-event-bodyEvent body: a contact column with an email and a phone link in the left three columns, and a large prose column in a slot on the right of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-events-index-heroEvents page hero, text only: a large h1 across eight columns of the 12 column grid and a short muted lead bottom aligned in the last four. Needs a Lexington MCP key.

Ella Mae IndexListellamae-events-index-listEvents index split by date into upcoming and past groups, each with a small heading over a three column grid of EventCards with images or label tiles. Needs a Lexington MCP key.

Ella Mae Aboutellamae-investors-aboutText only overview: a large lead paragraph and two shorter muted paragraphs stacked in the right eight columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae Eventsellamae-investors-eventsEvents overview with an h2 and an all events link: the next upcoming EventCard on the left, and past events in a horizontal snap carousel with previous and next arrow buttons on the right. Needs a Lexington MCP key.

Ella Mae Heroellamae-investors-heroFull height hero: a large h1 across eight columns, then a full bleed portrait photo on a surface ground that fills the rest of the screen on desktop. Needs a Lexington MCP key.

Ella Mae Shareellamae-investors-shareShare price split 4 to 8: a square blue accent tile with the large price and small exchange and change notes, beside a surface panel with an SVG line chart from a seeded series and month labels. Needs a Lexington MCP key.

Ella Mae Contactellamae-landing-contactClosing call to action: one centred link with very large get in touch text and a big arrow icon, turning blue and nudging the arrow on hover. Needs a Lexington MCP key.

Ella Mae Heroellamae-landing-heroFull height hero: a large h1 with a primary and a muted tile button, then a full bleed photo band filling the rest of the screen with a dark gradient and a caption at the bottom. Needs a Lexington MCP key.

Ella Mae Modelsellamae-landing-modelsBento grid of model cards under an h2: product cut-outs on surface panels with labels and corner arrows, mixed with blue accent tiles carrying a short description, in 8 and 4 column spans. Needs a Lexington MCP key.

Ella Mae Newsellamae-landing-newsNews block: an h2, three NewsList rows with thumbnail, title, summary and date, and a full width all news link row with an arrow between borders. Needs a Lexington MCP key.

Ella Mae Nextellamae-landing-nextCarousel under an h2 with arrow buttons: a horizontal snap row of 3:4 cards, first a blue accent tile with the logo and a sea trial line, then captioned photo cards linking to other pages. Needs a Lexington MCP key.

Ella Mae Compareellamae-models-compareComparison table under an h2 and a configurator link: product cut-outs on surface panels as column heads, border-t spec rows with a sticky label column and a muted configure button per model. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-models-index-heroModels page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-models-index-listModels list: each row is a 16:9 surface panel with the product cut-out beside a tile with name, description, two specs and an arrow, the first tile in blue accent. Images morph into the model page via a view transition. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-news-index-heroNews page hero, text only: a short large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-news-index-listNews index: the full NewsList of border-t rows, each with a 16:9 thumbnail, title, summary, date and category, closed with a bottom border. Needs a Lexington MCP key.

Ella Mae NotFoundellamae-notfound-not-found404 page: a large h1 and lead beside three stacked link tiles, the first in blue accent, then a wide surface panel with a product cut-out and an error label in the corner. Needs a Lexington MCP key.

Ella Mae Heroellamae-service-heroService hero: a large h1 and lead on the left, three stats and a primary button that jumps to the request form on the right, then a wide 21:9 image on a rounded surface panel. Needs a Lexington MCP key.

Ella Mae Plansellamae-service-plansThree plan cards under an h2 on rounded panels, the middle one in the blue accent, each with a name, price, short text and a list of included items with arrow icons. Needs a Lexington MCP key.

Ella Mae Portsellamae-service-portsSplit list: an h2 and a short note on the left, and border-t rows on the right with city, country, base type and response time for each port. Needs a Lexington MCP key.

Ella Mae Requestellamae-service-requestService form split 4 to 8: h2, a note and a large phone link on the left, and filled inputs, request type radio pills, a textarea and a primary submit button on the right. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-stories-index-heroStories page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-stories-index-listStories index: a three column grid of StoryCards, each a 4:3 photo on a rounded surface panel with the customer, title and an arrow. Needs a Lexington MCP key.

Ella Mae ColorSwatchesellamae-system-color-swatchesColour specimen with a SystemHeader, then a grid of 4:3 rounded swatches, each with the colour name, its token and its oklch value. Needs a Lexington MCP key.

Ella Mae TypeScaleellamae-system-type-scaleType specimen with a SystemHeader, then one rounded surface panel per Text variant with the variant name on the left and a display or body sample on the right. Needs a Lexington MCP key.

Ella Mae IndexGridellamae-team-index-gridTeam index: a four column grid of TeamCards, two per row on mobile, each a 3:4 grayscale portrait on a rounded panel with the name, role and an arrow. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-team-index-heroTeam page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae ProfileBodyellamae-team-profile-bodyProfile body over a border-t: one large prose column in a slot, set in the right six columns of the 12 column grid on the light ground. Needs a Lexington MCP key.

Enlightr Principlesenlightr-about-principlesPrinciples section: a serif heading and intro, then four numbered rules as rows under thin rules, each with a large title and a muted line on the right. Needs a Lexington MCP key.

Enlightr Storyenlightr-about-storyStory section: a strip of square tiles, two dithered teacher photos around three flat colour stat tiles with big figures, then a large serif statement beside two muted paragraphs. Needs a Lexington MCP key.

Enlightr Formenlightr-contact-formContact section: a form on flat grey fields (name, email, subject select, message) with a black send button, beside a stack of tiles: a black email tile, then blue and orange tiles for team access and teaching. Needs a Lexington MCP key.

Enlightr Coursesenlightr-landing-coursesCourses section: every course as a numbered row under thin rules with a topic colour square, serif title, teacher, level, lesson and time chips and the price, each row filling with its topic colour on hover. Needs a Lexington MCP key.

Enlightr Ctaenlightr-landing-ctaCTA section: a wide blue tile with a large serif line, a black button to the first free lesson and a short note, beside an orange tile holding a big dots shape. Needs a Lexington MCP key.

Enlightr Faqenlightr-landing-faqFAQ section: a large serif heading on the left and five questions on the right as native details rows under thin rules, each with a black square plus that turns into a cross. Needs a Lexington MCP key.

Enlightr Heroenlightr-landing-heroHero section: a huge serif headline with an italic phrase beside a lead, a black button and a free lesson link, then a full-width strip of six square tiles: dithered teacher photos, two topic colour course tiles and a black tile with a pink burst. Needs a Lexington MCP key.

Enlightr HowItWorksenlightr-landing-how-it-worksHow it works section: a black band with a large serif heading and a muted intro, then four steps under thin light rules, each numbered huge in its own topic colour. Needs a Lexington MCP key.

Enlightr Pathsenlightr-landing-pathsPaths section: a serif heading and intro above three tall topic colour path tiles, each listing its courses in order with the bundle price and the crossed-out full price. Needs a Lexington MCP key.

Enlightr Pricingenlightr-landing-pricingPricing section: two tall tiles side by side, a grey One course plan and a black All access plan, each with a big price, a note, three ruled features and a button. Needs a Lexington MCP key.

Enlightr Storiesenlightr-landing-storiesStories section: three student quotes as tall flat tiles in the code, design and data colours, the quote in serif at the top and the name and role at the bottom. Needs a Lexington MCP key.

Enlightr Teachersenlightr-landing-teachersTeachers section: a serif heading and intro, then five teacher cards with 3:4 dithered portraits, names in serif and role and city, and an All teachers link. Needs a Lexington MCP key.

Enlightr Topicsenlightr-landing-topicsTopics section: four tall tiles in the topic colours linking to the filtered catalogue, each with a number, a course count, a geometric shape that turns on hover, the topic name in serif and a line about it. Needs a Lexington MCP key.

Enlightr Documentenlightr-legal-documentLegal document section: the Markdown laid out as numbered clauses on a twelve-column grid, each h2 in the left columns with its text on the right and the opening paragraph as a full-width lead; takes the rendered page in a slot. Needs a Lexington MCP key.

Enlightr NotFoundenlightr-not-found-not-found404 section: the digits 4, 0, 4 as huge serif figures on blue, orange and pink tiles filling the screen, beside a black tile with the message, an accent home button and a courses link. Needs a Lexington MCP key.

Enlightr Compareenlightr-pricing-compareCompare section: a serif heading and intro above a scrollable table of eight features across One course, All access and Teams, with black squares for included and dashes for not. Needs a Lexington MCP key.

Enlightr Plansenlightr-pricing-plansPlans section: three tall plan tiles in a row, grey One course, black All access and blue Teams, each with a big price, a note, a summary, three ruled features and a button. Needs a Lexington MCP key.

Enlightr Buttonsenlightr-system-buttonsSystem section: the button variants (primary, accent, muted) in both sizes and the link styles, including topic colour hover links and tag chips, each group labelled on the left. Needs a Lexington MCP key.

Enlightr Colorsenlightr-system-colorsSystem section: the four topic colours as tiles with their tokens and hex values beside dithered teacher photos in the same colour, then the neutral swatches. Needs a Lexington MCP key.

Enlightr Typographyenlightr-system-typographySystem section: every text style from the hero display down to extra small text, each labelled with its variant name, set in Newsreader for display and Geist for text. Needs a Lexington MCP key.

Flabbergasted AboutHeroflabbergasted-about-about-heroAbout hero: heading and paragraph on the left, a single button on the right, then a four column row of portraits over a striped band. Needs a Lexington MCP key.

Flabbergasted AboutInvestorsflabbergasted-about-about-investorsInvestors section with corner cross marks: heading and paragraph, then a 2/3/6 hairline grid of investor tiles, each a logo mark above a name and role. Needs a Lexington MCP key.

Flabbergasted AboutNumbersflabbergasted-about-about-numbersFour stat tiles in a 1/2/4 hairline grid, each a large display figure above a short label in a dark panel. Needs a Lexington MCP key.

Flabbergasted AboutPrinciplesflabbergasted-about-about-principlesPrinciples section with corner cross marks: heading and paragraph, then three numbered principle cards in a hairline grid. Needs a Lexington MCP key.

Flabbergasted AboutStoryflabbergasted-about-about-storyStory in a three column split: heading and intro in the first column, two columns of long form paragraphs beside a hairline divider. Needs a Lexington MCP key.

Flabbergasted AboutTeamflabbergasted-about-about-teamTeam section with corner cross marks: heading, paragraph and a button, then two team member tiles in a two column grid. Needs a Lexington MCP key.

Flabbergasted BlogHeroflabbergasted-blog-blog-heroBlog hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted BlogListflabbergasted-blog-blog-listBlog index: a featured latest post with art, author and date across the full width, then the remaining posts in a hairline card grid. Needs a Lexington MCP key.

Flabbergasted Subscribeflabbergasted-blog-subscribeNewsletter band: heading and paragraph spanning two columns, email input with a full width button in the third, over a large striped background. Needs a Lexington MCP key.

Flabbergasted ChangelogHeroflabbergasted-changelog-changelog-heroChangelog hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted ChangelogListflabbergasted-changelog-changelog-listChangelog timeline: release rows stacked newest first, each with version, date, title, notes and a read release button. Needs a Lexington MCP key.

Flabbergasted Ctaflabbergasted-ctas-ctaClosing call to action with corner cross marks: large heading, paragraph and two buttons above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted IntegrationsCtaflabbergasted-ctas-integrations-ctaTwo column call to action with corner cross marks and striped background, heading and button on the left, and a three by two grid of six square integration logo tiles. Needs a Lexington MCP key.

Flabbergasted CustomersHeroflabbergasted-customers-customers-heroCustomers hero: left aligned heading and paragraph with a clipped striped panel filling the right half on larger screens. Needs a Lexington MCP key.

Flabbergasted CustomersListflabbergasted-customers-customers-listCustomer story list: full width testimonial rows stacked with hairline gaps, each with quote, story title and a portrait. Needs a Lexington MCP key.

Flabbergasted Feature1flabbergasted-features-feature-1Centered heading and paragraph, then four feature cards in a 1/2/4 hairline grid, each with a striped or mesh art block above title and text. Needs a Lexington MCP key.

Flabbergasted Feature2flabbergasted-features-feature-2Left aligned heading and paragraph, then three stacked rows each with a title, text and an icon only play button wired to an inline Web Audio pitch script. Needs a Lexington MCP key.

Flabbergasted Feature3flabbergasted-features-feature-3Two side by side feature panels in a hairline grid, each centered with a large heading, paragraph and a striped or mesh art block underneath, no wrapper. Needs a Lexington MCP key.

Flabbergasted Feature4flabbergasted-features-feature-4Left aligned heading, paragraph and two buttons, then six feature cards in a 1/2/3 hairline grid with title, text and an art block below each. Needs a Lexington MCP key.

Flabbergasted Feature5flabbergasted-features-feature-5Developer section with corner cross marks: heading, paragraph and two buttons, then a code window on a striped panel beside three stacked feature cards. Needs a Lexington MCP key.

Flabbergasted Contactflabbergasted-forms-contactContact section in a three column split: contact routes with links and a button on the left, a two column form with name, email, company, topic and message on the right. Needs a Lexington MCP key.

Flabbergasted ContactFaqflabbergasted-forms-contact-faqContact FAQ with corner cross marks: heading, then a list of native details accordions with rotating chevrons and dark answer panels. Needs a Lexington MCP key.

Flabbergasted ContactHeroflabbergasted-forms-contact-heroContact hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted SignInflabbergasted-forms-sign-inFull screen sign in: form with email, password, remember me checkbox and two buttons in the wide column, a decorative tile grid in a narrow side panel. Needs a Lexington MCP key.

Flabbergasted SignUpflabbergasted-forms-sign-upFull screen sign up: form with name, email and password plus two buttons in the wide column, a decorative tile grid in a narrow side panel on the right. Needs a Lexington MCP key.

Flabbergasted Faqflabbergasted-helpcenter-faqThree column FAQ: heading, paragraph and contact button in the first column, eight native details accordions with plus icons stacked in the other two, no JavaScript. Needs a Lexington MCP key.

Flabbergasted HelpCenterHeroflabbergasted-helpcenter-help-center-heroHelp centre hero: left aligned heading and paragraph on a plain dark ground. Needs a Lexington MCP key.

Flabbergasted HelpCenterListflabbergasted-helpcenter-help-center-listHelp centre topics in a 1/2/4 hairline grid of topic cards, each with an icon, title, description and chevron link. Needs a Lexington MCP key.

Flabbergasted Hero1flabbergasted-heros-hero-1Centered hero: large heading, paragraph and two buttons, then a glowing textarea prompt box with three preset chips and a play button underneath. Needs a Lexington MCP key.

Flabbergasted IntegrationsDirectoryflabbergasted-integrations-integrations-directoryIntegrations directory in a three column split: tag links on the left, grouped integration card grids under striped tag headers on the right. Needs a Lexington MCP key.

Flabbergasted IntegrationsHeroflabbergasted-integrations-integrations-heroIntegrations hero: left aligned heading and paragraph with three overlapping striped panels stepping in from the right edge. Needs a Lexington MCP key.

Flabbergasted NotFoundflabbergasted-notfound-not-found404 page: centered large heading and paragraph with two buttons, over a vertical striped band at the bottom. Needs a Lexington MCP key.

Flabbergasted Pricing1flabbergasted-pricing-pricing-1Pricing: five tier cards in a 1/2/3/5 grid with a monthly and annual toggle driven by an inline script, then a feature comparison table with checks and dashes. Needs a Lexington MCP key.

Flabbergasted Buttonsflabbergasted-system-buttonsDesign system: every button variant and size shown in dark panels on a two column hairline grid. Needs a Lexington MCP key.

Flabbergasted Colorsflabbergasted-system-colorsDesign system: colour token swatches with names and values in hairline grids, grouped by base, accent and stripe or mesh backgrounds. Needs a Lexington MCP key.

Flabbergasted Linksflabbergasted-system-linksDesign system: link styles, a list of link tokens with names, descriptions and classes, plus inline and button link examples. Needs a Lexington MCP key.

Flabbergasted Overviewflabbergasted-system-overviewDesign system overview: four dark panels in a hairline grid, each linking to the sections of one part of the system. Needs a Lexington MCP key.

Flabbergasted Typographyflabbergasted-system-typographyDesign system: type scale rows from display to small, font family cards and a prose sample, in dark panels with hairline dividers. Needs a Lexington MCP key.

Flabbergasted TeamHeroflabbergasted-team-team-heroTeam hero: centered heading and paragraph on a plain dark ground. Needs a Lexington MCP key.

Flabbergasted TeamListflabbergasted-team-team-listTeam grid: member tiles in a 1/2/3/2 grid sorted by name. Needs a Lexington MCP key.

Flabbergasted LogoCloud1flabbergasted-testimonials-logo-cloud-1Twelve brand logos in a single row CSS marquee that pauses on hover, inverted to white on a pinstripe backdrop, no JavaScript. Needs a Lexington MCP key.

Flabbergasted LogoCloud2flabbergasted-testimonials-logo-cloud-2Twelve brand logos in a single row CSS marquee with no background treatment, plain animated strip, no JavaScript. Needs a Lexington MCP key.

Flabbergasted Testimonial1flabbergasted-testimonials-testimonial-1Heading and intro with slider buttons opposite, above an autoplaying keen slider of four full height customer cards with portrait, logo, quote and case study link. Needs a Lexington MCP key.

Flaco Aboutflaco-about-aboutOne dark full-screen about: a photo under a heavy scrim, a medium headline and a short bio bottom left, four small facts in two columns bottom right. Needs a Lexington MCP key.

Flaco JournalListflaco-blog-journal-listOne dark full-screen journal index: a photo under a heavy scrim and a short list of post titles bottom left, each with its date and topic, fading on hover. Needs a Lexington MCP key.

Flaco Postflaco-blog-postOne dark full-screen article over its photo: a medium title, date, topic and reading time and a next post link on the left, the text on the right, scrolling inside the screen. Needs a Lexington MCP key.

Flaco Contactflaco-contact-contactOne dark full-screen contact: a photo under a heavy scrim, a very large email link bottom left and three small columns for phone, studio address and press. Needs a Lexington MCP key.

Flaco ProjectsHeroflaco-landing-projects-heroFull-screen rotating projects: one photo at a time under a light scrim, the project name large bottom left with its credit and a view link, a numbered list bottom right with a line that fills for seven seconds. The next photo comes in behind a band of fluted glass in WebGL (a fade without it) while the name rolls in word by word; holds on hover and focus. Needs a Lexington MCP key.

Flaco Legalflaco-legal-legalOne dark full-screen legal page in small print: the title and updated date, then short headed paragraphs in one to four columns, over a photo under a heavy scrim. Needs a Lexington MCP key.

Flaco NotFoundflaco-not-found-not-foundOne dark full-screen 404: a photo under a heavy scrim, a medium line bottom left and a small link back. Needs a Lexington MCP key.

Flaco Projectflaco-projects-projectFull-screen project: photos with thumbnails and a gliding outline, the next one coming in through fluted glass from the thumbnail's side, the name and credit bottom left, six details bottom right, previous and next projects on the sides, and a Notes button that swaps in the text and the team over a darker scrim. Needs a Lexington MCP key.

Flaco Buttonsflaco-system-buttonsStyle guide: primary, muted and outline buttons in two sizes, each as a button, a link and an icon button, all rounded full. Needs a Lexington MCP key.

Flaco Colorsflaco-system-colorsStyle guide: the eight colour tokens as swatches with their names and token names. Needs a Lexington MCP key.

Flaco Typographyflaco-system-typographyStyle guide: every display and text size of the Text component with sample lines. Needs a Lexington MCP key.

Gerstner Campusgerstner-about-campusDark section with a three column row of branded photos, each captioned with a letter, place name and note, then a 12 column row with a small numbered label beside a large uppercase h2. Needs a Lexington MCP key.

Gerstner Headergerstner-about-headerAbout page header: 12 column row with a founding-year label, a numbered in-page index and a short lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Historygerstner-about-historyHistory timeline: sticky label and h2 on the left, a list of milestones on the right, each a big year, uppercase title, short text and an optional branded photo. Needs a Lexington MCP key.

Gerstner Leadershipgerstner-about-leadershipFull bleed split: a tall 3:4 branded portrait beside a label, uppercase h2 and a list of leaders set on a 12 column grid with role, name and unit. Needs a Lexington MCP key.

Gerstner Missiongerstner-about-missionDark section on an animated WebGL shader ground: numbered label beside a large uppercase h2, then three principles with a short title and text each. Needs a Lexington MCP key.

Gerstner Numbersgerstner-about-numbersDark figures section: label and note row, one huge lead number, then a four column grid of large figures with small uppercase labels. Needs a Lexington MCP key.

Gerstner Visitgerstner-about-visitDark visit banner on an animated WebGL shader ground: open-day and address labels, a huge uppercase h2 and a short lead with a muted button. Needs a Lexington MCP key.

Gerstner Feesgerstner-admissions-feesFees and scholarships: numbered label and h2, a four column row of 4:5 shader tiles each with a fee label, big CHF amount and unit, then three scholarships with title and text. Needs a Lexington MCP key.

Gerstner Headergerstner-admissions-headerAdmissions page header: 12 column row with a label, a numbered in-page index and a lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Questionsgerstner-admissions-questionsFAQ as native details rows on a 12 column grid: numbered index, large uppercase question and a plus sign, opening to a large answer paragraph. Needs a Lexington MCP key.

Gerstner Requirementsgerstner-admissions-requirementsFull bleed dark split: label and h2 with a list of entry requirements grouped by level, beside a tall 3:4 branded photo. Needs a Lexington MCP key.

Gerstner Stepsgerstner-admissions-stepsDark how-to-apply section: numbered label beside a large h2, then four steps in a row, each a big two digit number, uppercase title and text. Needs a Lexington MCP key.

Gerstner Formgerstner-apply-formMulti-step application form: sticky numbered step index on the left, fieldsets on the right with underline inputs, selects and PDF uploads, a confirm checkbox and a submit button. Answers are kept in localStorage. Needs a Lexington MCP key.

Gerstner Headergerstner-apply-headerApply page header: label, deadline list and a lead in a 12 column row, then a huge uppercase h1 beside a live countdown of days to the next deadline. Needs a Lexington MCP key.

Gerstner Nextgerstner-apply-nextDark after-you-apply section on an animated WebGL shader ground: label and email link, a huge uppercase h2 and three timed steps with title and text. Needs a Lexington MCP key.

Gerstner Clubsgerstner-campus-life-clubsClubs list: label and short lead, then a run of club names set large with their member counts in small type. Needs a Lexington MCP key.

Gerstner Facilitiesgerstner-campus-life-facilitiesFull bleed dark split: label and h2 with a list of facilities on a 12 column grid showing name and opening hours, beside a 4:3 branded photo. Needs a Lexington MCP key.

Gerstner Headergerstner-campus-life-headerCampus life page header: huge uppercase h1 with a numbered in-page index, then a wide 4:3 branded photo beside a 4:5 photo, a short lead and a primary button. Needs a Lexington MCP key.

Gerstner Housinggerstner-campus-life-housingDark housing section: label, large h2 and a muted button, then three residences each with a big CHF price, name and a small detail list. Needs a Lexington MCP key.

Gerstner Voicesgerstner-campus-life-voicesFull bleed dark split: a student quote set large on an animated WebGL shader panel with the student's name and course, beside a 4:3 branded photo. Needs a Lexington MCP key.

Gerstner Formgerstner-contact-formDark contact form written as a sentence: 'Hello Gerstner, my name is' with inline underline inputs for name, topic select and email, then a textarea and a muted send button. Needs a Lexington MCP key.

Gerstner Headergerstner-contact-headerContact page header on an animated WebGL shader ground: huge uppercase h1 and a lead, a large email link and a small switchboard list of labelled phone numbers and addresses. Needs a Lexington MCP key.

Gerstner Officesgerstner-contact-officesFull bleed split: a tall 3:4 branded photo beside a label, h2 and a list of offices, each with name, note, email and phone links. Needs a Lexington MCP key.

Gerstner Admissionsgerstner-landing-admissionsDark admissions banner: deadline list and note, a days-to-deadline countdown above a twelve month calendar strip with marked months, then a huge uppercase h2 and a muted button. Needs a Lexington MCP key.

Gerstner Eventsgerstner-landing-eventsComing up section: label and All events button, the next event as a large shader poster, then a grid of event cards. Needs a Lexington MCP key.

Gerstner Facultiesgerstner-landing-facultiesFour column grid of faculty cards with branded photos and programme counts, then a huge uppercase Faculties h2 beside a short note. Needs a Lexington MCP key.

Gerstner Herogerstner-landing-heroSwiss poster home hero: a three photo strip of 3:4 branded images, meta and fact lists with two buttons, then the university name set huge across the page with small lines under it. Needs a Lexington MCP key.

Gerstner Newsgerstner-landing-newsNews section: huge uppercase h2 with an All news button, then a featured news card with photo on the left and a stacked list of four text-only cards on the right. Needs a Lexington MCP key.

Gerstner Programmesgerstner-landing-programmesProgrammes section: intro line and level buttons, a two to three column grid of numbered programme cards, then a huge uppercase h2 with a primary button. Needs a Lexington MCP key.

Gerstner Researchgerstner-landing-researchDark research highlight: label and project count, the project title set huge, a summary with a lead, faculty, period and status list and a button, beside three 4:5 branded photos. Needs a Lexington MCP key.

Gerstner Statementgerstner-landing-statementFull bleed dark split: a tall 3:4 branded portrait beside a facts list, the rector's name and a large uppercase quote on an animated WebGL shader panel. Needs a Lexington MCP key.

Gerstner GettingHeregerstner-visit-getting-hereDark directions section on an animated WebGL shader ground: label beside a large address, email and phone links with a maps button, then four routes each with big minutes, mode and text. Needs a Lexington MCP key.

Gerstner Headergerstner-visit-headerVisit page header: 12 column row with an address label, a numbered in-page index and a lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Mapgerstner-visit-mapCampus map: label, h2 and a list of lettered buildings on the left, a square drawn map on the right with the river band, street, numbered building blocks and a tram stop. Needs a Lexington MCP key.

Gerstner OpenDaysgerstner-visit-open-daysOpen day section: the next open day as a large shader poster beside a label, h2 and a timed programme for the day. Needs a Lexington MCP key.

Gerstner Toursgerstner-visit-toursFull bleed dark split: a 4:3 branded photo beside a label, h2, a list of tours with time, title and days, and a muted booking button. Needs a Lexington MCP key.

Hemingway Herohemingway-blog-heroIndex hero: a single long two tone serif heading with the lead phrase in italic black and the rest in gray, left aligned in a max width column. No buttons. Needs a Lexington MCP key.

Hemingway Subscribehemingway-ctas-subscribeNewsletter block: large light serif statement, then a one field form with an underline only email input and a small icon only arrow submit button in a row. Needs a Lexington MCP key.

Hemingway BlogPreviewhemingway-landing-blog-previewUppercase label and small button in a header row over a top border, then four popular post cards in a one, two or four column grid. Needs a Lexington MCP key.

Hemingway Herohemingway-landing-heroFull height hero: one long two tone serif sentence with the key phrase in black, anchored to the bottom of a viewport height wrapper. No image or buttons. Needs a Lexington MCP key.

Hemingway PodcastPreviewhemingway-landing-podcast-previewUppercase label and small button in a header row, then three wide podcast episode cards stacked in a single divided column under a top border. Needs a Lexington MCP key.

Hemingway Herohemingway-podcast-heroIndex hero: a long two tone serif heading with the lead phrase in italic black, left aligned in a max width column. No image, paragraph or buttons. Needs a Lexington MCP key.

Hirewise NotFoundhirewise-404-not-found404 page on a dark card over the dithered team colour shader: a large medium h1, a muted line, a see open roles button and a short list of inverse text links. Needs a Lexington MCP key.

Hirewise Galleryhirewise-about-galleryPhoto gallery: square photos on rounded corners in a 2 then 4 column grid, some tiles spanning two cells for rhythm. Needs a Lexington MCP key.

Hirewise Herohirewise-about-heroAbout hero: a huge medium h1 with a muted intro in eight columns, then two rounded photos side by side in seven and five columns. Needs a Lexington MCP key.

Hirewise Officeshirewise-about-officesOffices list beside a medium h2 and subtitle in four columns: each city gets a medium h3, a short story and a four column dl of address, headcount, teams with colour dots and a daily habit. Needs a Lexington MCP key.

Hirewise Originhirewise-about-originCompany timeline under a medium h2 and subtitle: five numbered years in a 1 to 5 column ordered list, each with a year, a medium h3 and a short paragraph. Needs a Lexington MCP key.

Hirewise Principleshirewise-about-principlesSix numbered principles under a medium h2 and subtitle, each row a medium h3 with a muted index number and its explanation in a four column paragraph. Needs a Lexington MCP key.

Hirewise Tripshirewise-about-tripsPast team trips under a medium h2 and subtitle: 4:5 rounded photos in a 1/2/4 column grid, each with the place as an h3 and the year and headcount below. Needs a Lexington MCP key.

Hirewise Weekhirewise-about-weekA week in five 4:5 rounded cards in a 2/3/5 column grid, grey cards with one dark lead card, each with the day, a medium title and a muted line below. Needs a Lexington MCP key.

Hirewise Applicationhirewise-apply-applicationMulti step application: the role title, a read the role link and a dl of facts in five columns, then a seven column card with a numbered three step indicator, inputs, selects, textareas and back, continue and send buttons driven by a small script. Needs a Lexington MCP key.

Hirewise MoreRoleshirewise-apply-more-rolesMore roles table under a medium h2 with a see all roles link: rows with title, team colour dot, location and salary band, a header row on desktop and a chevron that nudges on hover. Needs a Lexington MCP key.

Hirewise Bandshirewise-benefits-bandsSalary bands table under a medium h2 and subtitle: one row per level with the level code, a title, the yearly band and what the level looks like, with a desktop header row. Needs a Lexington MCP key.

Hirewise Equityhirewise-benefits-equityEquity explained under a medium h2 and subtitle in a three column ordered list of steps, each with a large h3 and a muted paragraph. Needs a Lexington MCP key.

Hirewise Herohirewise-benefits-heroBenefits hero: a huge medium h1, a muted intro and a three column dl of headline numbers on the left, two rounded photos with their own small dl stacked on the right. Needs a Lexington MCP key.

Hirewise Perkshirewise-benefits-perksEverything else under a medium h2 and subtitle: five benefit groups as rows, each a medium h3 led by a team colour square beside a short list of items. Needs a Lexington MCP key.

Hirewise Bodyhirewise-blog-bodyArticle body: a prose wrapper inside the standard wrapper, rendering the post through a slot. Needs a Lexington MCP key.

Hirewise Herohirewise-blog-detail-heroPost hero: a large medium h1 and muted description in eight columns, author, date and reading time in four, then a wide rounded cover photo. Needs a Lexington MCP key.

Hirewise Herohirewise-blog-heroBlog index hero: a huge medium h1 with a muted intro in eight columns. Needs a Lexington MCP key.

Hirewise Listhirewise-blog-listBlog list: posts sorted newest first as stacked rows, each row a PostRow with a thumbnail, title, description and meta. Needs a Lexington MCP key.

Hirewise Morehirewise-blog-moreMore posts under a medium h2 with an all notes link: the three latest other posts as PostRow rows. Needs a Lexington MCP key.

Hirewise Formhirewise-contact-formContact form on a dark card over the dithered shader: a medium h2, two column inputs, a topic select, a message textarea and a muted send button, with a rounded photo filling the other half. Needs a Lexington MCP key.

Hirewise Herohirewise-contact-heroContact hero: a huge medium h1 and muted intro, then a four column dl of inboxes, each with a label, a line and an email text link. Needs a Lexington MCP key.

Hirewise Visithirewise-contact-visitVisit the offices under a medium h2: one card per city with a 3:2 rounded photo, a medium h3, an open in maps link and a three column dl of address, hours and directions. Needs a Lexington MCP key.

Hirewise Criteriahirewise-hiring-criteriaWhat we look for: a medium h2 and subtitle in four columns beside a two column grid of grey cards, each with a blocky team mark, an h3 and a short paragraph. Needs a Lexington MCP key.

Hirewise Herohirewise-hiring-heroHiring process hero: a huge medium h1 and muted intro stacked over a full width rounded photo, 4:3 on mobile and 2:1 on desktop. Needs a Lexington MCP key.

Hirewise Promiseshirewise-hiring-promisesPromises to candidates: a medium h2 and subtitle in five columns beside a seven column list of large lines, each led by a small team colour square. Needs a Lexington MCP key.

Hirewise Stepshirewise-hiring-stepsHiring steps under a medium h2: one row per step with a numbered medium h3 in four columns and a paragraph plus a three column dl of length, who you meet and how to prepare in eight. Needs a Lexington MCP key.

Hirewise Benefitshirewise-landing-benefitsBenefits bento under a medium h2 with a benefits link: a rounded photo, a grey card listing time off, and a dark shader card about public salaries, then a three column list of short facts. Needs a Lexington MCP key.

Hirewise Closinghirewise-landing-closingTalent pool closing on a dark card over the dithered shader: a large h2, a line of copy, an email input and team select with a join button, and a rounded photo in the other half. Needs a Lexington MCP key.

Hirewise Herohirewise-landing-heroCareers home hero filling the screen: a huge h1, intro, primary and muted buttons and a stacked avatar row on the left, a rounded office photo on the right with a cutout card counting open roles per team. Needs a Lexington MCP key.

Hirewise HowWeHirehirewise-landing-how-we-hireHow we hire under a medium h2 with a full process link: a wide rounded photo, then five numbered steps in a 1/2/5 column ordered list with an h3 and a muted line each. Needs a Lexington MCP key.

Hirewise Introhirewise-landing-introCompany intro: a two column dl of big numbers beside a six column medium paragraph saying what the company does. Needs a Lexington MCP key.

Hirewise Lifehirewise-landing-lifeLife at the company: a medium h2, subtitle, link and a list of values with colour tiles holding small blocky marks in five columns, a large rounded photo with a cutout list in seven. Needs a Lexington MCP key.

Hirewise OpenRoleshirewise-landing-open-rolesLatest open roles under a medium h2 counting every role, with a see all link: the six newest as table rows with title, team dot, location and salary band, and a chevron on hover. Needs a Lexington MCP key.

Hirewise Storyhirewise-landing-storyFeatured employee story as a figure: a rounded office photo in five columns, a large blockquote, a read the story link, a dl of numbers and a portrait caption in seven. Needs a Lexington MCP key.

Hirewise Teamshirewise-landing-teamsTeams grid under a medium h2 with a meet the teams link: five 4:5 tiles in each team colour with its blocky mark that rotates on hover, then name, description and people and open role counts. Needs a Lexington MCP key.

Hirewise Bodyhirewise-legal-bodyLegal page body: a sticky side list of legal pages with the current one in ink and a contact email link in four columns, the document text through a slot in eight. Needs a Lexington MCP key.

Hirewise Herohirewise-legal-heroLegal page hero: a huge medium h1 with the page name, a muted description and the last updated date. Needs a Lexington MCP key.

Hirewise Bodyhirewise-roles-bodyRole description: the role text through a slot in eight columns, a side card in four with the hiring timeline as a three step ordered list and a how we hire link. Needs a Lexington MCP key.

Hirewise Herohirewise-roles-detail-heroRole hero: a large h1, summary, apply and how we hire buttons and a two column dl of team with dot, level, location and salary band, beside a rounded team colour panel holding its blocky mark. Needs a Lexington MCP key.

Hirewise Herohirewise-roles-heroOpen roles hero: a huge h1 with the role count and a muted intro, then a row of team chips with colour dots and counts that jump to each team. Needs a Lexington MCP key.

Hirewise Listhirewise-roles-listRoles grouped by team: one row per team with its name and colour dot in four columns and its RoleRow list in eight, separated by top borders. Needs a Lexington MCP key.

Hirewise Morehirewise-roles-moreMore roles under a small h2 in four columns with a see all link: up to four RoleRow rows from the same team, or other open roles, in eight. Needs a Lexington MCP key.

Hirewise Bodyhirewise-stories-bodyStory body: the story text through a slot in eight columns, a side block in four with the person's name, role and city and links to their team and its open roles. Needs a Lexington MCP key.

Hirewise Herohirewise-stories-detail-heroStory hero: a large medium h1 and summary in eight columns, the person with a team colour dot and date in four, then a wide rounded photo. Needs a Lexington MCP key.

Hirewise Herohirewise-stories-heroStories index hero: a huge h1 over a featured latest story, an uncropped rounded portrait in four columns beside a dark shader card with a medium h2, summary, person with team dot and a read link in eight. Needs a Lexington MCP key.

Hirewise Listhirewise-stories-listMore stories under a medium h2: every story but the latest as StoryCards in a 1/2/3 column grid. Needs a Lexington MCP key.

Hirewise Morehirewise-stories-moreMore stories under a medium h2 with an all stories link: three other StoryCards in a 1/2/3 column grid. Needs a Lexington MCP key.

Hirewise Swatcheshirewise-system-swatchesDesign system colours: token swatches in a 2/4 column grid with name and value, then a row showing the dithered team colour shader on a 2:1 panel. Needs a Lexington MCP key.

Hirewise TextLinkshirewise-system-text-linksDesign system text links: the default and inverse text link on 4:3 light and dark panels. Needs a Lexington MCP key.

Hirewise TypeScalehirewise-system-type-scaleDesign system type scale: each Text variant as a row, the name and size in three columns and a live sample in nine. Needs a Lexington MCP key.

Hirewise Recenthirewise-talent-pool-recentRecently opened roles under a medium h2 with a see all link: the four newest as table rows with title, team dot, location and salary band. Needs a Lexington MCP key.

Hirewise Signuphirewise-talent-pool-signupTalent pool signup: a large h1 and a three step what happens next list with colour dots in five columns, a seven column form with name and email, five team checkbox tiles with blocky marks and open role counts, a location select and a join button. Needs a Lexington MCP key.

Hirewise Bodyhirewise-teams-bodyTeam page body: the team text through a slot in eight columns, a side list of members in four, each with a small rounded portrait or a team colour tile with the mark, name, role and city. Needs a Lexington MCP key.

Hirewise Herohirewise-teams-detail-heroTeam page hero: a huge h1 and description with a see open roles button, then a large team colour card with its blocky mark, headcount and offices plus a cutout card listing the newest roles, beside a dark shader card pointing to the talent pool. Needs a Lexington MCP key.

Hirewise Herohirewise-teams-heroTeams index hero: a huge medium h1 with a muted intro in eight columns. Needs a Lexington MCP key.

Hirewise Leadhirewise-teams-leadTeam lead quote as a figure: a large blockquote with a small rounded portrait, name, role and city in the caption. Needs a Lexington MCP key.

Hirewise Listhirewise-teams-listTeams list: one row per team with a 4:3 team colour tile and its mark, a small h2, description and meet the team link, and a short list of the team's open roles. Needs a Lexington MCP key.

Hirewise Roleshirewise-teams-rolesTeam open roles under a small h2 in four columns with a see all link: the team's RoleRow list in eight. Needs a Lexington MCP key.

Hirewise Receivedhirewise-thank-you-receivedApplication received: a huge h1, a three step what happens next ordered list and buttons to stories and life at the company in six columns, a rounded photo in the other six. Needs a Lexington MCP key.

Jacobsen Herojacobsen-about-heroFull-screen page hero: a small top line, then a garage photo in seven columns and the h1 with a ruled facts list aligned to the bottom in the other five. Needs a Lexington MCP key.

Jacobsen Storyjacobsen-about-storyStory section: a label and h2 beside the reasoning, a wide 21:9 aerial road photo that uncovers on scroll, a ruled year and event timeline, and four figures to close. Needs a Lexington MCP key.

Jacobsen Teamjacobsen-about-teamTeam section: a two-line heading row, then four tall 4:5 portraits in a grid, each with name and role on one line and a short note, uncovering one after another on scroll. Needs a Lexington MCP key.

Jacobsen Requestjacobsen-book-requestBooking request form: the chosen car on a white stage with text tabs to pick it, then dates and place, a live estimate table and contact fields with underline inputs, and a sticky bar with the total and a pill submit button. Needs a Lexington MCP key.

Jacobsen Listingjacobsen-careers-listingFull-screen careers hero: a small top line, then a photo in seven columns and the open roles as a hairline table of title, team and hours beside it. Needs a Lexington MCP key.

Jacobsen Workingjacobsen-careers-workingWorking here section: a two-line heading beside an accordion of groups under hairlines, one open at a time. Needs a Lexington MCP key.

Jacobsen Bookjacobsen-chauffeur-bookChauffeur booking form: a two-line heading beside a light form with service, date, time and pickup selects and underline inputs; submits to the booking page with the answers filled in. Needs a Lexington MCP key.

Jacobsen Driverjacobsen-chauffeur-driverWho drives section: a two-line heading beside four accordion groups under hairlines, each opening in place. Needs a Lexington MCP key.

Jacobsen Herojacobsen-chauffeur-heroFull-screen chauffeur hero: a small top line, then a night photo of a driver at the car in seven columns and the h1 with a ruled facts table and the hourly rate beside it. Needs a Lexington MCP key.

Jacobsen Usesjacobsen-chauffeur-usesServices list: a two-line heading beside four hairline rows, each a service name, a short line and its price. Needs a Lexington MCP key.

Jacobsen Herojacobsen-contact-heroContact hero: a two-line h1 beside every way in as ruled rows (phone, WhatsApp, email), then the garage address and opening hours in the same columns. Needs a Lexington MCP key.

Jacobsen Messagejacobsen-contact-messageContact form: a two-line heading beside a light form with underline inputs, a topic select and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Handoverjacobsen-delivery-handoverHandover section: a two-line heading beside delivery and collection as accordion groups under hairlines. Needs a Lexington MCP key.

Jacobsen Herojacobsen-delivery-heroFull-screen delivery hero: a small top line, then an aerial photo of a car outside a villa in seven columns and the h1 with a ruled facts table beside it. Needs a Lexington MCP key.

Jacobsen Zonesjacobsen-delivery-zonesDelivery zones: two blocks, the free zone and the places with a flat fee, each a two-line heading beside a hairline table of place, drive time and fee. Needs a Lexington MCP key.

Jacobsen Listingjacobsen-events-listingFull-screen events hero: a small top line, then stacked event photos in seven columns and the events as a hairline table beside them; the row under the pointer brings its photo forward. Needs a Lexington MCP key.

Jacobsen Questionsjacobsen-faq-questionsFAQ page: a two-line h1 with the four quickest answers, then question groups beside a sticky topics list, each question opening in place under a hairline. Needs a Lexington MCP key.

Jacobsen Gridjacobsen-fleet-gridFleet index: a small top line with text filters by type on the right, then every car as a small grey studio card in a two-column grid. Needs a Lexington MCP key.

Jacobsen Herojacobsen-gifts-heroFull-screen gift cards hero: a black gift card on a grey studio panel in seven columns and the gift amounts as a hairline table beside it; the row under the pointer is written onto the card. Needs a Lexington MCP key.

Jacobsen Optionsjacobsen-gifts-optionsWhat the card covers: a two-line heading beside ruled rows on how long it lasts, what it can be spent on and how it arrives. Needs a Lexington MCP key.

Jacobsen Sendjacobsen-gifts-sendGift card request form: a two-line heading beside a light form with amount or named drive, recipient and underline inputs, and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Changesjacobsen-how-it-works-changesChanges and cancellations: a two-line heading beside accordion groups under hairlines, each opening in place. Needs a Lexington MCP key.

Jacobsen Herojacobsen-how-it-works-heroHow it works hero: a two-line h1 beside three facts as ruled rows, in the seven and five column grid. Needs a Lexington MCP key.

Jacobsen Stepsjacobsen-how-it-works-stepsSteps list: five hairline rows, each a number and title, a short line and two details in the right-hand five columns. Needs a Lexington MCP key.

Jacobsen Tagsjacobsen-journal-tagsTags index: a two-line h1 beside every tag as a ruled row linking to it, with how many drives it holds. Needs a Lexington MCP key.

Jacobsen Chauffeurjacobsen-landing-chauffeurChauffeur section: a two-line heading row with an arrow link, then a night photo of a driver at the car beside four services, each a name and its price. Needs a Lexington MCP key.

Jacobsen Deliveryjacobsen-landing-deliveryDelivery section: a two-line heading row with an arrow link, a wide photo of a car at a villa wall that uncovers on scroll, and three figures underneath. Needs a Lexington MCP key.

Jacobsen Detailsjacobsen-landing-detailsDetail tiles: close-up photos of an interior, a wheel and a key in a loose grid, one large square and two smaller ones set lower, each with a short caption. Needs a Lexington MCP key.

Jacobsen Drivesjacobsen-landing-drivesDrives section: a two-line heading row with an arrow link, then three photo cards with the distance and the car to take, uncovering one after another on scroll. Needs a Lexington MCP key.

Jacobsen Fleetjacobsen-landing-fleetFleet section: a two-line heading row, one wide grey studio panel showing one car at a time with a scroll parallax, the model names as text tabs underneath and the chosen car's rate and arrow link beside them. Needs a Lexington MCP key.

Jacobsen Herojacobsen-landing-heroFull-screen home hero: one car cutout staged in a pale grey studio with a soft floor, a small line above and one row of facts along the bottom, the last an arrow link to the car. Needs a Lexington MCP key.

Jacobsen Processjacobsen-landing-processHow it works section: a two-line heading row with an arrow link, a wide 21:9 photo of a car on a marina quay that uncovers on scroll, and three numbered steps in three columns. Needs a Lexington MCP key.

Jacobsen Reviewsjacobsen-landing-reviewsFull-screen review staged like a magazine ad: the quote as a large headline, the car on a soft studio floor easing in from the side, and a caption row with the guest and the car. Needs a Lexington MCP key.

Jacobsen Applyjacobsen-membership-applyMembership application form: a two-line heading beside a light form with a tier select, underline inputs and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Comparejacobsen-membership-compareMembership terms: a two-line heading beside one accordion per tier under hairlines, each opening to its terms row by row. Needs a Lexington MCP key.

Jacobsen Herojacobsen-membership-heroFull-screen membership hero: a grey studio panel with the car for each tier in seven columns and the three tiers as a hairline table of name, days and price beside it; the row under the pointer brings its car forward. Needs a Lexington MCP key.

Jacobsen Herojacobsen-not-found-heroFull-screen 404: a grey studio panel with a huge pale 404 behind a parked car that drives off to the right after a moment, and two arrow links home and to the fleet. Needs a Lexington MCP key.

Jacobsen Essentialsjacobsen-rates-essentialsRate essentials: a two-line heading beside four ruled rows of the things to know before booking. Needs a Lexington MCP key.

Jacobsen Herojacobsen-rates-heroFull-screen rates hero: a small top line, then a grey studio panel in seven columns and the fleet's day, weekend and week prices as a hairline table beside it; the row under the pointer shows its car in the studio. Needs a Lexington MCP key.

Jacobsen Requirementsjacobsen-rates-requirementsRequirements section: a two-line heading beside accordion groups under hairlines, each opening to ruled rows of what we need and what we cover. Needs a Lexington MCP key.

Jacobsen Buttonsjacobsen-system-buttonsStyle guide: arrow links and pill buttons in every variant and size as ruled rows, then the light variants on a dark panel. Needs a Lexington MCP key.

Jacobsen Colorsjacobsen-system-colorsStyle guide: every colour token as a ruled row with a square swatch, name, use and token name. Needs a Lexington MCP key.

Jacobsen Typographyjacobsen-system-typographyStyle guide: the type rules as ruled rows, then every display and text size as hairline rows with a sample line. Needs a Lexington MCP key.

Kotei SubscribeCtakotei-blog-subscribe-ctaNewsletter block: large statement heading, short supporting line, then a form with one email field and a submit button in a row, plus a small disclaimer under it. Needs a Lexington MCP key.

Kotei Herokotei-landing-heroStatement hero: one long sentence set as a large heading, left aligned in a wide wrapper with generous vertical padding, fades down on scroll via AOS. No image or buttons. Needs a Lexington MCP key.

Kotei HowWeWorkkotei-landing-how-we-workTwo column intro: large statement heading on the left, short supporting paragraph on the right with a left border rule. No image, list or buttons. Needs a Lexington MCP key.

Kotei Philosphykotei-landing-philosphyIndex list: lowercase heading in the first column, then six numbered rows in a three column grid, title left and description right, divided by hairlines. Fades up via AOS. Needs a Lexington MCP key.

Kotei Serviceskotei-landing-servicesServices index: lowercase heading in the first column, then six numbered rows separated by hairlines, each with title and description in a 1/2 split. Fades up via AOS. Needs a Lexington MCP key.

Matterhaus Awardsmatterhaus-awards-awardsSplit layout at viewport height: sticky heading and a stacked list of six awards with organisation, year, title and project on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus BlogListmatterhaus-blog-blog-listSplit layout at viewport height: heading and a stacked list of text only post cards on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus CareersListmatterhaus-careers-careers-listSplit layout with sticky heading, intro paragraph and job rows showing title, location, type and salary on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Contactmatterhaus-contact-contactSplit layout at viewport height: heading, intro and three contact blocks for office address, phone and email, and opening hours on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Heromatterhaus-landing-heroFull viewport split hero: small h1 statement at the top left with an address, phone and email block pinned to the bottom, full height photo on the right with two small square project images overlaid at its bottom left, each linking to its project. Needs a Lexington MCP key.

Matterhaus NotFoundmatterhaus-notfound-not-foundSplit 404 at viewport height: small heading, short apology and a back home text link on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Processmatterhaus-process-processSplit layout at viewport height: heading, intro paragraph and four short paragraphs flowing in two columns on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus ProjectsListmatterhaus-projects-projects-listSplit layout: sticky heading, intro and a plain list of project titles that jump to their cards on the left, a stacked column of square image project cards with year, title and location on the right. Needs a Lexington MCP key.

Matterhaus ServicesListmatterhaus-services-services-listSplit layout with sticky heading, intro paragraph and a stacked list of text only service links on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Studiomatterhaus-studio-studioSplit layout at viewport height: heading, intro and studio story paragraphs flowing in two columns on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Buttonsmatterhaus-system-buttonsStyle guide buttons: sticky title and intro on the left; on the right, rows split by hairlines with every button variant in every size, text and icon only, the muted variant on a grey panel. Needs a Lexington MCP key.

Matterhaus Colorsmatterhaus-system-colorsColour tokens: sticky title and intro on the left, a two column grid of square swatches on the right, each with name, token and what it is used for. Needs a Lexington MCP key.

Matterhaus Linksmatterhaus-system-linksStyle guide links: sticky title and intro on the left; on the right, rows split by hairlines showing a quiet link, a strong link, a link with an arrow and bordered menu rows. Needs a Lexington MCP key.

Matterhaus Typographymatterhaus-system-typographyType scale: sticky title and intro on the left, every display and text size on the right in rows split by hairlines, each with its name over a sample line. Needs a Lexington MCP key.

Matterhaus TeamListmatterhaus-team-team-listSplit layout with a sticky heading on the left and a stacked column of square portrait cards with name and role on the right, sorted alphabetically. Needs a Lexington MCP key.

Mølle Principlesmolle-about-principlesPrinciples: a section head and a row of four dark figures on the left, four short rules on the right, each a display title over a muted paragraph. Needs a Lexington MCP key.

Mølle Storymolle-about-storyCompany timeline: a section head above five years in a row, each a year that lights up as it scrolls into view, a short title and a muted line. Needs a Lexington MCP key.

Mølle Teammolle-about-teamTeam: a section head above two tall 4:5 portraits, each with a dark panel in the bottom left corner holding the name and role. Needs a Lexington MCP key.

Mølle AddonDetailsmolle-addons-addon-detailsAdd-on hero as one full height dark split card: a medium h1 and description on the left above a summary block with spec rows, the price, the models it fits and an enquire button, the photo on the right. Needs a Lexington MCP key.

Mølle AddonsGridmolle-addons-addons-gridAdd-ons index: every add-on as a 4:5 photo card with its title, category and price in a dark corner panel, three to a row. Needs a Lexington MCP key.

Mølle MoreAddonsmolle-addons-more-addonsMore add-ons: a section head with an all add-ons link above three add-on cards, leaving out the current one. Needs a Lexington MCP key.

Mølle MorePostsmolle-blog-more-postsMore from the journal: a section head with an all entries link above three journal cards, leaving out the current post. Needs a Lexington MCP key.

Mølle PostDetailmolle-blog-post-detailJournal article: a full height hero with the h1, intro and a wide photo, then a sticky column with the publish date and a back link beside the prose. Needs a Lexington MCP key.

Mølle PostListmolle-blog-post-listJournal index: the newest post as a featured dark split card, then the rest as photo cards three to a row. Needs a Lexington MCP key.

Mølle SubscribeCTAmolle-blog-subscribe-ctaNewsletter: a dark card with a display heading and a short line on the left, a filled email field and a subscribe button on the right. Needs a Lexington MCP key.

Mølle Configuratormolle-configure-configuratorCabin configurator in a full height dark card: model, cladding and add-on choices as selectable tiles on the left, the model photo with a running total and a send button on the right. Needs a Lexington MCP key.

Mølle Officesmolle-contact-officesOffices: a list of locations split by hairlines, each with the name, a muted address, opening hours and email and phone links. Needs a Lexington MCP key.

Mølle CustomerBodymolle-customers-customer-bodyCustomer story body: a sticky display quote on the left, the story in short titled parts and prose on the right, then the next story as a card. Needs a Lexington MCP key.

Mølle CustomerListmolle-customers-customer-listCustomer stories index: every story as a 4:3 photo card with the owner, location and model in a dark corner panel, two to a row. Needs a Lexington MCP key.

Mølle CustomerStorymolle-customers-customer-storyCustomer story hero: a large h1 and intro beside a button to the model, then a four column row with the photo across two, a dark card with the floor plan and story details, and a card linking to the model. Needs a Lexington MCP key.

Mølle EnquiryFormmolle-forms-enquiry-formEnquiry page as a dark split card: a medium h1, an intro and three promises on the left, a form with filled fields for name, email, model, move in, plot and a message on the right, the send button beside a short note. Needs a Lexington MCP key.

Mølle VisitFormmolle-forms-visit-formBook a visit as a full height dark split card: a heading and the next open days on the left, a form with filled fields for name, email, date and party size on the right, the button beside a short note. Needs a Lexington MCP key.

Mølle Cabinsmolle-landing-cabinsCabins: a section head above every model as a photo card with finish swatches that swap the photo, a corner panel with the title, category and price, and a link that carries the chosen finish to the detail page. Needs a Lexington MCP key.

Mølle Discovermolle-landing-discoverClosing cards: two dark cards side by side, each a title and a muted line above a line drawing, one for configuring a cabin and one for visiting, with an arrow in the corner. Needs a Lexington MCP key.

Mølle Heromolle-landing-heroHome hero filling the screen: three square photos in a row with a giant Mølle wordmark across them in difference blend, a muted one line h1 and a link to the cabins below. Needs a Lexington MCP key.

Mølle Includedmolle-landing-includedWhat's included: a section head above five steps in a row, each a dark square tile with a line drawing, a title, a price or included note and a muted line. Needs a Lexington MCP key.

Mølle Materialsmolle-landing-materialsMaterials: a section head above a sticky split panel listing the materials one by one, with the photo of the active material on the other side. Needs a Lexington MCP key.

Mølle Momentmolle-landing-momentCrane day: a full height rounded photo with a dark card over it holding the hours of the day, each step lighting up as it scrolls in, and a display line. Needs a Lexington MCP key.

Mølle Processmolle-landing-processHow it works: a section head above a sticky split panel with four steps, and a floor plan that builds itself up through drawing stages as you scroll. Needs a Lexington MCP key.

Mølle LegalDocumentmolle-legal-legal-documentLegal page: a page header with the title and last updated date, a pill nav between the legal pages, then the document in a readable prose column. Needs a Lexington MCP key.

Mølle Figuresmolle-materials-figuresFigures: a section head above a grid of large numbers split by hairlines, each with a muted caption. Needs a Lexington MCP key.

Mølle MaterialsHeadermolle-materials-materials-headerMaterials page header: a large h1 and a muted intro. Needs a Lexington MCP key.

Mølle MaterialsListmolle-materials-materials-listMaterials list: a sticky split panel with each material's name, use and origin on the left and its photo on the right. Needs a Lexington MCP key.

Mølle PriceHeromolle-pricing-price-heroPricing hero filling the screen: a large h1 and intro beside a quote button, then four dark cards, each a model's floor plan above its name, price and size. Needs a Lexington MCP key.

Mølle PriceListmolle-pricing-price-listAdd-on prices: a section head above a list split by hairlines, each row the add-on, the models it fits and the price. Needs a Lexington MCP key.

Mølle Paymentsmolle-process-paymentsPayments: a section head above a split panel with the four payment stages, each opening its share and when it is due. Needs a Lexington MCP key.

Mølle Phasesmolle-process-phasesProcess phases: a section head above four phases, each a dark square tile with a stage of the floor plan drawing, the duration, and what you do and what the builder does. Needs a Lexington MCP key.

Mølle CompareModelsmolle-store-compare-modelsCompare models: a heading beside a photo per model, then rows for price, floor area, bedrooms, bathrooms, footprint and lead time, the current model in bold, scrolling sideways on mobile. Needs a Lexington MCP key.

Mølle HomeDetailsmolle-store-home-detailsCabin hero filling the screen: a large h1 and summary beside configure and enquire buttons, then one photo card per cladding finish side by side, each with its name and price in a corner panel. Needs a Lexington MCP key.

Mølle HomePlanmolle-store-home-planFloor plan: a section head above the cabin's labelled floor plan drawn in a dark rounded card. Needs a Lexington MCP key.

Mølle HomeSpecsmolle-store-home-specsCabin interior as a full height dark split card: the title, size and description on the left, the interior photo filling the right. Needs a Lexington MCP key.

Mølle HomesGridmolle-store-homes-gridCabins index: every model as a 4:3 photo card with the title, size and price in a dark corner panel, two to a row. Needs a Lexington MCP key.

Mølle Swatchesmolle-system-swatchesColour tokens: each swatch in a row with its name, value and where it is used. Needs a Lexington MCP key.

Mølle TypeScalemolle-system-type-scaleType scale: the hero wordmark size, then every display and text size as rows split by hairlines, then the patterns the pages reuse. Needs a Lexington MCP key.

Mølle OpenDaysmolle-visit-open-daysOpen days: a section head above a list of upcoming open days, each with the date, time, title, place and a short note. Needs a Lexington MCP key.

Mulberry AboutCEOmulberry-about-about-ceoHeading, then a stone panel: square portrait in one column, intro paragraph, name and role in two columns, plus a bordered list of five credential lines. Needs a Lexington MCP key.

Mulberry AboutHeromulberry-about-about-heroPage hero: kicker, serif h1 and one paragraph in a narrow left column, then a full-bleed team image capped in height below. Needs a Lexington MCP key.

Mulberry AboutMissionmulberry-about-about-missionHeading and paragraph, then a stone panel holding three white cards in a row, each with an uppercase label pushed apart from its title and paragraph. Needs a Lexington MCP key.

Mulberry AboutStorymulberry-about-about-storyFive column editorial header: kicker, a serif lead paragraph spanning two columns, body copy in the last two, then four large stats over hairline rules. Needs a Lexington MCP key.

Mulberry AboutTeammulberry-about-about-teamKicker, heading and paragraph, then a tinted three column grid with two team cards and an accent call to action panel with icon, heading, text and button. Needs a Lexington MCP key.

Mulberry BlogIndexmulberry-blog-blog-indexBlog index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of text only blog cards, newest first. Needs a Lexington MCP key.

Mulberry CasesIndexmulberry-cases-cases-indexCase studies index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of case study cards. Needs a Lexington MCP key.

Mulberry ContactFormmulberry-contact-contact-formContact form fragment on a black panel, no Wrapper: name, email, phone, company, service select, subject, message textarea, privacy checkbox, full width submit. Posts to /api/contact. Needs a Lexington MCP key.

Mulberry ContactHeromulberry-contact-contact-heroPage hero: kicker, serif h1 and one paragraph left aligned in a narrow column, no image or buttons. Needs a Lexington MCP key.

Mulberry ContactInfomulberry-contact-contact-infoContact details fragment, no Wrapper: four hairline divided blocks for phone numbers, email addresses, office address and business hours. Pairs with the contact form in a two column grid. Needs a Lexington MCP key.

Mulberry ContactMainmulberry-contact-contact-mainTwo column contact section: the ContactInfo detail blocks on the left and the black ContactForm panel on the right, inside a standard Wrapper. Needs a Lexington MCP key.

Mulberry MainCtamulberry-ctas-main-ctaFull-bleed split CTA on black: logo mark, serif heading, lead paragraph and two buttons aligned to the page container on the left, image bleeding to the right edge. Needs a Lexington MCP key.

Mulberry FaqListmulberry-faq-faq-listPage hero with kicker, serif h1 and paragraph, then stacked stone panels per FAQ category, each a serif title over hairline divided details rows with a plus icon. Needs a Lexington MCP key.

Mulberry IndustriesIndexmulberry-industries-industries-indexIndustries index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of industry cards. Needs a Lexington MCP key.

Mulberry BlogPreviewmulberry-landing-blog-previewTinted panel with kicker, heading, paragraph and a small button on the left, followed by two blog cards in a two column grid. Needs a Lexington MCP key.

Mulberry CaseStudiesPreviewmulberry-landing-case-studies-previewTinted panel with kicker, heading and paragraph, then a three column grid of two case study cards and an accent panel with icon, heading, text and button. Needs a Lexington MCP key.

Mulberry Heromulberry-landing-heroLanding hero: kicker, serif h1 and one paragraph in a narrow left column, no buttons, then a full-bleed hero image capped in height below. Needs a Lexington MCP key.

Mulberry IndustriesPreviewmulberry-landing-industries-previewTinted panel with kicker, heading and paragraph, then a three column grid holding two industry cards and an accent call to action panel with button. Needs a Lexington MCP key.

Mulberry ServicesPreviewmulberry-landing-services-previewTinted panel with kicker, heading and long paragraph, then a three column grid of two service cards and an accent call to action panel with icon and button. Needs a Lexington MCP key.

Mulberry TestimonialsPreviewmulberry-landing-testimonials-previewTestimonial feature: five-column intro row with kicker, display heading, two paragraphs and a text link, then one card with square image, long quote, name, role and a large stat column. Needs a Lexington MCP key.

Mulberry Whymulberry-landing-whyStone panel split in two: square image left, kicker, heading, paragraph and a two column list of four feature titles with copy right, then the LogoCloud row below. Needs a Lexington MCP key.

Mulberry LocationsHeromulberry-locations-locations-heroPage hero: kicker, serif h1 and one paragraph in a narrow left column. Imports a team image but does not render it. Needs a Lexington MCP key.

Mulberry LocationsListmulberry-locations-locations-listStone panel with kicker, heading and paragraph, then three white office cards in a row, each listing address, phone and hours over hairlines with a Directions button. Needs a Lexington MCP key.

Mulberry LocationsMapmulberry-locations-locations-mapFive column editorial header with kicker, heading and paragraph, then a full-bleed Google Maps iframe embed, tall and lazy loaded. Needs a Lexington MCP key.

Mulberry NotFoundmulberry-notfound-not-found404 hero: kicker, serif h1, paragraph and two buttons, then three stone cards linking to popular pages with serif title, text and Read further label. Needs a Lexington MCP key.

Mulberry IndividualServicesmulberry-pricing-individual-servicesFive column header with kicker, heading and lead paragraph side by side, then six full service pricing cards in a tinted three column grid. Needs a Lexington MCP key.

Mulberry PricingFAQmulberry-pricing-pricing-faqFAQ: kicker, heading and paragraph, then one stone panel per category holding a category title and four native details accordions with a rotating plus icon, no JavaScript. Needs a Lexington MCP key.

Mulberry PricingHeromulberry-pricing-pricing-heroPage hero: kicker, serif h1 and one paragraph left aligned in a narrow column, no buttons or image. Needs a Lexington MCP key.

Mulberry PricingPackagesmulberry-pricing-pricing-packagesFive column editorial header, then a stone panel with three white pricing cards: price, pricing note, name, description, button and check marked feature list, one flagged Most Popular. Needs a Lexington MCP key.

Mulberry ServicesIndexmulberry-services-services-indexServices index: kicker, serif h1 and paragraph, then one block per category, each a serif category title over a stone panel with a two column grid of service cards. Needs a Lexington MCP key.

Mulberry Stats1mulberry-stats-stats-1Five column editorial header with kicker, heading and two paragraphs, then four large serif numbers over hairline rules with label and note. Inline script counts numbers up on scroll. Needs a Lexington MCP key.

Mulberry SystemColorsmulberry-system-system-colorsColour tokens: intro, then five square swatches for background, foreground, muted, muted foreground and accent, each with name and CSS variable. Needs a Lexington MCP key.

Mulberry SystemTypographymulberry-system-system-typographyType specimen: intro, then Display (EB Garamond) and Text (Inter) groups listing every Text variant beside a sample line, divided by hairlines. Needs a Lexington MCP key.

Mulberry TeamIndexmulberry-team-team-indexTeam index: kicker, serif h1 and paragraph, then a stone panel holding a three column grid of portrait team cards. Needs a Lexington MCP key.

Mulberry LogoCloudmulberry-testimonials-logo-cloudLogo row fragment, no Wrapper or heading: five square stone tiles in a 2/5 column grid, each centering a certification logo. Drops under another section. Needs a Lexington MCP key.

Mulberry TestimonialsListmulberry-testimonials-testimonials-listPage hero, then stacked stone rows: square portrait, large quote with name and role, and a ruled side column with a big serif metric and its label. Needs a Lexington MCP key.

Navy Heronavy-about-heroAbout hero: WebGL navy arch gradient shader across the top with light display heading and paragraph in the 9-column main column, then a four item facts row (big value over small label) and a full width 4:3 to video ratio image below. Needs a Lexington MCP key.

Navy Milestonesnavy-about-milestonesMilestones timeline: '/// Milestones' side label with display heading, then a full width ordered list between rules where each row puts a large year in the 3-column side column and a line of text in the main column, last year in primary color; five rows. Needs a Lexington MCP key.

Navy Principlesnavy-about-principlesPrinciples: '/// Principles' side label and display heading, then three full width cards in a row on mist, lilac and frost grounds, square on large screens, each with a numbered index at top and title plus paragraph at the bottom. Needs a Lexington MCP key.

Navy Storynavy-about-storyStory text block: '/// Story' side label beside a display heading and three large muted paragraphs in a narrow column in the 9-column main column. Needs a Lexington MCP key.

Navy Teamnavy-about-teamTeam preview: '/// Team' side label, display heading and arrow link, then a full width three column grid of six team cards (square portrait over a tone panel cycling navy, ultramarine, lilac and muted with role, name and two line intro) and a navy CtaPanel hiring call to action with one button. Needs a Lexington MCP key.

Navy Featurednavy-blog-featuredFeatured post: 12-column split with the latest post's 3:2 image across eight columns and a navy inverse panel across four with uppercase tag and date at top, display title, excerpt and arrow link at the bottom, whole card linked. Needs a Lexington MCP key.

Navy Heronavy-blog-heroBlog hero on a light ground: display heading and short muted paragraph in the 9-column main column, large top padding, no image. Needs a Lexington MCP key.

Navy Postsnavy-blog-postsPost grid: '/// All posts' side label with the topic link row beside it, then a full width three column grid of blog cards (image, tag, date, title, excerpt) for all posts except the newest. Needs a Lexington MCP key.

Navy Subscribenavy-blog-subscribeNewsletter call to action: muted CtaPanel with display heading and paragraph on the left and an inline email input with Subscribe button on the right. Needs a Lexington MCP key.

Navy TagsHeronavy-blog-tags-heroTopics index hero on a light ground: back link to all posts, display heading and muted paragraph in the 9-column main column. Needs a Lexington MCP key.

Navy TagsListnavy-blog-tags-listTopic tiles: four column grid of linked tiles cycling navy, ultramarine, lilac and muted grounds, each with uppercase post count at top and topic name, two latest post titles and arrow link at the bottom. Needs a Lexington MCP key.

Navy Heronavy-changelog-heroChangelog hero: full bleed WebGL navy arch gradient shader with light display heading and paragraph in the 9-column main column, tall and vertically centered. Needs a Lexington MCP key.

Navy Featurednavy-customers-featuredFeatured customer story: full width linked lilac panel with logo and uppercase Featured story label, a large quoted testimonial, then customer name, first result line and arrow link along the bottom. Needs a Lexington MCP key.

Navy Heronavy-customers-heroCustomers hero: full bleed WebGL navy arch gradient shader with light display heading and paragraph at top and a four item stats row (display value over small label) at the bottom of the main column. Needs a Lexington MCP key.

Navy Storiesnavy-customers-storiesCustomer stories grid: '/// Stories' side label and display heading, then a full width three column bordered grid of five customer tiles with logo, name, industry, title and arrow link. Needs a Lexington MCP key.

Navy Contactnavy-forms-contactContact page: arch gradient shader top with a large display heading and short paragraph in the 9-column main column, then three contact channels (label, email, note) in three columns and a form below a rule with name and email side by side, topic select, message textarea and a gradient submit button. Needs a Lexington MCP key.

Navy Categoriesnavy-helpcenter-categoriesHelp center article index: one '/// Category' LabeledGrid per category (three), each with a display heading and a two column bordered list of article links with title, two line intro and chevron; a script filters articles from the hero search input and shows an empty message when nothing matches. Needs a Lexington MCP key.

Navy Faqnavy-helpcenter-faqFAQ in a '/// FAQ' LabeledGrid: heading, paragraph and contact arrow link on the left four columns, eight native details accordions with plus icons that rotate on open on the right five columns. Needs a Lexington MCP key.

Navy Heronavy-helpcenter-heroHelp center hero on the WebGL arch gradient shader: large display heading, short paragraph and a search input with icon in the 9-column main column; the input drives the categories filter script. Needs a Lexington MCP key.

Navy Supportnavy-helpcenter-supportSupport call to action on a lilac CtaPanel: heading and text on the left, a status arrow link and a gradient contact button on the right. Needs a Lexington MCP key.

Navy Directorynavy-integrations-directoryIntegrations directory: one '/// Tag' LabeledGrid per tag (alerts, developer tools, publishing), each with a display heading and a bordered list of integration rows with logo, name, two line description, built by label and chevron; categories have anchor ids. Needs a Lexington MCP key.

Navy Heronavy-integrations-heroIntegrations hero on a full WebGL arch gradient shader: large display heading and short paragraph in the 9-column main column, no buttons. Needs a Lexington MCP key.

Navy Requestnavy-integrations-requestIntegration request call to action on a dark navy inverse CtaPanel: heading and text on the left, a gradient accent button and an API docs arrow link on the right. Needs a Lexington MCP key.

Navy Bandnavy-landing-bandContent free full bleed band, 480px tall, filled with the WebGL navy band gradient shader across the middle, used as a divider between sections. Needs a Lexington MCP key.

Navy Heronavy-landing-heroFull viewport landing hero on the WebGL arch gradient shader: large display heading in the 9-column main column, bottom row with a short paragraph on the left and a pricing arrow link on the right. Needs a Lexington MCP key.

Navy HowItWorksnavy-landing-how-it-worksHow it works in a '/// How it works' LabeledGrid: display heading, then eight steps in a four column grid, each with a title and short paragraph. Needs a Lexington MCP key.

Navy Logosnavy-landing-logosCustomers section in a '/// Customers' LabeledGrid: heading, paragraph and arrow link, then a full width four column grid of linked cards mixing four tinted stat cards (big number, label, customer logo and name) and two double width quote cards with portrait image, testimonial, name, role and logo. Needs a Lexington MCP key.

Navy Numbersnavy-landing-numbersStats in a '/// Network' LabeledGrid: display heading and paragraph, then four full width columns each with a very large number with an accent unit, label and short note. Needs a Lexington MCP key.

Navy OnCallnavy-landing-on-callEscalation timeline in a '/// On call' LabeledGrid: heading, paragraph and arrow link, then four tall full width tone cards (navy inverse, ultramarine primary, lilac, muted) each with time, uppercase status, name and note. Needs a Lexington MCP key.

Navy StatusPagesnavy-landing-status-pagesFeature split in a '/// Status pages' LabeledGrid: heading, paragraph and arrow link on the left four columns, a ruled definition list of four features with title and text side by side on the right five columns. Needs a Lexington MCP key.

Navy Heronavy-notfound-heroFull viewport 404 hero on the WebGL arch gradient shader: uppercase error label and large display heading in the main column, bottom row with a short paragraph on the left and a contact arrow link plus gradient homepage button on the right. Needs a Lexington MCP key.

Navy Comparenavy-pricing-comparePlan comparison table in a '/// Compare' LabeledGrid: heading, then a full width horizontally scrolling table with four plan columns (name, popular tag, price, button in header and footer), four feature groups with uppercase titles, zebra muted rows, check and minus icons or text values. Needs a Lexington MCP key.

Navy Plansnavy-pricing-plansPricing hero and plans: WebGL arch gradient shader top with a large display heading and paragraph in the main column, then four plan columns each with name, most popular tag, large price and period, description, check icon feature list and full width gradient button. Needs a Lexington MCP key.

Navy Compliancenavy-security-complianceCompliance cards: four tall tone cards in a four column grid cycling navy inverse, ultramarine primary, lilac and muted grounds, each with an uppercase kind label, title and short text, no heading. Needs a Lexington MCP key.

Navy Disclosurenavy-security-disclosureTwo stacked security call to action panels: a light muted CtaPanel to report a vulnerability with heading, text and arrow link to the disclosure policy, then a dark navy CtaPanel offering audit documents with an accent button. Needs a Lexington MCP key.

Navy Heronavy-security-heroSecurity hero on the WebGL navy gradient shader with CSS arch fallback: large white display heading with italic key word, short paragraph, light muted button and white arrow link, aligned to the 9-column main column. Needs a Lexington MCP key.

Navy Practicesnavy-security-practicesSecurity practices list with '/// Practices' side label: display heading, then four bordered rows (infrastructure, data protection, access control, application security), each with title, paragraph and a three column definition list of three items. Needs a Lexington MCP key.

Navy Heronavy-status-heroStatus page hero on the WebGL navy gradient shader: large white display heading, short paragraph and light muted subscribe button, followed by a solid ultramarine banner reading all systems operational with a small checked-from note. Needs a Lexington MCP key.

Navy Incidentsnavy-status-incidentsPast incidents timeline with '/// Incidents' side label: display heading, then bordered day rows for the last week with dates computed at build time, each showing no incidents or an incident title with a left ruled list of timestamped status updates. Needs a Lexington MCP key.

Navy Maintenancenavy-status-maintenanceScheduled maintenance notice with '/// Maintenance' side label: top rule, uppercase date and time window computed from today, display title and one muted paragraph. Needs a Lexington MCP key.

Navy Regionsnavy-status-regionsRegional response times with '/// Regions' side label: display heading and note, then a three column ruled list of 18 city names with millisecond values aligned right. Needs a Lexington MCP key.

Navy Subscribenavy-status-subscribeIncident email subscribe panel: lilac CtaPanel with heading and text on the left and an inline email input with dark subscribe button on the right, anchored as #subscribe. Needs a Lexington MCP key.

Navy Uptimenavy-status-uptimeNinety day uptime bars with '/// Uptime' side label: display heading, three item colour legend, then three bordered groups of components, each with name, uptime percentage and a row of 90 daily bars in ultramarine, faded or dark navy, trimmed to 30 days on mobile. Needs a Lexington MCP key.

Navy Buttonsnavy-system-buttonsDesign system buttons page: shared system header with side nav and 'All button variants' title, then the button rows showing default, accent and muted buttons at every size, with text and icon only. Needs a Lexington MCP key.

Navy Colorsnavy-system-colorsDesign system colour tokens page: system header, then five side labelled rows (ground and ink, fills and lines, accent, tints, inverse), each with a four column grid of 4:3 swatches showing name, CSS token and oklch value. Needs a Lexington MCP key.

Navy Linksnavy-system-linksDesign system links page: system header, then side labelled rows showing navigation links, arrow links in three sizes and tones including on a dark panel, back link with chevron, pills, footer links on navy and an inline underlined link, followed by every button rendered as a link. Needs a Lexington MCP key.

Navy Overviewnavy-system-overviewDesign system overview page: system header titled 'See all pages', then two side labelled rows (static pages, content collections), each with a four column grid of categories listing small page links. Needs a Lexington MCP key.

Navy Typographynavy-system-typographyDesign system type scale page: system header, then one side labelled row per Text variant from Display 6XL to Text XS rendering a sample line, plus rows for the italic key word and the uppercase '///' label. Needs a Lexington MCP key.

Navy Heronavy-team-heroPlain team hero on the light ground: large display heading with italic key word, short muted paragraph and arrow link, placed in the 9-column main column. Needs a Lexington MCP key.

Navy Hiringnavy-team-hiringHiring call to action: full width ultramarine CtaPanel with heading and text on the left and a dark see open roles button on the right. Needs a Lexington MCP key.

Navy Membersnavy-team-membersTeam grid of six members in three columns with no gaps, founders first then sorted by name, each a tone card with square portrait, uppercase role, name and two line intro, linked to the member page. Needs a Lexington MCP key.

Navy Testimonial1navy-testimonials-testimonial-1Single customer testimonial with '/// Customers' side label and display heading, then a full width figure: portrait in three columns beside a nine column pale mist panel with large display quote, name, role and arrow link, plus two ultramarine stat figures. Needs a Lexington MCP key.

Newport Backgroundnewport-about-backgroundTwo column tinted panel: heading, lead paragraph and five body paragraphs flowing into two text columns on the left, three image mosaic with one tall image on the right. Needs a Lexington MCP key.

Newport Communicationnewport-about-communicationDark slate panel split in two columns: heading, two paragraphs and three arrow links stacked on the left, a full height image on the right that moves first on mobile. Needs a Lexington MCP key.

Newport GovernanceOverviewnewport-about-governance-overviewDark slate panel split in two columns: heading, lead paragraph, body text and three arrow links on the left, a full height image on the right, image first on mobile. Needs a Lexington MCP key.

Newport Heronewport-about-heroFull height page hero in two equal columns: dark slate panel with eyebrow, h1 and lead paragraph beside a square image that comes first on mobile, no buttons. Needs a Lexington MCP key.

Newport Intronewport-about-introNarrow text block with a centered heading followed by six body paragraphs flowing into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Newport Managementnewport-about-managementNarrow text block with a centered heading followed by four body paragraphs that flow into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Newport Missionnewport-about-missionTwo column split: tall portrait image on the left, heading, lead paragraph, two column body text and a three item titled list under a hairline rule on the right. Needs a Lexington MCP key.

Newport AmenitiesListnewport-amenities-amenities-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of every amenity card with square image, name and description, sorted by name. Needs a Lexington MCP key.

Newport AmenitiesPreviewnewport-amenities-amenities-previewHeading and intro on the left with a View all link on the right, then a three column grid of three amenity cards with square images, name and description. Needs a Lexington MCP key.

Newport AnnouncementsListnewport-announcements-announcements-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of announcement cards, newest first, each with date, category, title, excerpt and a button. Needs a Lexington MCP key.

Newport LatestAnnouncementsnewport-announcements-latest-announcementsHeading and intro beside a View all link, then a three column grid of the three newest announcement cards with date, category, title, clamped excerpt and a Read details button. Needs a Lexington MCP key.

Newport BlogListnewport-blog-blog-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of blog cards with square images, title and two line excerpt, newest first. Needs a Lexington MCP key.

Newport BoardListnewport-board-board-listPage header with eyebrow, h1 and lead paragraph, then a grid of board member tiles with square portraits and a name and role caption, sorted by name. Needs a Lexington MCP key.

Newport BoardPreviewnewport-board-board-previewCentered heading, one line of text and a secondary button, then a three column grid of three board member cards with square portraits and a name and role overlay. Needs a Lexington MCP key.

Newport Contactnewport-contact-contactFull height contact page in two columns: a dark slate panel with eyebrow, h1, lead and office, phone and hours details, beside a tinted form with name, email, subject and message. Needs a Lexington MCP key.

Newport ContactCtanewport-ctas-contact-ctaLeft aligned text CTA capped at a readable width: heading, two paragraphs and a row of two buttons, no panel, image or icons. Needs a Lexington MCP key.

Newport HelpCtanewport-ctas-help-ctaCentered CTA in a tinted panel: logo mark on top, display heading, one short paragraph and two side by side buttons, no image. Needs a Lexington MCP key.

Newport NextStepsCtanewport-ctas-next-steps-ctaCentered CTA in a tinted panel: logo mark, display heading, one longer paragraph and two buttons in a centered row, no image. Needs a Lexington MCP key.

Newport DocumentsListnewport-documents-documents-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of document cards with year and type meta, description, download and details buttons. Needs a Lexington MCP key.

Newport LatestDocumentsnewport-documents-latest-documentsTwo columns: a sticky full height image panel with dark overlay, heading, paragraph and button, beside a stack of four document cards with download and detail buttons. Needs a Lexington MCP key.

Newport EventsListnewport-events-events-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of event cards with a month and day badge, time and location, soonest first. Needs a Lexington MCP key.

Newport LatestEventsnewport-events-latest-eventsThree column grid where the first cell is a dark intro tile with heading, text and button, followed by the two soonest event cards with a month and day badge. Needs a Lexington MCP key.

Newport Faqnewport-faq-faqFAQ page: sticky left column with h1, intro, two buttons and jump links, grouped question lists on the right as expandable details rows with plus icons. Needs a Lexington MCP key.

Newport GalleryGridnewport-gallery-gallery-gridPlain image gallery: fifteen 4:3 pictures in a one, two, three column responsive grid with rounded corners, no heading, captions or lightbox. Needs a Lexington MCP key.

Newport Heronewport-gallery-heroText only page hero in a three column grid: eyebrow, h1, lead and body paragraph spanning two columns, a small button aligned to the bottom right. Needs a Lexington MCP key.

Newport Governancenewport-governance-governanceLong form governance page: sticky table of contents on the left, titled sections on the right with lead paragraphs, tinted two column cards and body text. Needs a Lexington MCP key.

Newport Heronewport-landing-heroFull height two column hero: tinted rounded panel holding eyebrow, h1, lead paragraph and two buttons, beside a square image that comes first on mobile. Needs a Lexington MCP key.

Newport Statsnewport-landing-statsStats section: display heading across two columns with a paragraph in the third, then four tinted cards each showing a big italic number, detail and label. Needs a Lexington MCP key.

Newport NotFoundnewport-notfound-not-foundCentred 404: eyebrow, large display heading, short paragraph and two buttons side by side, one back home and one to contact. Needs a Lexington MCP key.

Newport Regulationsnewport-rules-regulationsRules page: sticky table of contents on the left, titled sections on the right with tinted rule category cards, a violations list and two document cards with a button. Needs a Lexington MCP key.

Newport Buttonsnewport-system-buttonsStyle guide buttons: default, accent, secondary and muted variants, every size from xxs to xl as text buttons beside square icon buttons. Needs a Lexington MCP key.

Newport Colorsnewport-system-colorsColour tokens: six square swatches in a row for background, foreground, muted, muted foreground, accent and secondary, each with its name and token variable. Needs a Lexington MCP key.

Newport Linksnewport-system-linksStyle guide links: Button rendered as anchors in default, accent, secondary and muted variants, every size from xxs to xl beside icon only links. Needs a Lexington MCP key.

Newport Typographynewport-system-typographyType scale: every Text variant from textXS to display6XL in rows divided by hairlines, each label set in its own size. Needs a Lexington MCP key.

Northbound BlogListnorthbound-blog-blog-listJournal index: a large light serif heading, a featured post card under a hairline, then a three column grid of compact post cards, newest first. Needs a Lexington MCP key.

Northbound EventsHeronorthbound-events-events-heroFull width desaturated banner image capped in height, sitting under the fixed navigation as the top of a listing page. Needs a Lexington MCP key.

Northbound EventsListnorthbound-events-events-listTwo column event listing: sticky serif heading and intro on the left, a stacked list of text only event entries with hairline rules on the right. Needs a Lexington MCP key.

Northbound Faqnorthbound-faq-faqFAQ page: sticky serif heading with a contact block for email and phones on the left, grouped questions and answers divided by hairlines on the right, closed by a desaturated image. Needs a Lexington MCP key.

Northbound GalleryListnorthbound-gallery-gallery-listGallery index: a large balanced serif statement heading above a three column grid of album cards with portrait cover images. Needs a Lexington MCP key.

Northbound Infonorthbound-info-infoGuest information page: sticky serif heading with quick venue details on the left, grouped travel, parking and stay notes with embedded maps for the ceremony and reception on the right. Needs a Lexington MCP key.

Northbound Actionsnorthbound-landing-actionsThree stacked full width rows, each split into a square desaturated image and a dark accent panel with serif title, paragraph and a large text link. Needs a Lexington MCP key.

Northbound GalleryPreviewnorthbound-landing-gallery-previewSerif heading above a three column grid of gallery album cards, each with a portrait cover image, title and short description linking to the album. Needs a Lexington MCP key.

Northbound Heronorthbound-landing-heroFull viewport hero image with a dark overlay and the couple's first names joined by an ampersand in a large centered display heading. Needs a Lexington MCP key.

Northbound Intronorthbound-landing-introTwo column intro with a symbol, serif statement, ceremony date and venue on the left and a one image per view slider with arrow buttons on the right. Needs a Lexington MCP key.

Northbound Schedulenorthbound-landing-scheduleSerif heading above a numbered vertical list of five day events, each with a large italic index, title, description, times and venue line. Needs a Lexington MCP key.

Northbound Storynorthbound-landing-storyEditorial text section: one long light serif statement heading, then four body paragraphs flowing into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Northbound Locationsnorthbound-locations-locationsVenue listing: a capped desaturated banner image, then a sticky serif heading on the left and stacked text only venue entries with address and notes on the right. Needs a Lexington MCP key.

Northbound NotFoundnorthbound-notfound-not-foundFull viewport desaturated photo with a dark overlay, an uppercase display 404 heading and three large uppercase text links back to the site. Needs a Lexington MCP key.

Northbound PeopleListnorthbound-people-people-listWedding party index: serif heading and short intro above a three column grid of portrait cards with name and role. Needs a Lexington MCP key.

Northbound Rsvpnorthbound-rsvp-rsvpRSVP section: a tall desaturated portrait beside a dark accent panel with the monogram, heading, underline-only inputs, attendance radios and a large text submit, followed by a closing statement. Needs a Lexington MCP key.

Northbound Buttonsnorthbound-system-buttonsStyle guide buttons: default, accent and muted as numbered rows divided by hairlines, every size from xxs to xl as text buttons with a row of icon buttons beneath. Needs a Lexington MCP key.

Northbound Colorsnorthbound-system-colorsColour tokens: sticky serif heading beside numbered rows of five square swatches with token name and variable, divided by hairlines. Needs a Lexington MCP key.

Northbound Linksnorthbound-system-linksStyle guide links: Button rendered as anchors in default, accent and muted numbered rows, every size from xxs to xl with icon only links beneath. Needs a Lexington MCP key.

Northbound Typographynorthbound-system-typographyType scale: sticky serif heading beside two hairline lists, every display variant from display6XL down and every text variant, each with its label above a sample. Needs a Lexington MCP key.

Northbound WishlistHeronorthbound-wishlist-wishlist-heroFull viewport desaturated photo with a dark overlay and a centred uppercase display heading. Needs a Lexington MCP key.

Northbound WishlistListnorthbound-wishlist-wishlist-listGift registry: serif statement heading, then one row per category with a sticky category title on the left and a two column grid of gift cards on the right. Needs a Lexington MCP key.

Ottis TopicListottis-blog-topic-listJournal topics as a ruled list, each tag set large and uppercase with its story count on the right, sliding on hover. Needs a Lexington MCP key.

Ottis Bookottis-landing-bookFull-screen stone panel: a small caption, a huge uppercase h2 with a Book a table button, then a ruled row of opening hours as a definition list. Needs a Lexington MCP key.

Ottis Eventsottis-landing-eventsFull-screen paper panel: an Events label and caption, a ruled grid of four upcoming event cards plus two link cards, then a note and an arrow link. Needs a Lexington MCP key.

Ottis Heroottis-landing-heroFull-screen mustard hero: address and hours captions, a short lead, the restaurant name as a giant uppercase wordmark and a Book a table button, beside a narrow black and white photo print. Needs a Lexington MCP key.

Ottis Kitchenottis-landing-kitchenFull-screen paper panel in three columns: a tall black and white portrait print, a label with a large quote and caption, and a small photo with two short paragraphs about the chef. Needs a Lexington MCP key.

Ottis Menusottis-landing-menusFull-screen stone split: a label and a ruled list of menus set large with serving times, beside a photo that swaps to the menu you point at. Needs a Lexington MCP key.

Ottis PrivateDiningottis-landing-private-diningFull-screen night panel: a label, a large statement and a numbered ruled table of rooms with their guest counts, then an arrow link. Needs a Lexington MCP key.

Ottis Sourcingottis-landing-sourcingFull-screen night panel with three rows of black and white photo prints drifting sideways in opposite directions around a huge uppercase h2, a short note and an arrow link. Needs a Lexington MCP key.

Ottis Timelineottis-landing-timelineFull-screen night panel: a label beside an uppercase h2, then seven ruled year columns with a big year and a short line, filling mustard on hover. Needs a Lexington MCP key.

Outkast NotFoundHerooutkast-404-not-found-hero404 page filling the screen: a huge centred medium h1 with a round photo pill set between the words, a muted line of copy and a back home text link with a round ink chevron. Needs a Lexington MCP key.

Outkast AboutHerooutkast-about-about-heroAbout hero: a huge medium h1 across the page, then two photos on rounded corners side by side in eight and four columns. Needs a Lexington MCP key.

Outkast AboutStoryoutkast-about-about-storyFounding story in two large paragraphs split 6 to 6, the first in ink and the second in muted grey. Needs a Lexington MCP key.

Outkast Peopleoutkast-about-peopleTeam under a medium h2 and subtitle: four 4:5 portraits on rounded corners in a 1/2/4 column grid, each with name, role and city below. Needs a Lexington MCP key.

Outkast Principlesoutkast-about-principlesPrinciples split 4 to 8: a medium h2 on the left, a stacked list of large sentences on the right, each opening with a short lead-in in ink followed by muted text. Needs a Lexington MCP key.

Outkast Studiosoutkast-about-studiosTwo studios split 6 to 6, each with the city as a very large medium heading, the year it opened, then the address and the titles it pitches to with an email link in two columns of small muted text. No photos. Needs a Lexington MCP key.

Outkast JournalHerooutkast-blog-journal-heroJournal index hero: a huge medium h1 with a muted subtitle, then the featured post split 7 to 5 with a rounded 4:3 cover beside date, title, excerpt and a read link with a round ink chevron. Needs a Lexington MCP key.

Outkast PostGridoutkast-blog-post-gridJournal grid: an optional medium h2, then post cards with rounded 4:3 images, date, title and excerpt in a 1/2/3 column grid. Needs a Lexington MCP key.

Outkast Benefitsoutkast-careers-benefitsBenefits under a medium h2: a 1/2/3 column grid of short medium titles with a muted sentence each. No cards, no icons. Needs a Lexington MCP key.

Outkast CareersHerooutkast-careers-careers-heroCareers hero split 7 to 5: a huge medium h1, a muted paragraph and a text link on the left, a tall 4:5 rounded portrait on the right. Needs a Lexington MCP key.

Outkast HowWeHireoutkast-careers-how-we-hireHiring steps split 4 to 8: a medium h2 and subtitle on the left, four steps with a medium title and muted copy in a two column grid on the right. Needs a Lexington MCP key.

Outkast OpenApplicationoutkast-careers-open-applicationCentred closing line: a huge medium h2 with a round photo pill between the words and a text link with a round ink chevron below. Needs a Lexington MCP key.

Outkast OpenRolesoutkast-careers-open-rolesOpen roles split 4 to 8: a medium h2 and note on the left, a stacked list of linked roles with title, city, contract and salary and a round ink arrow on the right. Needs a Lexington MCP key.

Outkast StaffQuotesoutkast-careers-staff-quotesTwo staff quotes split 6 to 6, each a large quote in ink with a round portrait, name and role underneath. Needs a Lexington MCP key.

Outkast StudioLifeoutkast-careers-studio-lifeStudio life strip: three photos on rounded corners in a row with short muted captions under each. Needs a Lexington MCP key.

Outkast ContactFormoutkast-contact-contact-formBrief form split 6 to 6: a medium h2, name, email and brief fields in flat grey rounded controls, radio chips for how you heard of us, a consent checkbox and an ink button, beside a tall rounded photo. Needs a Lexington MCP key.

Outkast ContactHerooutkast-contact-contact-heroContact hero: a huge medium h1, three inboxes in a row each with a label, a large email link and a note, then two studios with a small rounded photo, city and address split 6 to 6. Needs a Lexington MCP key.

Outkast FirstEmailoutkast-contact-first-emailWhat to send split 6 to 6: a medium h2, subtitle and three short points with medium titles on the left, an example email on a grey rounded panel with to, subject, three lines and a sign off on the right. Needs a Lexington MCP key.

Outkast Closingoutkast-landing-closingCentred closing call to action: a huge medium h2 with a round photo pill between the words and a text link with a round ink chevron below. Needs a Lexington MCP key.

Outkast FeaturedCaseoutkast-landing-featured-caseFeatured case on a grey rounded panel split 6 to 6: a photo filling one half, a large medium quote with the client, result and services and a view case link in the other. Needs a Lexington MCP key.

Outkast Herooutkast-landing-heroLanding hero filling the screen: a huge centred medium h1 where round photo pills sit between the words and pop in with GSAP on load, each pill tilting on hover. Needs a Lexington MCP key.

Outkast ServicesSummaryoutkast-landing-services-summaryServices summary: a medium h2 with a text link, then four services in a 1/2/4 column grid, each with a rounded 4:3 photo, a medium title and a muted line. Needs a Lexington MCP key.

Outkast VisitUsoutkast-landing-visit-usVisit the studios: a medium h2, subtitle and text link, then two studios split 6 to 6 with a rounded 3:2 photo, address and opening hours. Needs a Lexington MCP key.

Outkast WaysToWorkoutkast-landing-ways-to-workWays to hire the agency: a medium h2 and subtitle, three models in a row each with a medium title, fee and muted copy, and a text link below. Needs a Lexington MCP key.

Outkast Workoutkast-landing-workSelected work: six client cards in a 1/2/3 column grid, each a rounded 4:3 photo that scales on hover with the client and a one line summary, and a centred all work link. Needs a Lexington MCP key.

Outkast ServiceRowsoutkast-services-service-rowsService rows: each service split 5 to 7 with a large medium name, description, a two column deliverables list with dot markers and a text link, beside a rounded 4:3 photo. Needs a Lexington MCP key.

Outkast ServicesHerooutkast-services-services-heroServices hero: a huge medium h1 with two round photo pills between the words, a muted paragraph and text link, then four anchor links each with a round thumbnail, name and short line. Needs a Lexington MCP key.

Outkast WaysToWorkoutkast-services-ways-to-workWays to work: a medium h2 and subtitle, three models in a row with a medium title, fee, muted copy and a short list with dot markers. Needs a Lexington MCP key.

Outkast ColorSwatchesoutkast-system-color-swatchesSystem colour reference in groups: each token as a rounded swatch with its name, the var(--color-*) it maps to and what it is used for. Needs a Lexington MCP key.

Outkast TextLinkSpecimenoutkast-system-text-link-specimenSystem reference for the text link with its round ink chevron: standalone, next to a section heading and under a card. Needs a Lexington MCP key.

Outkast TypeScaleoutkast-system-type-scaleSystem type reference: the Geist family card, the hero headline classes and every Display and Text variant with its responsive sizes. Needs a Lexington MCP key.

Outkast CaseBodyoutkast-work-case-bodyCase study body split 5 to 7: a sticky large intro sentence on the left, the write-up as prose on the right. Needs a Lexington MCP key.

Outkast CaseCoverageoutkast-work-case-coverageWhere it ran split 5 to 7: a medium h2 on the left, a stacked list of coverage with the outlet in small muted type above each headline on the right. Needs a Lexington MCP key.

Outkast CaseHerooutkast-work-case-heroCase study hero split 6 to 6: the result as a huge medium h1 with the client and summary, services and year at the foot, beside a square rounded photo. Needs a Lexington MCP key.

Outkast CaseQuoteoutkast-work-case-quoteCentred client quote: a large quote across the middle with a round portrait, name and role underneath. Needs a Lexington MCP key.

Outkast MoreWorkoutkast-work-more-workMore work: a medium h2 with a text link, then two case cards split 6 to 6 with tall rounded photos, the client and result. Needs a Lexington MCP key.

Outkast WorkGridoutkast-work-work-gridWork index grid: six tall case cards in alternating 7 and 5, 5 and 7, then 6 and 6 column pairs, each with the client and result. Needs a Lexington MCP key.

Outkast WorkIndexHerooutkast-work-work-index-heroWork index hero: a huge medium h1 with two round photo pills between the words and a muted subtitle, then three large stats with a label and a one line example each. Needs a Lexington MCP key.

Phanatik BlogHero1phanatik-blog-blog-hero-1Uppercase Featured label over a thin rule, then one large featured post rendered with the two column image and text card. Single entry, no wrapper. Needs a Lexington MCP key.

Phanatik BlogHero2phanatik-blog-blog-hero-2Wrapped keen-slider carousel of full bleed top story slides with a blue gradient overlay, plus previous and next chevron buttons pinned bottom right. Six slides by default. Needs a Lexington MCP key.

Phanatik Breaking1phanatik-blog-breaking-1Uppercase Breaking label over a thin rule, then a three column grid of stacked image cards showing every post flagged as breaking, three by default. Needs a Lexington MCP key.

Phanatik Briefs1phanatik-blog-briefs-1Uppercase Briefs label linking to the briefs page, then a three column grid of three compact horizontal cards for posts flagged as brief. Needs a Lexington MCP key.

Phanatik Briefs2phanatik-blog-briefs-2Uppercase Briefs heading over a thin rule, then a three column grid of three compact horizontal cards with thumbnail, title, tags, date and reading time. Needs a Lexington MCP key.

Phanatik Categories1phanatik-blog-categories-1Wrapped three column grid of five category blocks, each with an uppercase tag link and More stories arrow above a stacked list of text only post rows. Needs a Lexington MCP key.

Phanatik Category2phanatik-blog-category-2Vertical stack of three category blocks, each with an uppercase tag link and More stories arrow above a three column grid of stacked image cards for that tag. Needs a Lexington MCP key.

Phanatik TechHighlightsphanatik-blog-tech-highlightsTech label with See them all link, then a four column grid: one large gradient image card across three columns beside stacked text rows and one image card. Needs a Lexington MCP key.

Phanatik TopStories1phanatik-blog-top-stories-1Top stories label with More stories link, then a three column grid: a large gradient image card across two columns beside a stacked list of three text only rows. Needs a Lexington MCP key.

Phanatik TopStories2phanatik-blog-top-stories-2Uppercase Top Stories heading over a thin rule, then a two column grid of stacked image cards for every top story, six by default. Needs a Lexington MCP key.

Phanatik Subscribephanatik-cta-subscribeNewsletter panel on a light gray rounded background: serif heading, then a form with an email input and a small subscribe button in a row, plus a short note underneath. Needs a Lexington MCP key.

Phanatik EpisodeCategories1phanatik-podcast-episode-categories-1Wrapped five column grid of category blocks, each with an uppercase tag link and More stories arrow above a stacked list of text only episode rows, two per category. Needs a Lexington MCP key.

Phanatik EpisodeGuestsphanatik-podcast-episode-guestsPlain heading over a thin rule, then a divided vertical list of three guest episodes, each a three column card with cover image, episode meta, title and excerpt. Needs a Lexington MCP key.

Phanatik EpisodeSeriesphanatik-podcast-episode-seriesUppercase Podcast Series label over a thin rule, then a bordered, divided list of text only episode rows for every episode flagged as a series, four by default. Needs a Lexington MCP key.

Phanatik PodcastHero1phanatik-podcast-podcast-hero-1Wrapped keen-slider carousel of series episodes as full bleed slides with a blue gradient overlay and episode meta, with previous and next chevron buttons below on the right. Needs a Lexington MCP key.

Phanatik Advertisephanatik-pricing-advertiseAdvertising page: sticky 1/3 label column, 2/3 content with a wide image, two bullet list text blocks beside an eight stat grid, four ad format entries and two mailto blocks. Needs a Lexington MCP key.

Phanatik Membershipphanatik-pricing-membershipMembership page: sticky 1/3 label column, 2/3 content with three price cards in a 1/2/3 grid, a two column check list of benefits, then five native details FAQ items. Needs a Lexington MCP key.

Prima Persona Educationprimapersona-landing-educationEducation and study: rows of period, title, description and category with hairline rules. No images.

Prima Persona Introprimapersona-landing-introPortfolio intro: one large left-aligned statement (displayLG) on the four-column grid, nothing else. Name, place and what you do in two lines.

Prima Persona Projectsprimapersona-landing-projectsProjects index: same row grammar as Work (year, title, description, category, image) for side projects or a second body of work.

Prima Persona Speakingprimapersona-landing-speakingTalks and speaking: rows of year, title, description and a linked category with an arrow icon. No images.

Prima Persona Workprimapersona-landing-workFeatured work index: rows of year, title, description and category separated by hairline rules, each with a project image. Data is an array at the top of the file.

Pro FolioX Experienceprofoliox-about-experienceExperience section: a grey (Experience) label beside career rows under thin rules, each with years, role and city, then a (Services) label beside five numbered services as index rows. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-about-heroAbout hero: a grey (About) label beside a huge h1 that rises line by line and a short lead, then a wide studio photo inside the page width that wipes up on load. Needs a Lexington MCP key.

Pro FolioX Storyprofoliox-about-storyStory section: a grey (Story) label beside a large paragraph that fills word by word from grey to ink on scroll, two short muted columns, then four big figures under thin rules. Needs a Lexington MCP key.

Pro FolioX Faqprofoliox-contact-faqQuestions section: a grey (Before you write) label beside four questions as an accordion under thin rules, each opening in place with a plus that turns into a minus. Needs a Lexington MCP key.

Pro FolioX Formprofoliox-contact-formContact page: a grey (Contact) label and huge h1 with a short lead, then email, studio, reply time and a red Available dot on the left, and a form with underline inputs, service and budget chips, a message and a submit button. Needs a Lexington MCP key.

Pro FolioX Contactprofoliox-landing-contactClosing call to action: a tall studio photo inside the page width that drifts on scroll, darkened on the left, with a large white heading, a short line, a white button and an email pill button. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-landing-heroHome hero: a grey (Intro) label and a short lead, the name set huge with a small copyright mark, services, city and a red Available dot below, and a tall 3:4 portrait on the right that wipes up on load. Needs a Lexington MCP key.

Pro FolioX Statementprofoliox-landing-statementStatement section: a grey (About) label beside a large paragraph that fills word by word from grey to ink on scroll, with an arrow link to the about page. Needs a Lexington MCP key.

Pro FolioX Teachingprofoliox-landing-teachingTeaching section: a grey label, a large h2 and a lead with arrow links to courses and products, then courses and a template as index rows with kind, title, detail and price, and a photo that follows the pointer over the list. Needs a Lexington MCP key.

Pro FolioX Workprofoliox-landing-workSelected work: a grey label, a large h2 and an arrow link with the project count, then six project photos in paired tiles of mixed widths that wipe up and zoom on hover, each with title, discipline and year. Needs a Lexington MCP key.

Pro FolioX Issuesprofoliox-newsletter-issuesRecent letters: a grey label beside five past issues as index rows under thin rules, each with number, a large title that slides on hover, date and arrow, and a photo that follows the pointer over the list. Needs a Lexington MCP key.

Pro FolioX Quoteprofoliox-newsletter-quoteReader quote: a grey (A reader) label beside a large quote that fills word by word from grey to ink on scroll, with a name and role underneath. Needs a Lexington MCP key.

Pro FolioX Signupprofoliox-newsletter-signupNewsletter hero: a grey label and a short lead, a huge h1 that rises line by line, an email field on one underline with a subscribe button, a tall 3:4 photo that wipes up on the right, then three numbered perks. Needs a Lexington MCP key.

Pro FolioX NotFoundprofoliox-notfound-not-found404 page: a grey (Error 404) label, a huge Not here heading, a short line and an arrow link home, then four links to work, courses, products and journal as index rows that slide on hover. Needs a Lexington MCP key.

Pro FolioX Buttonsprofoliox-system-buttonsSystem buttons: a grey (Buttons) label beside primary and surface buttons in two sizes as rows, the surface ones on a dark panel, then a (Links) label with arrow links and nav links. Needs a Lexington MCP key.

Pro FolioX Colorsprofoliox-system-colorsSystem colours: ground, ink and accent groups, each a grey label beside colour swatches in four columns with the name, the token and its oklch value. Needs a Lexington MCP key.

Pro FolioX Typographyprofoliox-system-typographySystem typography: a grey (Switzer, one family) label beside every Text variant as rows under thin rules, from displayHero to textXS, each with its name and a real sample line. Needs a Lexington MCP key.

Pro FolioX CaseBodyprofoliox-work-case-bodycase study body with a sticky grey (Overview) label on the left and the project write-up in prose in the right nine columns; takes the project Markdown as its slot. Needs a Lexington MCP key.

Pro FolioX Datesprofoliox-workshops-datesUpcoming dates: a grey label beside four sessions as rows under thin rules, each with a large day, month, title, city and status, a red dot when seats are low and sold out in grey. Needs a Lexington MCP key.

Pro FolioX Formatsprofoliox-workshops-formatsWorkshop formats: a grey label and a book link on the left, four numbered formats as index rows on the right, each with a large title that slides on hover, a short line, length, group size and price. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-workshops-heroWorkshops hero: a grey label beside a huge h1 that rises line by line, a short lead and formats, place and languages, then a wide 21:9 workshop photo that drifts inside its frame on scroll. Needs a Lexington MCP key.

Pro FolioX Quoteprofoliox-workshops-quoteTeam lead quote: a grey label beside a large quote that fills word by word from grey to ink on scroll, with a name and role underneath. Needs a Lexington MCP key.

Quartiere AboutHeroquartiere-about-about-heroAbout hero: full-width photo at hero height with a white tab in its bottom right corner holding the brand and a Since line, a large display title below, then a hairline and a statement with the story paragraph across the right two of three columns. Needs a Lexington MCP key.

Quartiere AboutNumbersquartiere-about-about-numbersFigures block on a three column grid: small heading and line on the left, a hairline divided definition list of five key facts and values across the right two columns. Needs a Lexington MCP key.

Quartiere AboutOfficesquartiere-about-about-officesOffices block: small heading and line on the left, a two column grid of office cards on the right, each a hairline divided list with city, role, address, hours, phone and email links and an optional area guide link. Needs a Lexington MCP key.

Quartiere AboutPeoplequartiere-about-about-peopleShort closing row: small heading and line on the left, a full-width See all agents link with a long arrow aligned to the bottom across the right two columns. Needs a Lexington MCP key.

Quartiere AboutPrinciplesquartiere-about-about-principlesPrinciples block: small heading and line on the left, two rows on the right, each pairing a heading and paragraph with a 4:3 photo. Needs a Lexington MCP key.

Quartiere AgentsIndexquartiere-agents-agents-indexAgents index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of agent cards with portrait, role, office, languages and phone. Needs a Lexington MCP key.

Quartiere BlogIndexquartiere-blog-blog-indexNews index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of article cards with photo, title, short description, author and date. Needs a Lexington MCP key.

Quartiere BookingSectionquartiere-bookings-booking-sectionBooking request page: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a short hairline divided list of visit details on the left and a form with name, email, phone, visit type, office, date, time of day and message beside it, a submit button and a consent note. Needs a Lexington MCP key.

Quartiere ContactSectionquartiere-contact-contact-sectionContact page: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a hairline divided list with head office, phone, email, hours and an offices link on the left and a form with name, email, phone, topic and office selects and a message beside it, with a consent note. Needs a Lexington MCP key.

Quartiere Sellquartiere-ctas-sellTwo column call to action: tall photo on the left, an outlined panel on the right with a display heading, a hairline, a paragraph and one extra large button, sharp corners throughout. Needs a Lexington MCP key.

Quartiere Subscribequartiere-ctas-subscribeTwo column newsletter block: tall photo on the left, an outlined panel on the right with a display heading, a hairline, a paragraph, a labelled email input and a full-width Subscribe button. Needs a Lexington MCP key.

Quartiere NotFoundquartiere-errors-not-foundFull-height 404: a large Page not found title, a hairline, a short statement and paragraph across the right two columns and two buttons leading to the sale and rental indexes. Needs a Lexington MCP key.

Quartiere FaqGroupsquartiere-faq-faq-groupsFAQ groups: hairline separated rows, each with a group title on the left and a hairline divided list of questions and answers in two columns across the right two thirds. Needs a Lexington MCP key.

Quartiere ForRentIndexquartiere-for-rent-for-rent-indexRentals index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of property cards with photo, monthly rent, address and a facts row. Needs a Lexington MCP key.

Quartiere ForSaleIndexquartiere-for-sale-for-sale-indexHomes for sale index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of property cards with photo, price, address and a facts row. Needs a Lexington MCP key.

Quartiere Consentquartiere-forms-consentsmall muted consent note under a form, separated by a hairline, with Terms of use and Privacy policy links that change colour on hover. Stands alone, no props. Needs a Lexington MCP key.

Quartiere heroquartiere-headers-heroLanding hero: full-width photo at hero height with a white tab in its bottom right corner holding the brand and phone, a large display title below, then a hairline with a small heading and four reasons in a two by two grid. Needs a Lexington MCP key.

Quartiere NeighbourhoodsIndexquartiere-neighbourhoods-neighbourhoods-indexNeighbourhood guides index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of area cards with photo, city and three facts. Needs a Lexington MCP key.

Quartiere SellAgentquartiere-sell-sell-agentAgent block on a three column grid: small heading on the left, a 4:5 portrait in the middle, and a statement with a Meet our agents arrow link pushed to the bottom on the right. Needs a Lexington MCP key.

Quartiere SellIntroquartiere-sell-sell-introSell page opening: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, a Request a valuation button under it, then a full-width photo at hero height. Needs a Lexington MCP key.

Quartiere SellStepsquartiere-sell-sell-stepsSteps block: small heading and line on the left, then three columns of 4:3 photos, each with a step title and a short muted paragraph. Needs a Lexington MCP key.

Quartiere SellValuationquartiere-sell-sell-valuationValuation request: small heading and line on the left, a form on the right with name, email, phone, address, type of home select, rooms and message, a submit button and a consent note. Needs a Lexington MCP key.

Quartiere ButtonsSectionquartiere-system-buttons-sectionDesign system buttons: page title and intro beside the system page links, then every Button variant and size with icon-only versions and a row of buttons in use. Needs a Lexington MCP key.

Quartiere ColorsSectionquartiere-system-colors-sectionDesign system colors: page title and intro, a grid of swatches with token name and value read from colors.css, then the three grounds paired with their text colours. Needs a Lexington MCP key.

Quartiere LinksSectionquartiere-system-links-sectionDesign system links: page title and intro, then hairline rows showing the arrow link, inline text links and buttons as links, each with a short note on where it is used. Needs a Lexington MCP key.

Quartiere TypographySectionquartiere-system-typography-sectionDesign system typography: page title and intro, then hairline rows pairing each Text variant name with a live sample, from the display sizes down to the smallest text. Needs a Lexington MCP key.

Riflesso BlogListriflesso-blog-blog-listSmall heading above a one to five column grid of five image led post cards with wide row gaps, sorted newest first. Needs a Lexington MCP key.

Riflesso GalleryGridriflesso-gallery-gallery-gridFull width autoplaying video on a padded light slab, then a one to five column grid of five gallery thumbnails with titles and wide gaps. Needs a Lexington MCP key.

Riflesso StoreGridriflesso-store-store-gridSmall heading above a one to five column grid of five product cards, each an image with title and price on one line. Needs a Lexington MCP key.

Riflesso TeamGridriflesso-team-team-gridNarrow heading and intro paragraph above a one to five column grid of five portrait cards with name and role, sorted alphabetically. Needs a Lexington MCP key.

Rosewood Herorosewood-about-heroPage hero: uppercase eyebrow label, very large serif heading and a supporting paragraph, left aligned in a max width column with a hairline rule below. No image or buttons. Needs a Lexington MCP key.

Rosewood Missionrosewood-about-missionTwo column split: serif heading with two stats underneath, each an italic value, label and description, beside a 2x2 grid of square photos that zoom on hover. Needs a Lexington MCP key.

Rosewood Valuesrosewood-about-valuesTwelve column split: serif heading in four columns, one long paragraph flowing across three text columns in the other eight, then a row of three square photos below. Needs a Lexington MCP key.

Rosewood BlogIndexrosewood-blog-blog-indexBlog index: a two column grid of blog cards (4:3 image, serif title, excerpt), newest first, with generous vertical gaps. Needs a Lexington MCP key.

Rosewood Herorosewood-blog-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ContactFormrosewood-contact-contact-formTwo column contact block: uppercase labelled groups of contact details and social links on the left, a minimal underline form (first and last name, email, phone, message) with a dark rounded submit button on the right. Needs a Lexington MCP key.

Rosewood Herorosewood-contact-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood MainCtarosewood-ctas-main-ctaDark CTA panel: eyebrow, very large serif heading, paragraph and two plain text links in a two thirds column, with a photo filling the remaining third. Needs a Lexington MCP key.

Rosewood Herorosewood-faq-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood Questionsrosewood-faq-questionsFive column FAQ: a sticky Quick Links aside, then FAQ categories with serif headings and native details/summary accordions with plus icons across three columns. Needs a Lexington MCP key.

Rosewood BeforeAfterPreviewrosewood-landing-before-after-previewBefore and after feature: a draggable comparison slider spanning two of three columns, then eyebrow, serif project title, summary and a plain text link to the project. Needs a Lexington MCP key.

Rosewood Herorosewood-landing-heroLanding hero: uppercase serif title, established date and a services list arranged in a row, then a full width viewport height photo that is grayscale until hovered. Needs a Lexington MCP key.

Rosewood Introrosewood-landing-introThree column about block: a photo collage of three images across two columns, then eyebrow, serif heading, paragraph and three stacked italic stats in the third. Needs a Lexington MCP key.

Rosewood LatestPostsrosewood-landing-latest-postsLatest posts: eyebrow and serif heading with an All posts text link level with the heading, then a three column grid of the three newest blog cards. Needs a Lexington MCP key.

Rosewood ProcessPreviewrosewood-landing-process-previewThree column process teaser: eyebrow, serif heading and a plain text link to the full process on the left, then four numbered steps in a 2x2 grid with italic serif numerals, serif titles and short descriptions. Needs a Lexington MCP key.

Rosewood ProjectPreviewrosewood-landing-project-previewThree column tabbed layout: eyebrow, heading, paragraph and a numbered list of four project tab buttons on the left, stacked image panels spanning two columns that switch on click. Needs a Lexington MCP key.

Rosewood ServicePreviewrosewood-landing-service-previewEyebrow, heading, paragraph and previous and next arrow buttons in the first of three columns, then a native scroll snap carousel of tall portrait service images with titles spanning two columns; the arrows wrap around at the ends. Needs a Lexington MCP key.

Rosewood Testimonialsrosewood-landing-testimonialsCentered eyebrow and serif heading, then a four column grid of eight equal height tiles alternating photos with quote cards showing text, avatar, name and role. Needs a Lexington MCP key.

Rosewood NotFoundrosewood-notfound-not-found404 block: uppercase eyebrow, large serif heading, a short paragraph and a single dark button back home. Needs a Lexington MCP key.

Rosewood Expectationsrosewood-process-expectationsTwo column split: serif heading, paragraph and a 2x2 grid of four title and text items on the left, two staggered portrait photos on the right. Needs a Lexington MCP key.

Rosewood Guaranteesrosewood-process-guaranteesThree column layout: sticky column with heading, paragraph, two italic stats and a text link, beside six numbered rows with serif title and description divided by hairlines. Needs a Lexington MCP key.

Rosewood Herorosewood-process-heroPage hero: uppercase eyebrow label, very large serif heading and a small supporting paragraph, left aligned in a max width column with a hairline rule below. Needs a Lexington MCP key.

Rosewood Timelinerosewood-process-timelineNumbered steps: heading and paragraph, then six rows divided by hairlines, each with a huge italic serif number in four columns and title plus description in eight. Needs a Lexington MCP key.

Rosewood Herorosewood-projects-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ProjectsIndexrosewood-projects-projects-indexProjects index: a stacked list of two column project cards, newest first, each with a wide image, display heading, summary and meta list. Needs a Lexington MCP key.

Rosewood QuoteFormrosewood-quote-quote-formFree quote request form: name, email and phone fields in two columns, a project type select, a project details textarea and a dark rounded submit button, all with hairline underline inputs. Needs a Lexington MCP key.

Rosewood Herorosewood-services-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ServicesIndexrosewood-services-services-indexServices index: a stacked list of service cards sorted by name, each with a large image, display heading and tagline, followed by the dark CTA panel. Needs a Lexington MCP key.

Rosewood SystemColorsrosewood-system-system-colorsColour tokens: intro, then a four column grid of swatches for background, foreground, muted and muted foreground, each with its name and token. Needs a Lexington MCP key.

Rosewood SystemTypographyrosewood-system-system-typographyType specimen: intro, then every display variant in EB Garamond and every text variant in Switzer, each label beside a sample line on a four column grid. Needs a Lexington MCP key.

Sandstone NotFoundHerosandstone-404-not-found-hero404 page as a full height rounded photo panel with a stone overlay card on the right: the logo, a muted large line, a short hint and a copyright line at the bottom. Needs a Lexington MCP key.

Sandstone BlogGridsandstone-blog-blog-gridJournal index: the newest post as a 7 and 5 column feature with a 4:3 rounded image, date and author, a medium h2, excerpt and rolling text link, then three blog cards in a row. Needs a Lexington MCP key.

Sandstone BlogHerosandstone-blog-blog-heroJournal hero: one display statement as the h1, first line indented on desktop, with three phrases in light grey italic. Needs a Lexington MCP key.

Sandstone ContactFormsandstone-contact-contact-formEnquiry form beside a sticky white card with a short promise, the studio address and hours: rows split by lines for name, email and location, radio pills for project type, budget and timing, a message and a send button. Needs a Lexington MCP key.

Sandstone ContactHerosandstone-contact-contact-heroContact hero as a full height rounded photo panel with a stone overlay card on the right: the logo, a muted intro, email, phone and social links in small muted text. Needs a Lexington MCP key.

Sandstone BlogPreviewsandstone-landing-blog-previewJournal preview: a section heading with a rolling text link above three blog cards in a row. Needs a Lexington MCP key.

Sandstone Ctasandstone-landing-ctaClosing statement: one display sentence with grey italic phrases about taking on new projects, and a rolling text link to the contact page below. Needs a Lexington MCP key.

Sandstone Herosandstone-landing-heroHome hero as a full height rounded photo panel: a giant logo mark across the photo in difference blend, a scrolling ticker of contact details along the top edge. Needs a Lexington MCP key.

Sandstone Introsandstone-landing-introStudio statement: one display paragraph with phrases in light grey italic, then a press strip with six wordmarks under an "As featured in" label. Needs a Lexington MCP key.

Sandstone Processsandstone-landing-processProcess: a section heading with a subtitle above four white rounded cards in an ordered list, each with a big italic number, the duration, a medium title and a short paragraph. Needs a Lexington MCP key.

Sandstone ProjectPreviewsandstone-landing-project-previewRecent projects: a section heading with a rolling link, then a white card with the year, title, location and arrow buttons beside a scroll snapping slider of rounded project images. Needs a Lexington MCP key.

Sandstone ServicesPreviewsandstone-landing-services-previewServices as a full height rounded photo panel: a stone overlay card with a medium statement, three service names as tabs that swap the photo and description, and a rolling link. Needs a Lexington MCP key.

Sandstone Statssandstone-landing-statsStudio in numbers: a tall rounded photo with a caption beside a medium statement, a muted paragraph and four figures as rows split by lines, each a large number with its label. Needs a Lexington MCP key.

Sandstone Testimonialssandstone-landing-testimonialsClient quotes slider: a medium heading and arrow buttons beside scroll snapping white rounded cards, each with a large italic quote, a round portrait, the name, role and city. Needs a Lexington MCP key.

Sandstone ProjectsGridsandstone-projects-projects-gridProjects index: the newest project as a full width 16:9 feature, then the rest in a 12 column grid alternating 7 and 5 column cards with square and portrait covers. Needs a Lexington MCP key.

Sandstone ProjectsHerosandstone-projects-projects-heroProjects hero: one display statement as the h1, first line indented on desktop, with phrases in light grey italic. Needs a Lexington MCP key.

Sandstone ServicesFeessandstone-services-services-feesHow fees work beside a sticky white card: three rows split by lines, each with a big italic number, a medium h3 and a muted explanation. Needs a Lexington MCP key.

Sandstone ServicesGridsandstone-services-services-gridServices index: six service cards in a two column grid with rounded 4:3 images, numbers, titles and descriptions. Needs a Lexington MCP key.

Sandstone ServicesHerosandstone-services-services-heroServices hero: one display statement as the h1, first line indented on desktop, with phrases in light grey italic. Needs a Lexington MCP key.

Sandstone StudioApproachsandstone-studio-studio-approachStudio approach beside a sticky white card: three principles as rows split by lines, each with a big italic number, a medium h3 and a muted paragraph. Needs a Lexington MCP key.

Sandstone StudioHerosandstone-studio-studio-heroStudio hero: a display h1 with four phrases in light grey italic, then two short muted paragraphs about how the studio started and works. Needs a Lexington MCP key.

Sandstone StudioRecognitionsandstone-studio-studio-recognitionRecognition: a display h2 with grey italic words above rows split by lines, each with the year, the award and the project it went to. Needs a Lexington MCP key.

Sandstone StudioSpacesandstone-studio-studio-spaceThe studio space: a tall rounded photo beside a medium statement with grey italic phrases, a list of facts split by lines and a book a visit rolling link. Needs a Lexington MCP key.

Sandstone Swatchessandstone-system-swatchesDesign system colour sheet: groups of rounded 4:3 swatches, each with its name and token, under a small heading and a muted line. Needs a Lexington MCP key.

Sandstone TextLinkssandstone-system-text-linksDesign system link sheet: the rolling text link in its light and dark variants with a short explanation, the dark one on a photo. Needs a Lexington MCP key.

Sandstone TypeScalesandstone-system-type-scaleDesign system type sheet: every display and text size as a row with its name and a sample sentence, grouped by weight. Needs a Lexington MCP key.

Sandstone TeamGridsandstone-team-team-gridTeam grid: two team cards side by side with square portraits, names, roles and bios. Needs a Lexington MCP key.

Sandstone TeamHerosandstone-team-team-heroTeam hero: one display statement as the h1, first line indented on desktop, with five words in light grey italic. Needs a Lexington MCP key.

Sandstone TeamJoinsandstone-team-team-joinCareers note beside a sticky white card: a medium statement with grey italic phrases, a list of what the studio looks for split by lines and a send your portfolio rolling link. Needs a Lexington MCP key.

Sandstone TeamMakerssandstone-team-team-makersMakers: a display h2 with grey italic phrases above six white rounded cards in a three column grid, each with the year the partnership started, the craft and the town. Needs a Lexington MCP key.

Scarlet Heroscarlet-about-heroAbout page hero: large h1 and lead, then a three column grid with a wide sage-tinted photo over two columns beside a second tall photo. Needs a Lexington MCP key.

Scarlet Milestonesscarlet-about-milestonesDark sage panel with an h2 and a four column timeline, each year on a hairline with a dot marker and a short caption. Needs a Lexington MCP key.

Scarlet Storyscarlet-about-storyFounder story in two cards: a tinted portrait with a notch tab naming the founder and an arrow link, beside a muted card with a large quote, two paragraphs and three stat facts. Needs a Lexington MCP key.

Scarlet Teamscarlet-about-teamHeading row with an h2 and a Meet the team button, then a four column grid of team cards with tinted portraits and notch arrows. Needs a Lexington MCP key.

Scarlet Heroscarlet-blog-heroBlog index split hero: muted card with h1, lead and the latest post (date, title, excerpt, author avatar) beside a full height tinted cover photo with a notch arrow. Needs a Lexington MCP key.

Scarlet Formscarlet-book-formBooking page: h1 and lead, then a muted form card with pill radio and checkbox choices for treatment, days and time, underline inputs and a submit button, beside a sticky dark sage panel listing what happens next. Needs a Lexington MCP key.

Scarlet Perksscarlet-careers-perksFour column grid of perks under an h2, each with a short title and description, no images. Needs a Lexington MCP key.

Scarlet Heroscarlet-children-heroFriendly split hero on light sage: a drawn smile that winks on hover, h1, lead and two buttons, beside a tinted photo of laughing children with a price notch tab. Needs a Lexington MCP key.

Scarlet Stagesscarlet-children-stagesFour muted cards under an h2, one per age range (0 to 2 up to 13 to 17) with a large range, a title and advice for that stage. Needs a Lexington MCP key.

Scarlet Tipsscarlet-children-tipsDark sage panel with an h2 on the left and a two column grid of parent tips on hairlines, each with a short title and one line of advice. Needs a Lexington MCP key.

Scarlet Accessscarlet-clinic-accessTall split section: muted card with an h2, address, opening hours, parking and transit facts, beside an OpenStreetMap embed with a directions notch tab. Needs a Lexington MCP key.

Scarlet Equipmentscarlet-clinic-equipmentEquipment list under an h2: divided rows in a three column grid, each naming a piece of kit and explaining it in plain words. Needs a Lexington MCP key.

Scarlet Heroscarlet-clinic-heroClinic page hero: h1 and lead, then a four column mosaic of sage-tinted room photos, one large tile over two rows beside smaller ones. Needs a Lexington MCP key.

Scarlet Detailsscarlet-contact-detailsThree muted contact cards in a row for visit, call and write, each with a line icon, two lines of detail and a full width button. Needs a Lexington MCP key.

Scarlet Heroscarlet-contact-heroStacked page hero: h1, lead paragraph and two pill buttons, no image. Needs a Lexington MCP key.

Scarlet Heroscarlet-emergency-heroEmergency split hero: h1 and lead on the left, a dark sage panel with a live dot, a large phone number, weekly hours and a phone notch button on the right. Needs a Lexington MCP key.

Scarlet Situationsscarlet-emergency-situationsHeading row with an h2 and a note, then six muted first-aid cards in a three column grid, each with advice and how soon to be seen. Needs a Lexington MCP key.

Scarlet Questionsscarlet-faq-questionsFAQ page: h1 and lead, then a four column layout with a category list on the left and native details accordions with round plus toggles across three columns. Needs a Lexington MCP key.

Scarlet Contactscarlet-landing-contactContact split: a tall tinted photo of the front desk beside an h2, lead and an underline form with name, phone or email and message fields. Needs a Lexington MCP key.

Scarlet Faqscarlet-landing-faqMuted card with an h2 and lead in two of five columns and native details accordions with round plus toggles in the other three. Needs a Lexington MCP key.

Scarlet Heroscarlet-landing-heroLanding split hero: muted card with h1, lead, a book button with arrow pair and three opening facts, beside a full height tinted photo with a featured treatment notch tab. Needs a Lexington MCP key.

Scarlet Introscarlet-landing-introMuted intro panel with a large statement h2, three stats on hairlines and a sage arch drawn off the bottom right corner. Needs a Lexington MCP key.

Scarlet Pricingscarlet-landing-pricingPricing under an h2 and a payment plan note: a light sage care plan card with a drawn smile, monthly price, feature list and join button, beside muted cards listing everyday and cosmetic prices. Needs a Lexington MCP key.

Scarlet Testimonialsscarlet-landing-testimonialsDark sage panel with a small label, a large featured quote with avatar, then two columns of shorter quotes on hairlines with small avatars, names and treatments. Needs a Lexington MCP key.

Scarlet Treatmentsscarlet-landing-treatmentsHeading row with an h2, lead and two buttons, then a two column grid of square muted treatment cards with line icons, duration, price and notch arrows. Needs a Lexington MCP key.

Scarlet Visitscarlet-landing-visitFirst visit steps: an h2 and a drawn smile on the left, a numbered list of four steps on hairlines on the right. Needs a Lexington MCP key.

Scarlet Checklistscarlet-new-patients-checklistChecklist under an h2 on the left, a two column grid of things to bring with check icons across two columns. Needs a Lexington MCP key.

Scarlet Heroscarlet-new-patients-heroNew patients split hero: h1, lead and two buttons stretched top to bottom on the left, a tall tinted photo with a notch tab on the right. Needs a Lexington MCP key.

Scarlet Paymentscarlet-new-patients-paymentThree muted payment cards under an h2 (insurance, monthly payments, care plan), each with a title, explanation and a closing detail line. Needs a Lexington MCP key.

Scarlet CarePlanscarlet-pricing-care-planLight sage care plan panel: h2, lead, monthly price per adult and a join button on one side, the list of what the plan includes on the other. Needs a Lexington MCP key.

Scarlet PriceListscarlet-pricing-price-listPricing page: split hero with h1, lead and a tinted photo with a notch, then price groups per treatment with itemised prices and a spread the cost card. Needs a Lexington MCP key.

Scarlet Summaryscarlet-reviews-summaryReviews page hero: h1 and lead, then three large stats on hairlines for rating, number of reviews and recommendation rate. Needs a Lexington MCP key.

Scarlet Wallscarlet-reviews-wallReviews wall: zigzag rows pairing a tinted patient portrait with a muted quote card, a dark sage featured quote, then a grid of short text reviews with small avatars. Needs a Lexington MCP key.

Scarlet Joinscarlet-team-joinCareers call to action on a light sage panel: h2, lead and a See open roles button, with a sage arch drawn in the background. Needs a Lexington MCP key.

Scarlet Valuesscarlet-team-valuesThree column values under an h2, each with a short title and paragraph, no images. Needs a Lexington MCP key.

Scarlet Heroscarlet-treatments-heroTreatments index split hero: muted card with h1, lead and a divided list of treatments with line icons, starting prices and rotating arrows, beside a tinted photo with a book a check-up notch. Needs a Lexington MCP key.

Semplice Detailssemplice-about-detailsFour mono columns on a hairline rule: based in, subjects, clients and recognition, each a short list of small monospace lines. Needs a Lexington MCP key.

Semplice Introsemplice-about-introAbout hero with a portrait and mono caption on the left, a medium weight headline and three short bio paragraphs on the right. Needs a Lexington MCP key.

Semplice Processsemplice-about-processProcess band: mono label and a two line heading on the left, four numbered steps in a two column grid on the right, each on a thin top rule. Needs a Lexington MCP key.

Semplice Sheetsemplice-archive-sheetContact sheet of every photo: mono subject filters with a live frame count, then a two to six column grid of 4:5 thumbnails with numbered mono captions. Needs a Lexington MCP key.

Semplice PostBodysemplice-blog-post-bodyNarrow centred prose column for an article body, typography plugin colours mapped to the theme tokens. Pass the Markdown content as the slot. Needs a Lexington MCP key.

Semplice TagIndexsemplice-blog-tag-indexMonospace list of every tag with its post count in brackets, rows on hairlines that invert to black on hover. Needs a Lexington MCP key.

Semplice TagListsemplice-blog-tag-listRow of mono tag filter links with counts in brackets, the current one black and underlined, on a content aligned top rule. Needs a Lexington MCP key.

Semplice Formsemplice-contact-formContact page: headline and a mono details list on the left, an enquiry form on the right with bottom border only fields, mono labels, a project type select and a black submit button. Needs a Lexington MCP key.

Semplice Herosemplice-landing-heroFull viewport hero: a mono name label and one centred medium line over an endless ribbon of mixed height photos on a slight 3D curve that drifts, follows scroll and drags, with a small View all work button. Needs a Lexington MCP key.

Semplice Profilesemplice-landing-profileFour mono columns on a hairline rule: a short profile with an about link, subjects, clients and output. Needs a Lexington MCP key.

Semplice SelectedWorksemplice-landing-selected-workSelected work: mono label over a four column staggered grid of 4:5 project covers, each with a centred mono title and client. Needs a Lexington MCP key.

Semplice LegalBodysemplice-legal-legal-bodyLegal document body where every h2 becomes a numbered mono row on the left with its text in a wide right column, no rules. Pass the Markdown content as the slot. Needs a Lexington MCP key.

Semplice NotFoundsemplice-not-found-not-foundCentred 404 with a portrait photo, a mono 404 label, a short medium headline, one grey line and two buttons. Needs a Lexington MCP key.

Semplice Faqsemplice-services-faqQuestions band: mono label and heading on the left, five open and close questions on hairline rows with a mono plus and minus on the right. Needs a Lexington MCP key.

Semplice Licensingsemplice-services-licensingLicensing band: mono label and heading on the left, a monospace table of use, period, territory and fee on hairline rows on the right. Needs a Lexington MCP key.

Semplice Offerssemplice-services-offersFour commission rows, each with a 4:5 photo, numbered mono category, medium title, grey description, a mono list of what is included and a day rate on the right. Needs a Lexington MCP key.

Semplice Buttonssemplice-system-buttonsStyle guide block showing the primary and muted buttons in both sizes, as links and icon only. Needs a Lexington MCP key.

Semplice Colorssemplice-system-colorsStyle guide grid of colour swatches, each with its token name and OKLCH value in mono. Needs a Lexington MCP key.

Semplice Typographysemplice-system-typographyStyle guide list of every text variant from the display sizes to mono, one per row on hairlines with its name. Needs a Lexington MCP key.

Semplice ProjectIndexsemplice-work-project-indexMonospace project index table of date, name, category, client and image count, rows invert to black on hover and swap a large 4:5 preview photo on the left. Needs a Lexington MCP key.

Semplice ViewTogglesemplice-work-view-toggleMono Grid and Index toggle buttons on a content aligned top rule, switching which [data-view] section below is shown. Needs a Lexington MCP key.

Semplice WorkGridsemplice-work-work-gridTwo column staggered grid of large 4:5 project covers with a mono title, client, category and date under each. Needs a Lexington MCP key.

Simplexity BlogListsimplexity-blog-blog-listTall padded heading block, then a bordered stacked list of five post rows with small square thumbnail, date, reading time, title and clamped excerpt. Needs a Lexington MCP key.

Simplexity BlogPreviewsimplexity-landing-blog-previewBordered header row with heading and see all link, then two text only post rows showing uppercase date, reading time and title. Needs a Lexington MCP key.

Simplexity Herosimplexity-landing-heroMinimal text hero: body size heading in a tall padded wrapper, then a second wrapper with a hairline rule, intro label and a long paragraph, no image or buttons. Needs a Lexington MCP key.

Simplexity ProjectsListsimplexity-projects-projects-listTall padded heading block, bordered intro paragraph, then a divided stacked list of three project rows with a padded image panel, title and subtitle. Needs a Lexington MCP key.

Simplexity StoreListsimplexity-store-store-listTall padded heading block, bordered intro line, then three stacked product entries with a padded image panel, title, description and read more link. Needs a Lexington MCP key.

Snowpeak AsidePostsnowpeak-blog-aside-postDark rounded panel stacking the four newest featured posts as text-only rows divided by thin lines, each with tags, date, reading time, title and arrow button. Needs a Lexington MCP key.

Snowpeak BlogHero1snowpeak-landing-pages-blog-hero-1Three column grid of the three newest featured posts, each a tall tile with meta line, large uppercase title, arrow button and a 12/6 image below. Needs a Lexington MCP key.

Snowpeak BlogHero2snowpeak-landing-pages-blog-hero-2Full width keen slider of top story posts, each slide a three column card with meta, title, description and image, plus previous and next arrow buttons below. Needs a Lexington MCP key.

Snowpeak Breaking1snowpeak-landing-pages-breaking-1Three column grid of breaking posts on grey rounded tiles, each with tags, date and reading time meta, uppercase title and an arrow button at the bottom. Needs a Lexington MCP key.

Snowpeak Briefs1snowpeak-landing-pages-briefs-1Three column grid of the three newest brief posts as text-only grey tiles, whole tile linked, meta line with tags, date and reading time above the title. Needs a Lexington MCP key.

Snowpeak Briefs2snowpeak-landing-pages-briefs-2Three column grid of the three newest brief posts as text-only grey rounded tiles with tags, date and reading time meta above an uppercase title, whole tile linked. Needs a Lexington MCP key.

Snowpeak Categories1snowpeak-landing-pages-categories-1Stacked blocks for five categories, each a dark header bar linking to the tag page followed by a two column grid of that category's posts on grey tiles. Needs a Lexington MCP key.

Snowpeak Category2snowpeak-landing-pages-category-2Stacked blocks for business, finance and tech, each a dark header linking to the tag page above a three column grid of that category's posts on grey tiles. Needs a Lexington MCP key.

Snowpeak TechHighlightssnowpeak-landing-pages-tech-highlightsSingle newest tech post in a wide three column card, text tile with date, reading time, title and arrow button beside a large image, spanning three columns. Needs a Lexington MCP key.

Snowpeak TopStories1snowpeak-landing-pages-top-stories-1Two column stack of two top stories, each a wide card with a text tile holding date, reading time, title and arrow button next to a large image. Needs a Lexington MCP key.

Snowpeak TopStories2snowpeak-landing-pages-top-stories-2Four column grid of top story posts on grey rounded tiles, each with tags, date and reading time meta, uppercase title and an arrow button pinned to the bottom. Needs a Lexington MCP key.

Snowpeak EpisodeCategories1snowpeak-podcast-episode-categories-1Stacked blocks for five categories, each a dark header bar linking to the podcast tag page above a two column grid of white episode tiles with tags and date. Needs a Lexington MCP key.

Snowpeak EpisodeGuestssnowpeak-podcast-episode-guestsVertical list of guest episodes, each a wide card with episode number, duration, author, date, title and description beside a cover image, stacked with small gaps. Needs a Lexington MCP key.

Snowpeak EpisodeSeriessnowpeak-podcast-episode-seriesDark rounded panel stacking series episodes as text-only rows divided by thin lines, each with tags, date, white uppercase title and a small arrow button. Needs a Lexington MCP key.

Snowpeak PodcastHero1snowpeak-podcast-podcast-hero-1Autoplaying keen slider of series episodes, each slide a text tile with date, title and arrow button beside a 12/8 cover image, with full width previous and next buttons below. Needs a Lexington MCP key.

Spazio Bianco SubscribeCtaspaziobianco-blog-subscribe-ctaNewsletter band with hairline top rule: heading and paragraph span two columns, an email input stacked over a Subscribe button and a small consent note in the third. Needs a Lexington MCP key.

Spazio Bianco Feature1spaziobianco-features-feature-1Kicker, heading, paragraph and two buttons in a half-width intro, then eight linked cells in a hairline-divided 2/3/4 grid with yellow icon chip, title, copy and Learn more. Needs a Lexington MCP key.

Spazio Bianco Feature2spaziobianco-features-feature-2Split feature: kicker, heading, two-paragraph copy and a two column list of four icon bullet points on the left, an illustrated visual asset component on the right. Needs a Lexington MCP key.

Spazio Bianco Feature3spaziobianco-features-feature-3Two column feature with heading, four icon led definition items in a two column list, one customer logo card, and a code block with an overlapping visual asset. Needs a Lexington MCP key.

Spazio Bianco Feature4spaziobianco-features-feature-4Split feature with no visual: kicker, heading and paragraph on the left, a two column definition list of four icon-led items with short descriptions on the right. Needs a Lexington MCP key.

Spazio Bianco Feature5spaziobianco-features-feature-5Gradient panel with two column tabbed demo: heading and five vertical tab buttons left, each switching an Astro Code block plus check list on the right via inline script. Needs a Lexington MCP key.

Spazio Bianco Feature6spaziobianco-features-feature-6Intro row: kicker, heading and paragraph span two columns, two buttons in the third. Then eight icon, title, copy items with no card background in 2/4 columns. Needs a Lexington MCP key.

Spazio Bianco Feature7spaziobianco-features-feature-7Comparison list: half-width kicker, heading and paragraph, then brand versus others column labels and four hairline-divided rows with title, description, a check chip and a cross chip. Needs a Lexington MCP key.

Spazio Bianco Feature8spaziobianco-features-feature-8Centered kicker, heading and paragraph, then a large dashboard screenshot with heavy shadow that bleeds off the bottom edge with a white fade overlay. Needs a Lexington MCP key.

Spazio Bianco Hero1spaziobianco-headers-hero-1Left-aligned hero over a lime stripe backdrop: display heading, lead paragraph, two buttons, then an Astro Code snippet and a mock UI card side by side overlapping the hero bottom. Needs a Lexington MCP key.

Spazio Bianco Hero2spaziobianco-headers-hero-2Full viewport split hero: display heading, lead paragraph and two buttons on the left, a mock UI card on a striped panel behind a hairline divider on the right. Needs a Lexington MCP key.

Spazio Bianco HelpCenterFaqspaziobianco-helpcenter-help-center-faqFAQ in a 1/3 split: kicker, heading and paragraph in the first column, eight question rows with plus/minus toggles in a white card spanning two, driven by an inline script. Needs a Lexington MCP key.

Spazio Bianco Statusspaziobianco-helpcenter-statusSystem status list on a light grey band: half-width kicker, heading and paragraph, then ten stacked white rows pairing a service name with a coloured status pill. Needs a Lexington MCP key.

Spazio Bianco TicketCtaspaziobianco-helpcenter-ticket-ctaTwo column call to action: kicker, heading and paragraph on the left, a single Submit a ticket button aligned right and bottom. No form, just a link. Needs a Lexington MCP key.

Spazio Bianco Pricing1spaziobianco-pricing-pricing-1Fee table pricing: kicker, heading, paragraph and Contact sales button, then three stacked category panels, each with an icon header and a divided list of label, price and unit rows. Needs a Lexington MCP key.

Spazio Bianco Pricing2spaziobianco-pricing-pricing-2Fee cards: kicker, heading and paragraph, then three outlined cards in a row, each with icon header, a divided list of label, price and unit rows and a full-width button. Needs a Lexington MCP key.

Spazio Bianco StatsOnespaziobianco-stats-stats-oneStats block: uppercase kicker and a large heading, then four columns each with an oversized blue figure and a one line description. Raw tags, no Text component. Needs a Lexington MCP key.

Spazio Bianco StatsTwospaziobianco-stats-stats-twoStats block: uppercase kicker, heading and paragraph, then six items in a three column grid, each figure set against a thick blue left border with a description below. Needs a Lexington MCP key.

Spazio Bianco Testimonial1spaziobianco-testimonials-testimonial-1Single customer case study card in a bordered wrapper, with customer name, quoted testimonial, call to action line and a coloured logo panel on the right. Needs a Lexington MCP key.

Spazio Bianco Testimonial2spaziobianco-testimonials-testimonial-2Centred kicker, heading and intro above a keen slider carousel of four customer testimonial cards with portrait, name and quote, plus previous and next buttons below. Needs a Lexington MCP key.

Spazio Bianco Chatspaziobianco-widgets-chatfloating chat panel, hidden until toggled, with a greeting header and a contact form of name, email and message fields plus Submit button. Takes class and passthrough attributes. Needs a Lexington MCP key.

Streamer Applystreamer-forms-applyTwo column application section: justified uppercase h1 and statement paragraph on the left, underline style form with full name, email, resume link and cover letter fields plus full width submit. Needs a Lexington MCP key.

Streamer BlogSectionstreamer-landing-blog-sectionOversized black display heading above a four column grid of three square post cards with a hover overlay for author and title, plus a dark more posts tile. Needs a Lexington MCP key.

Streamer Herostreamer-landing-heroFull accent panel hero: portrait image floated left, two short bold paragraphs in two text columns, then an oversized justified statement paragraph in beige, no heading or buttons. Needs a Lexington MCP key.

Streamer PodcastSectionstreamer-landing-podcast-sectionOversized black display heading above a four column grid of three square episode cards with a hover overlay for host and title, plus a dark more episodes tile. Needs a Lexington MCP key.

Streamer Advertisestreamer-pricing-advertiseLong page: justified uppercase h1 and lead, eight sticky rotated stat plaques, text blocks with bullet lists, four ad format entries, two contact blocks with buttons in a thick frame. Needs a Lexington MCP key.

Streamer Membershipstreamer-pricing-membershipJustified uppercase h1, three thick framed pricing cards in a 1/2/3 grid with name, price, description, uppercase feature list and icon only arrow button, then five native details FAQ items. Needs a Lexington MCP key.

Studiomax Agentsstudiomax-about-agents"Agents" label beside a list of the agency's people as big grey rows: name, role and email, each row turning black on hover. Needs a Lexington MCP key.

Studiomax Introstudiomax-about-introPage intro: a small "About" label in the first column, a display headline beside it, then four small facts (founded, agency, board, booked in). Needs a Lexington MCP key.

Studiomax Methodstudiomax-about-method"How we work": a medium statement about keeping the board short, then three small titled steps in a row. Needs a Lexington MCP key.

Studiomax Picturestudiomax-about-pictureOne large 4:5 runway photo across four columns with a small grey caption beside its bottom edge. Needs a Lexington MCP key.

Studiomax Articlestudiomax-blog-articleJournal post body: Markdown in the prose wrapper, set from the second column of the six column grid. Needs a Lexington MCP key.

Studiomax PostListstudiomax-blog-post-list"Notes": journal posts as rows with a big grey title, the author and the date, each row turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax TopicListstudiomax-blog-topic-list"All topics": every journal topic as a big grey link with its note count, turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax Introstudiomax-campaigns-introCampaigns index intro: a small label, the headline "Booked from the board." and a grey line about the work. Needs a Lexington MCP key.

Studiomax Liststudiomax-campaigns-listCampaign index: each campaign a 3:4 cover alternating left and right across the grid, with its title and season, photographer and models beside it. Data inlined. Needs a Lexington MCP key.

Studiomax Modelsstudiomax-campaigns-models"Models" label beside the models booked on a campaign: 3:4 portraits with name, city and height, linked to each profile. Data inlined. Needs a Lexington MCP key.

Studiomax Notesstudiomax-campaigns-notes"On set": large paragraphs of notes from the shoot in a slot, set from the second column. Needs a Lexington MCP key.

Studiomax Introstudiomax-contact-introBook a model intro: a Contact label, the headline "Book a model.", a grey line and four details (agency, bookings, phone, hours). Needs a Lexington MCP key.

Studiomax Requeststudiomax-contact-requestBooking request form: job types and models as big grey radio and checkbox words that turn black when picked, fields with floating labels on a bottom line, and a rounded black send button. Data inlined. Needs a Lexington MCP key.

Studiomax Aboutstudiomax-landing-about"About" label beside a medium statement about the agency and a two column list of the models' names as small links. Data inlined. Needs a Lexington MCP key.

Studiomax CampaignListstudiomax-landing-campaign-list"Campaigns": a tall cover that changes as you hover a list of big grey campaign titles, the active one black. Data inlined. Needs a Lexington MCP key.

Studiomax Facesstudiomax-landing-facesModel slider: a large full length portrait, the name, board, city and height, two smaller shots and a 1/6 counter with arrows, the previous model peeking in on the left. Data inlined. Needs a Lexington MCP key.

Studiomax Herostudiomax-landing-heroFull screen hero: every model portrait on a 3D row that turns as you scroll (GSAP ScrollTrigger), the hovered model's name in huge type across the middle, the agency line at the bottom. Data inlined. Needs a Lexington MCP key.

Studiomax Bodystudiomax-legal-bodyLegal page body: a sticky stacked list of the legal pages beside the Markdown text in the prose wrapper. Data inlined. Needs a Lexington MCP key.

Studiomax Boardstudiomax-models-board"Board": big grey filters for all, women, men and new faces above a loose six column grid of portraits with empty cells, each swapping to full length on hover, with name, city and height. Data inlined. Needs a Lexington MCP key.

Studiomax Campaignsstudiomax-models-campaigns"Campaigns" label beside the campaigns a model was booked for, as big grey titles with the type and photographer. Data inlined. Needs a Lexington MCP key.

Studiomax Introstudiomax-models-introModels index intro: a small label, the headline "The board." and a grey line about the models. Needs a Lexington MCP key.

Studiomax NotFoundstudiomax-not-found-not-found404 page: an "Error 404" label, the headline "Not on the board.", a grey line and the site's pages as big grey links. Data inlined. Needs a Lexington MCP key.

Studiomax Applicationstudiomax-scouted-applicationScouting application: big grey board choices, fields with floating labels on a bottom line, three photo upload rows that show the file name, an under 18 note and a rounded send button. Needs a Lexington MCP key.

Studiomax Introstudiomax-scouted-introGet scouted intro: a label, the headline "Send us three photos.", a grey line and four requirements (age, women, men, reply). Needs a Lexington MCP key.

Studiomax Photosstudiomax-scouted-photos"What to send": a medium line on how to take the photos, then three 3:4 example shots (front, three quarter, full length) with a caption each. Needs a Lexington MCP key.

Studiomax Introstudiomax-services-introServices index intro: a small label, the headline "Four things, done properly." and a grey line. Needs a Lexington MCP key.

Studiomax Liststudiomax-services-list"What we do": services as rows with the name in big grey type, a short description and the agent, each row turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax Buttonsstudiomax-system-buttonsButton system page: the primary and outlined buttons in every size from xxs to xl, as buttons and as links. Needs a Lexington MCP key.

Studiomax Specimensstudiomax-system-specimensType specimens: every Text variant from display4XL to textXS with its name and a real sample line. Needs a Lexington MCP key.

Studiomax Swatchesstudiomax-system-swatchesColour swatches grouped under small labels: each token as a 3:4 tile with its name and token below. Needs a Lexington MCP key.

Trendspotter Faqtrendspotter-infopages-faqFAQ page: centered heading and intro in a narrow wrapper, then ten native details accordions with a rotating plus icon and answer paragraph. No JavaScript. Needs a Lexington MCP key.

Trendspotter StorePreviewtrendspotter-landing-store-previewCentred heading and intro paragraph above a two column grid of two product cards, each with a square image and a title row showing the price on the right. Needs a Lexington MCP key.

Vanta Beliefsvanta-about-beliefsBeliefs panel: a big rounded navy panel with a light h2 and four beliefs in a row, each under a hairline with its stage shape (mustard circle, coral arch, blue square), a title and a short line. Needs a Lexington MCP key.

Vanta Governancevanta-about-governanceHow the school is run: an h2, then three points in three columns under one hairline, each a title and a short muted line on ownership, the board and inspection. Needs a Lexington MCP key.

Vanta Herovanta-about-heroAbout hero: a small label and the displayHero h1 beside a lead, a wide rounded photo of children walking through the wood, and four big figures underneath. Needs a Lexington MCP key.

Vanta Historyvanta-about-historyStory section: a sticky h2 and short line on the left, the school's years as a hairline timeline on the right, each a big muted year, a title and a line. Needs a Lexington MCP key.

Vanta Lettervanta-about-letterLetter from the head: a small label on the left, a large display quote and two paragraphs on the right, signed with the three stage shapes, a name and a role. Needs a Lexington MCP key.

Vanta Nextvanta-about-nextNext steps: an h2, then three rounded surface cards linking to visit, admissions and fees, each with a big stage shape that lifts on hover, a title and a short line. Needs a Lexington MCP key.

Vanta Applyvanta-admissions-applyApplication form in a rounded surface panel: an h2, a short line and the admissions contact on the left, fields for parent, child, date of birth, stage and start date, a message and a pill submit button on the right. Needs a Lexington MCP key.

Vanta Bursariesvanta-admissions-bursariesBursaries panel: a rounded navy panel with a mustard circle cropped in the corner, a light h2, a short line and an arrow link to fees, and three big figures on the right. Needs a Lexington MCP key.

Vanta Calendarvanta-admissions-calendarAdmissions year: an h2 and short line on the left, the key dates from applications opening to the first day as a hairline list on the right, each a date, a title and a line. Needs a Lexington MCP key.

Vanta Faqvanta-admissions-faqAdmissions questions: an h2 with an arrow link to the FAQ on the left, five questions as a hairline accordion on the right, each opening in place with a plus that turns. Needs a Lexington MCP key.

Vanta Herovanta-admissions-heroAdmissions hero: a small label and the displayHero h1 beside a lead and two pill buttons, then four big figures under a hairline (closing date, reply time, start months, fee). Needs a Lexington MCP key.

Vanta Stepsvanta-admissions-stepsHow it works: an h2, then four steps as hairline rows, each a number set in its stage shape, a title, a paragraph and a short list of what to have ready. Needs a Lexington MCP key.

Vanta Clubsvanta-campus-clubsClubs section: a sticky h2 and short line on the left, the week as hairline rows on the right, each a day and the clubs that run on it. Needs a Lexington MCP key.

Vanta Herovanta-campus-heroCampus hero: a small label, the displayHero h1 and a lead beside two photos, a tall arch-cropped wood photo and a square building photo under a mustard circle. Needs a Lexington MCP key.

Vanta Lunchvanta-campus-lunchLunch panel: a big rounded coral panel with the h2 and a line about the kitchen on the left, this week's menu as light hairline rows of day and dish on the right. Needs a Lexington MCP key.

Vanta Nextvanta-campus-nextClosing call to action: a rounded navy panel with a light h2 and a short line, and two pill buttons to book a visit and read about the school. Needs a Lexington MCP key.

Vanta Placesvanta-campus-placesPlaces section: an h2 beside a short line, four rounded 4:5 photo cards of the wood, main building, studios and science wing, then more of the campus as a hairline list. Needs a Lexington MCP key.

Vanta Traditionsvanta-campus-traditionsTraditions section: an h2, then four tall rounded surface cards for the seasons, each with the season, a stage shape, a title and a short line. Needs a Lexington MCP key.

Vanta Herovanta-contact-heroContact hero: a small label and the displayHero h1 beside a lead, then reception phone and email, the address and office hours in three columns under a hairline. Needs a Lexington MCP key.

Vanta Messagevanta-contact-messageContact form in a rounded surface panel: an h2, a short line and the three stage shapes on the left, name, email, phone, a topic select, a message and a pill submit button on the right. Needs a Lexington MCP key.

Vanta Peoplevanta-contact-peopleWho to write to: a sticky h2 and short line on the left, four people as hairline rows on the right, each a portrait cropped to a stage shape, role, name, a line and an email link. Needs a Lexington MCP key.

Vanta EventBodyvanta-events-event-bodyevent page body: the event's Markdown in prose across seven columns; takes the event content as its slot. Needs a Lexington MCP key.

Vanta Listingvanta-events-listingEvents index: a small label and the displayHero h1 beside a lead, then the events grouped by month, a sticky month name beside hairline rows of day, title, time, place and category mark. Needs a Lexington MCP key.

Vanta Askvanta-faq-askClosing call to action: a rounded mustard panel with an h2 and a line about the head of admissions, and two pill buttons to send a message or call. Needs a Lexington MCP key.

Vanta Herovanta-faq-heroFAQ hero: a small label and the displayHero h1 beside a lead, then the question topics as rounded surface cards with a count and a stage shape, each jumping to its group. Needs a Lexington MCP key.

Vanta Questionsvanta-faq-questionsFAQ groups: one block per topic, a sticky stage shape and h2 on the left, the questions as a hairline accordion on the right, each opening in place with a plus that turns. Needs a Lexington MCP key.

Vanta Bursariesvanta-fees-bursariesBursaries panel: a big rounded mustard panel with a circle and an arch in the corner, an h2 and a short line, then sibling discounts and bursaries as three big figures under hairlines. Needs a Lexington MCP key.

Vanta Herovanta-fees-heroFees hero: a small label and the displayHero h1 beside a lead and two pill buttons to apply and jump to bursaries. Needs a Lexington MCP key.

Vanta Includedvanta-fees-includedWhat's included: a rounded surface card with a checked list of what the fee covers beside an outlined card of optional extras with prices, then the one-time costs as big figures under a hairline. Needs a Lexington MCP key.

Vanta Paymentvanta-fees-paymentHow paying works: an h2 and a rounded surface card with the bursar's contact and a pill button on the left, the payment terms as hairline rows of title and text on the right. Needs a Lexington MCP key.

Vanta Tuitionvanta-fees-tuitionTuition table: one hairline row per stage with its shape, name and years, the monthly fee set large and the yearly total muted, with a short note on instalments underneath. Needs a Lexington MCP key.

Vanta Admissionsvanta-landing-admissionsAdmissions teaser in a rounded surface panel: an h2, a short line and two pill buttons on the left, four numbered steps as hairline rows on the right. Needs a Lexington MCP key.

Vanta Datesvanta-landing-datesComing up: an h2 with an arrow link, then five dates as hairline rows, each a big day and month, a title, a short line and the kind of date on the right. Needs a Lexington MCP key.

Vanta Dayvanta-landing-dayA day at school: an h2 beside a short line, then six moments from 08:00 to 15:00 along a line with small stage shapes, each a time, title and line; scrolls sideways with snap on small screens. Needs a Lexington MCP key.

Vanta Herovanta-landing-heroFull-screen home hero: a small line and the displayHero h1, a lead and two pill buttons, and three stage photos cropped to their shapes (mustard circle, coral arch, blue square) that lift on hover. Needs a Lexington MCP key.

Vanta Quotevanta-landing-quoteParent quote: a portrait cropped to a coral arch on the left, a large display quote and the parent's name and child's year on the right. Needs a Lexington MCP key.

Vanta Reasonsvanta-landing-reasonsWhy families choose us: an h2 with an arrow link, then a bento grid of rounded tiles, a large photo tile with a mustard circle and four smaller tiles in coral, blue, mustard and navy, each a shape, title and line. Needs a Lexington MCP key.

Vanta Statementvanta-landing-statementStatement section: a large display sentence with the three stage shapes set inline between its phrases, the last part muted, then four big figures under a hairline. Needs a Lexington MCP key.

Vanta Visitvanta-landing-visitVisit call to action: a tall rounded blue panel with a big light h2, a short line, a paper pill button and a phone link, and a cluster of shapes and an arch-cropped photo in the corner. Needs a Lexington MCP key.

Vanta Listingvanta-news-listingNews index: a small label and the displayHero h1 beside a lead, a lead story with a large rounded photo and its title beside it, then every other story as cards in a three-column grid. Needs a Lexington MCP key.

Vanta Herovanta-not-found-heroFull-screen 404: the three stage shapes set large, the displayHero h1 and a short line with two pill buttons, and popular pages as a hairline list of links on the right. Needs a Lexington MCP key.

Vanta Listingvanta-staff-listingStaff index: a small label and the displayHero h1 beside a lead, then the people grouped by department, a sticky shape and department name beside a three-column grid of portrait cards. Needs a Lexington MCP key.

Vanta Applyvanta-stages-overview-applyClosing call to action: a rounded navy panel with a light h2 and a short line on closing dates, and two pill buttons to apply and book a visit. Needs a Lexington MCP key.

Vanta Herovanta-stages-overview-heroStages hero: a small label and the displayHero h1 beside a lead, then an age bar of three rounded stage tiles in mustard, coral and blue, each as wide as the years it covers. Needs a Lexington MCP key.

Vanta Movesvanta-stages-overview-movesMoving up: a big rounded surface panel with an h2 beside a short line, then three moves between stages under hairlines, each a pair of stage shapes, a title and a line. Needs a Lexington MCP key.

Vanta Rulervanta-stages-overview-rulerFixed age ruler (3 to 18) on the left edge, visible from xl, whose mustard, coral and blue segments fill with a CSS scroll-driven animation as each stage block passes the middle of the screen; needs the stages list with data-ruler-track. Needs a Lexington MCP key.

Vanta Stagesvanta-stages-overview-stagesStages list: one hairline block per stage, a photo cropped to its shape on the left, ages, a large name, an intro, figures and an arrow link on the right; carries data-ruler-track for the age ruler. Needs a Lexington MCP key.

Vanta Buttonsvanta-system-buttonsStyle guide: every pill button variant as a hairline row with its name and use, shown in three sizes, the paper variant on a navy panel. Needs a Lexington MCP key.

Vanta Colorsvanta-system-colorsStyle guide: the base, stage and extra colour tokens in groups, each a rounded swatch or the stage shape with its name and token. Needs a Lexington MCP key.

Vanta Linksvanta-system-linksStyle guide: arrow links on paper, surface and navy grounds, button links in three variants and inline links in running text, as hairline rows with a name and use. Needs a Lexington MCP key.

Vanta Typographyvanta-system-typographyStyle guide: two surface cards for Bricolage Grotesque and Inter, then every display and text size as hairline rows with a sample line. Needs a Lexington MCP key.

Vanta Bookvanta-visit-bookVisit booking form in a big rounded blue panel: an h2, a short line and reception contacts on the left, name, email, visit type and stage selects, a day, a message and a paper pill submit button on the right. Needs a Lexington MCP key.

Vanta Directionsvanta-visit-directionsGetting here: the address set large with a short line and an arrow link to maps on the left, train, bus, bike and car as hairline rows on the right. Needs a Lexington MCP key.

Vanta Herovanta-visit-heroVisit hero: a small label, the displayHero h1, a lead and two pill buttons to book or jump to open mornings, beside a tall campus photo cropped to a coral arch. Needs a Lexington MCP key.

Vanta Morningsvanta-visit-morningsOpen mornings: an h2 and short line on the left, four dates as hairline rows on the right, each a big day, the focus, the month and a line. Needs a Lexington MCP key.

Vanta Optionsvanta-visit-optionsThree ways to visit: an h2, then three tall outlined rounded cards for a tour, an open morning and a video call, each a stage shape, title, when, a line and an arrow link. Needs a Lexington MCP key.

Vanta Tourvanta-visit-tourHow a tour goes: a big rounded surface panel with an h2 and four timed moments along a line with small stage shapes, each a time, title and line. Needs a Lexington MCP key.

Westend AgentListingswestend-agents-agent-listingsAgent's active listings: a display h2 with a Browse listings fancy link opposite, then a three column grid of small property cards. Takes a title and the properties. Needs a Lexington MCP key.

Westend AgentProfilewestend-agents-agent-profileAgent profile in labelled 3/9 rows: portrait beside name, role, licence, email, phone and a hairline fact list, then the bio in prose and a consultation heading with a Book a call button. Needs a Lexington MCP key.

Westend AgentsIndexwestend-agents-agents-indexAgents index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of agent cards with tall portraits, name, role, city and languages. Needs a Lexington MCP key.

Westend BlogIndexwestend-blog-blog-indexBlog index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of blog cards sorted newest first. Needs a Lexington MCP key.

Westend PostBodywestend-blog-post-bodyArticle body: a labelled 3/9 row with the post prose in a readable column. Replace the paragraph with the rendered markdown. Needs a Lexington MCP key.

Westend PostHerowestend-blog-post-heroArticle hero: labelled 3/9 row with the title as h1, the excerpt and the publish date, then a full width rounded cover image. Takes the post frontmatter. Needs a Lexington MCP key.

Westend RelatedPostswestend-blog-related-postsRelated posts: a display h2 with a Browse all posts fancy link opposite, then three blog cards in a row. Takes the posts to show. Needs a Lexington MCP key.

Westend BookCallwestend-book-a-call-book-callConsultation booking: a contact aside with email and phone beside the full call form with topic, preferred date and time, call method radios and message. Needs a Lexington MCP key.

Westend Herowestend-book-a-call-heroBooking hero: labelled 3/9 row with an h1 and lead paragraph, then a second labelled What to expect row of four benefit items in four columns. Needs a Lexington MCP key.

Westend ApplyFormwestend-careers-apply-formJob application: heading and one line beside a two column form with name, email, phone, LinkedIn, salary, start date, source select, CV upload, cover letter and consent. Needs a Lexington MCP key.

Westend CareerDetailwestend-careers-career-detailJob detail in labelled 3/9 rows: title, description and posted date, a hairline list of department, type and location, then requirements and benefits side by side. Needs a Lexington MCP key.

Westend CareersIndexwestend-careers-careers-indexCareers index: labelled intro with h2 and lead, a numbered count of current openings above career cards, then the same openings grouped by department. Needs a Lexington MCP key.

Westend Herowestend-company-heroAbout hero: labelled 3/9 row with the brand as h1, a one line lead and story paragraphs in prose, then a full width rounded interior photo. Needs a Lexington MCP key.

Westend Teamwestend-company-teamTeam preview: labelled 3/9 row with an h2, long lead and a Meet all our agents fancy link, then three agent cards with tall portraits. Needs a Lexington MCP key.

Westend Valueswestend-company-valuesValues: labelled 3/9 row with an h2, long lead and six title and text items in three columns, then large stat numerals with labels under a hairline. Needs a Lexington MCP key.

Westend WhyChooseUswestend-company-why-choose-usReasons to choose: labelled 3/9 row with an h2, short lead and title and text items in three columns, then a full width rounded interior photo. Needs a Lexington MCP key.

Westend SellCtawestend-ctas-sell-ctaSelling call to action in a labelled 3/9 row: h2 and lead paragraph, then an accent free valuation pill and a muted Book a call pill. Needs a Lexington MCP key.

Westend LookingForwestend-forms-looking-forBuyer and seller enquiry: uppercase heading and a response time line beside a two column form for name, buy, sell or rent, location, budget, email and phone, with submit and valuation link. Needs a Lexington MCP key.

Westend Agentswestend-landing-agentsHome agents row: display h2 and one line lead with an All agents fancy link opposite, then a six up grid of agent cards with tall portraits. Needs a Lexington MCP key.

Westend FeaturedPropertieswestend-landing-featured-propertiesEdge to edge keen-slider of featured homes: carousel cards with title, location, price and price per m² above wide rounded photos, no heading. Needs a Lexington MCP key.

Westend Herowestend-landing-heroHome hero: a huge display h1 with a small rounded photo set inline at the start of the sentence, then a short lead paragraph. Needs a Lexington MCP key.

Westend Introwestend-landing-introStatement and stats: labelled 3/9 row with a long h2 and lead paragraph, then four large numerals with labels under a hairline. Needs a Lexington MCP key.

Westend Methodwestend-landing-methodSelling steps: display h2, then four columns, each a large 01 to 04 numeral above a hairline, title and one line of text. Needs a Lexington MCP key.

Westend Neighborhoodswestend-landing-neighborhoodsHome neighbourhoods: display h2 and lead about commute, schools and price per m², an All neighborhoods fancy link opposite, then four neighbourhood cards. Needs a Lexington MCP key.

Westend NextOpenHousewestend-landing-next-open-houseNext open house: a large rounded photo beside the date and time, home title, city and price, an optional note, Plan your visit and See the home pills, then up to three later dates. Needs a Lexington MCP key.

Westend RecentlySoldwestend-landing-recently-soldRecently sold table: display h2 and lead, then hairline rows of home, city, asking price, sale price, difference in accent and days on market. Needs a Lexington MCP key.

Westend StuffPickswestend-landing-stuff-picksStaff picks: display h2 with a Browse listings fancy link opposite, then three small property cards with spec chips on hover, price, price per m² and next viewing. Needs a Lexington MCP key.

Westend Testimonialwestend-landing-testimonialFeatured story: display h2 with an All stories fancy link opposite, then one large card with a portrait, big quote, name, role, sale price and days on market. Needs a Lexington MCP key.

Westend LegalDetailwestend-legal-legal-detailLegal page in a labelled 3/9 row: h1, last updated date and prose beside a sticky aside listing the other legal pages and a Book a call pill. Needs a Lexington MCP key.

Westend Officeswestend-locations-officesOffice directory: labelled 3/9 row with an h2, lead and Book a call fancy link, then country groups of city, address, email and phone rows. Needs a Lexington MCP key.

Westend NeighborhoodHerowestend-neighborhoods-neighborhood-heroNeighbourhood hero: labelled 3/9 row with the name as h1, tagline, summary, a hairline fact list and a highlights list, then a full width rounded cover photo. Needs a Lexington MCP key.

Westend NeighborhoodHomeswestend-neighborhoods-neighborhood-homesHomes in a neighbourhood: display h2 with an Other neighborhoods fancy link opposite, then a grid of small property cards. Takes the name and the properties. Needs a Lexington MCP key.

Westend NeighborhoodsIndexwestend-neighborhoods-neighborhoods-indexNeighbourhoods index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of neighbourhood cards. Needs a Lexington MCP key.

Westend NearbyOpenHouseswestend-openhouses-nearby-open-housesMore open houses: display h2 with a Browse all open houses fancy link opposite, then three open house cards. Takes the open houses to show. Needs a Lexington MCP key.

Westend OpenHouseDetailswestend-openhouses-open-house-detailsOpen house detail rows: a hairline list of beds, baths, area, type, year built, lot, postal code, listed date and neighbourhood with a property link, a map embed, agent contact and a register form. Needs a Lexington MCP key.

Westend OpenHouseHerowestend-openhouses-open-house-heroOpen house hero: labelled 3/9 row with the title as h1, an invitation line with the note, address, city and the date with time range, then a full width rounded photo. Needs a Lexington MCP key.

Westend OpenHousesIndexwestend-openhouses-open-houses-indexOpen houses index: labelled 3/9 row with an h1 and one line lead, then a three column grid of open house cards sorted by date. Needs a Lexington MCP key.

Westend MoreHomeswestend-properties-more-homesMore homes nearby: display h2 naming the neighbourhood with a fancy link to it opposite, then three small property cards. Needs a Lexington MCP key.

Westend PropertyDetailswestend-properties-property-detailsProperty detail rows: description prose, a rounded photo gallery, interior, exterior, community and other feature lists, a hairline fact list, a map embed and the agent's portrait and contact details. Needs a Lexington MCP key.

Westend PropertyHerowestend-properties-property-heroListing hero: labelled 3/9 row with status, title as h1, tagline, address, a fact line with price, price per m², beds, area and energy class, an open house link, then a full width photo. Needs a Lexington MCP key.

Westend PropertyListingwestend-properties-property-listingProperty index: labelled intro, status pills for all, for sale, for rent, off market and sold, country and city selects that filter in place, then a grid of small property cards. Needs a Lexington MCP key.

Westend ResourceDetailwestend-resources-resource-detailGuide page in a labelled 3/9 row: h1 and prose beside a sticky aside listing the other guides and a Book a call pill. Needs a Lexington MCP key.

Westend ResourcesListwestend-resources-resources-listGuides index: labelled 3/9 row with an h1, lead paragraph and a divided list of guide rows with arrow icons. Needs a Lexington MCP key.

Westend Herowestend-sell-your-property-heroSelling hero: labelled 3/9 row with an h1, lead, free valuation and Book a call pills and benefits in three columns, then a full width photo and stat numerals. Needs a Lexington MCP key.

Westend Resourceswestend-sell-your-property-resourcesSeller guides: labelled 3/9 row with an h2, one line lead and a divided list of guide rows with arrow icons. Needs a Lexington MCP key.

Westend ServiceDetailwestend-services-service-detailService page in a labelled 3/9 row: h1, tagline, summary and prose beside a sticky aside listing the other services and a Book a call pill. Needs a Lexington MCP key.

Westend ServicesIndexwestend-services-services-indexServices index: labelled intro with h1 and lead, then services grouped under buying, selling, renting and investing headings as service cards. Needs a Lexington MCP key.

Westend OtherStorieswestend-stories-other-storiesMore stories: display h2 with an All stories fancy link opposite, then three story cards. Takes the stories to show. Needs a Lexington MCP key.

Westend StoriesListwestend-stories-stories-listStories index: labelled 3/9 row with an h1 and lead, then a grid of story cards with portraits, name, role and outcome, newest first. Needs a Lexington MCP key.

Westend StoryBodywestend-stories-story-bodyStory body: labelled 3/9 row with the story prose beside the small card of the home that was sold. Takes the role and the property. Needs a Lexington MCP key.

Westend StoryHerowestend-stories-story-heroStory hero: labelled 3/9 row with the client name as h1, their quote as the lead and a hairline fact list of prices and days on market, then a full width portrait. Needs a Lexington MCP key.

Westend Swatcheswestend-system-swatchesDesign system colour sheet: labelled groups of rounded 4:3 swatches with token name and class below. Needs a Lexington MCP key.

Westend TextLinkswestend-system-text-linksDesign system fancy link sheet: the dotted fancy link in its light and dark variants with a one line note. Needs a Lexington MCP key.

Westend TypeScalewestend-system-type-scaleDesign system type scale: labelled groups listing each Text variant name above a sample line set in it. Needs a Lexington MCP key.

Westend Herowestend-valuation-heroValuation hero: labelled 3/9 row with an h1, lead and three benefits in columns, then a second labelled row of four deliverables. Needs a Lexington MCP key.

Westend Valuationwestend-valuation-valuationValuation request: a contact aside with email and phone beside the full valuation form with address, property details, condition and timeline. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-about-heroFull-bleed photo hero at hero height with a bottom gradient and a huge uppercase wall title in light text, a short inline note set beside the last word. Needs a Lexington MCP key.

Williamsburg Processwilliamsburg-about-processProcess steps: wall title with an inline note, then a full-bleed four column gap-px grid of tall photo tiles, each with a gradient, step number and short uppercase caption. Needs a Lexington MCP key.

Williamsburg Storywilliamsburg-about-storyStory block on a muted ground: wall title across the full width, then two columns of small indented body copy in the right half. Needs a Lexington MCP key.

Williamsburg Teamwilliamsburg-about-teamTeam grid: wall title with an inline note, then a full-bleed gap-px grid of square portraits on surface tiles, each with name, role and a Since year in uppercase captions. Needs a Lexington MCP key.

Williamsburg CartDrawerwilliamsburg-cart-cart-drawerRight-side cart dialog opened by data-cart-open: line items rendered from localStorage with quantity steppers, an empty state, subtotal and a Checkout button; pairs with data-add-to-cart buttons. Needs a Lexington MCP key.

Williamsburg CartItemswilliamsburg-cart-cart-itemsCart page: wall title with a pair count note and Keep shopping link, a full-bleed gap-px grid of product tiles with quantity steppers and Remove, and a summary tile with a large total and Checkout. Needs a Lexington MCP key.

Williamsburg Checkoutwilliamsburg-checkout-checkoutFull-screen checkout split in two: logo, wall title and a four step form (contact, shipping, delivery radio tiles, payment) on the left, a sticky order summary with product tiles and total on the right. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-contact-heroContact page: wall title with an inline note, then a full-bleed two column gap-px split, contact channel tiles with large values on one side and a surface tile with workshop details and a message form on the other. Needs a Lexington MCP key.

Williamsburg HelpArticlewilliamsburg-help-help-articleHelp article: wall title with the topic description as its note and an All topics link, then a sticky topic nav in the first column and prose across the other two. Needs a Lexington MCP key.

Williamsburg HelpIndexwilliamsburg-help-help-indexHelp center index: wall title with a note and a Write to the workshop link, then a full-bleed gap-px grid of surface tiles, each with a topic title, description and its question links. Needs a Lexington MCP key.

Williamsburg JournalIndexwilliamsburg-journal-journal-indexJournal index: wall title with a note, then full-bleed rows split in three, a surface tile with author, date, large title and description across two columns and a 4/3 photo in the third. Needs a Lexington MCP key.

Williamsburg MorePostswilliamsburg-journal-more-postsLatest posts: wall title with an optional note and an All notes link, then a full-bleed gap-px row of two or three tall photo journal cards. Needs a Lexington MCP key.

Williamsburg PostBodywilliamsburg-journal-post-bodyPost body: sticky author block with avatar, date and reading time in the first column, prose across the other two. Needs a Lexington MCP key.

Williamsburg PostHerowilliamsburg-journal-post-heroPost hero: huge wall title with the description as its note and an All notes link, then a full-bleed cover photo at peek height. Needs a Lexington MCP key.

Williamsburg BootWallwilliamsburg-landing-boot-wallProduct wall: wall title with a note and a Shop all link, then a full-bleed five column gap-px grid of square surface tiles, one cutout product per tile. Needs a Lexington MCP key.

Williamsburg Departmentswilliamsburg-landing-departmentsTwo departments: wall title with a note and a Shop all link, then a full-bleed two column gap-px grid of tall surface tiles with a large cutout product, name, description and a pair count. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-landing-heroFull-screen photo hero with top and bottom gradients and a huge uppercase wall title in light text at the bottom, a short inline note beside the last word. Needs a Lexington MCP key.

Williamsburg NewArrivalswilliamsburg-landing-new-arrivalsProduct grid with an editorial photo: wall title with a note and a Shop all link, then a full-bleed four column gap-px grid where a large photo spans half and four product cards fill the rest; can flip sides. Needs a Lexington MCP key.

Williamsburg Reviewswilliamsburg-landing-reviewsSingle review: wall title with a note, then a full-screen portrait with a gradient, a large pull quote in light text and the reviewer's name and pair linked below. Needs a Lexington MCP key.

Williamsburg Statementwilliamsburg-landing-statementStatement on a muted ground: a huge uppercase wall sentence with two small inline notes set between its words, one Shop all boots button, then a wide full-width photo below. Needs a Lexington MCP key.

Williamsburg LegalDocumentwilliamsburg-legal-legal-documentLegal page: wall title with an Updated date note and links to the other documents, then a sticky On this page list in the first column and prose across the other two. Needs a Lexington MCP key.

Williamsburg ProductHerowilliamsburg-products-product-heroProduct page hero: swipeable image slider across two columns with a thumbnail strip and arrows, title, summary, price, size picker, Add to cart and a Details trigger in the first column. Needs a Lexington MCP key.

Williamsburg ProductReviewswilliamsburg-products-product-reviewsReview slider: wall title with a note, a count and previous and next buttons, then a full-bleed split of the reviewed product on a surface tile and a large quote with an avatar caption. Needs a Lexington MCP key.

Williamsburg ProductTestimonialwilliamsburg-products-product-testimonialFull-screen testimonial: portrait photo with a gradient, a large pull quote in light text and the customer's name and boot below. Needs a Lexington MCP key.

Williamsburg Relatedwilliamsburg-products-relatedRelated products: wall title with a note and a Shop all link, then a full-bleed five column gap-px grid of square surface tiles with cutout products. Needs a Lexington MCP key.

Williamsburg Cataloguewilliamsburg-shop-catalogueShop catalogue: wall title with a note, department buttons with counts and text sort controls, then a full-bleed four column gap-px grid of product cards that re-sorts client side. Needs a Lexington MCP key.

Williamsburg Buttonswilliamsburg-system-buttonsDesign system buttons: full-bleed surface tile rows showing every Button variant and size, with and without icons. Needs a Lexington MCP key.

Williamsburg Colorswilliamsburg-system-colorsDesign system colors: a grid of square swatches, one per semantic token, each labelled in a contrasting text color. Needs a Lexington MCP key.

Williamsburg Linkswilliamsburg-system-linksDesign system links: full-bleed surface tile rows showing the text link styles and their hover colors. Needs a Lexington MCP key.

Williamsburg Typographywilliamsburg-system-typographyDesign system typography: full-bleed surface tile rows, each pairing a Text variant name with a live sample, from the wall title down to small text. Needs a Lexington MCP key.

ZeroIndex GettinStartedzeroindex-landing-gettin-startedDocs scale heading and lead paragraph, then four plain text feature columns in a 1/2/4 grid, each with title, description and a chevron link, no cards or images. Needs a Lexington MCP key.

ZeroIndex Herozeroindex-landing-heroDocumentation hero on a tinted band: shared Header block with title and one-paragraph description, then two small buttons, accent and muted, in a row. Needs a Lexington MCP key.

ZeroIndex Resourceszeroindex-landing-resourcesThree column split: heading and lead paragraph in column one, four soft rounded resource cards with title, description and chevron link in a two column grid spanning the rest. Needs a Lexington MCP key.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information

Ælen Principlesaelen-about-principlesPrinciples: Gambetta heading over four tiles on oatmeal, plum and birch, each with a short title and one paragraph on how the clinic works. Needs a Lexington MCP key.

Ælen Storyaelen-about-storyStory: tall room photo beside a Gambetta heading, three paragraphs about how the clinic started, and a two by two grid of large figures with small labels. Needs a Lexington MCP key.

Ælen Featuredaelen-blog-featuredJournal hero: Gambetta h1 with intro, then the latest article as a split of a square photo and an oatmeal tile with title, description, author avatar, date, reading time and an arrow link. Needs a Lexington MCP key.

Ælen Latestaelen-blog-latestArticle grid: topic tabs over a three column grid of journal cards. Needs a Lexington MCP key.

Ælen TagPostsaelen-blog-tag-postsTopic page: Gambetta h1 with the topic name and article count, topic tabs, and a three column grid of journal cards for that topic. Needs a Lexington MCP key.

Ælen TopicListaelen-blog-topic-listTopics index: Gambetta h1 with intro over a three column grid of 4:3 oatmeal tiles, each with the topic name, article count and an arrow link. Needs a Lexington MCP key.

Ælen Bookingaelen-book-bookingBooking form: Gambetta h1 with intro, tile pickers for treatment, physiotherapist, day and time built on radio inputs, contact fields, and a sticky plum summary with the total and a confirm button. Needs a Lexington MCP key.

Ælen Practicalaelen-classes-practicalBefore you come: studio photo beside an oatmeal tile with a Gambetta heading, drop in and class card prices, and four short notes in two columns. Needs a Lexington MCP key.

Ælen Scheduleaelen-classes-scheduleWeekly class schedule: Gambetta h1 with intro, then six day columns from Monday to Saturday of class tiles with a colour bar, time, class, teacher and spots left; full classes fade. Needs a Lexington MCP key.

Ælen Typesaelen-classes-typesClass types: Gambetta heading over four columns, each with a colour bar, fine-line icon, class name, one line and the teacher. Needs a Lexington MCP key.

Ælen Contactaelen-contact-contactContact: Gambetta h1 with intro, a four column tile grid with the message form on oatmeal, a room photo, a birch address tile, a plum opening hours tile and a mauve phone and email tile. Needs a Lexington MCP key.

Ælen ExerciseListaelen-exercises-exercise-listExercise library: Gambetta h1 with intro, radio tabs for each body area with fine-line icons, and a two column checkerboard of photo and text tile pairs filtered by a small script. Needs a Lexington MCP key.

Ælen Questionsaelen-faq-questionsFAQ page: Gambetta h1 with intro, a sticky side column with topic anchor links and a plum 'Still unsure?' tile, and topic groups of oatmeal details tiles with plus icons. Needs a Lexington MCP key.

Ælen Arrivalaelen-first-visit-arrivalFinding the clinic: Gambetta heading with four short notes in two columns beside a photo of the treatment room. Needs a Lexington MCP key.

Ælen Prepareaelen-first-visit-prepareFirst visit checklist hero: Gambetta h1 with intro, a portrait with a pinned appointment card and a four step readiness bar, beside four checkbox tiles with fine-line icons that fill the bar when ticked. Needs a Lexington MCP key.

Ælen Billingaelen-insurance-billingDirect billing: treatment photo beside a Gambetta heading and three steps with a title and line each, then an arrow link. Needs a Lexington MCP key.

Ælen Paymentaelen-insurance-paymentInsurance chooser hero: Gambetta h1 with intro, three radio tiles (private insurance, employer, paying yourself) with fine-line icons, the chosen one in plum, beside a photo with a pinned card that changes what you pay and what to bring. Needs a Lexington MCP key.

Ælen Referralsaelen-insurance-referralsReferrals: Gambetta heading in the side column and four cases in two columns, each a short title with a paragraph. Needs a Lexington MCP key.

Ælen Approachaelen-landing-approachApproach: Gambetta heading with intro, a wide treatment photo, then three time bars in oatmeal, mauve and plum showing how a sixty minute visit is spent. Needs a Lexington MCP key.

Ælen Classesaelen-landing-classesClasses preview: a large studio photo, a birch heading tile and square oatmeal day tiles with time, class, teacher and spots left in mauve, in a four column grid. Needs a Lexington MCP key.

Ælen Conditionsaelen-landing-conditionsConditions grid: centred Gambetta heading over six common problems in three columns, each with a fine-line icon in an oatmeal circle, title, one line and a 'How we treat it' arrow link. Needs a Lexington MCP key.

Ælen Faqaelen-landing-faqFAQ: Gambetta heading with intro, an arrow link and a contact note in the side column, and five oatmeal details tiles with plus icons in the main column. Needs a Lexington MCP key.

Ælen Heroaelen-landing-heroPhysiotherapy home hero: one treatment room photo seen through a 12-column grid of rounded tiles, with price, next free time and rating tiles in plum and mauve set into the grid, then a two line Gambetta headline and two checked promises. Needs a Lexington MCP key.

Ælen Mosaicaelen-landing-mosaicClinic mosaic hero: an eight column grid of portraits, room photos and small linen, plum and mauve tiles (price, rating, next free time) beside a Gambetta h1 and short intro. Needs a Lexington MCP key.

Ælen Teamaelen-landing-teamTeam preview: a plum heading tile next to three portrait tiles, each with a linen card pinned at the bottom with name, role, focus and a fine-line icon. Needs a Lexington MCP key.

Ælen Testimonialaelen-landing-testimonialTestimonial: a four column figure with a patient portrait, a wide plum tile holding a large quote, name and since when, and a stack of an oatmeal rating tile and a birch result tile with a fine-line icon. Needs a Lexington MCP key.

Ælen Treatmentsaelen-landing-treatmentsTreatments preview: heading with arrow link, then a four column tile grid alternating photos and coloured treatment tiles (oatmeal, plum, mauve, birch) with title, line, length and price. Needs a Lexington MCP key.

Ælen NotFoundaelen-not-found-not-found404: a full screen grid of tiles each showing a piece of one room photo, with a linen card in the middle holding the logo, error code, Gambetta heading, line and two buttons. Needs a Lexington MCP key.

Ælen PriceListaelen-pricing-price-listPrice list: Gambetta h1 with intro, three wide oatmeal tiles grouping treatments with a title and note on the left and each price row (name, detail, length, price) on the right, then two arrow links. Needs a Lexington MCP key.

Ælen Buttonsaelen-system-buttonsStyle guide buttons: system header, then a tile per variant (primary, accent, muted) with all seven sizes and the icon only buttons. Needs a Lexington MCP key.

Ælen Colorsaelen-system-colorsStyle guide colours: the grounds as nested birch, oatmeal and linen tiles, plum and mauve tiles with a large Aa in their text colour, a text colour tile and a focus ring tile. Needs a Lexington MCP key.

Ælen Linksaelen-system-linksStyle guide links: the arrow link in three sizes on a birch tile, then every button variant and size rendered as links. Needs a Lexington MCP key.

Ælen Typographyaelen-system-typographyStyle guide typography: Gambetta and Switzer font tiles, then every display and text size in its own oatmeal tile with the variant name beside real clinic copy. Needs a Lexington MCP key.

Ælen Hiringaelen-team-hiringHiring: one wide plum tile with a Gambetta heading and paragraph about the role on the left and a mauve button on the right. Needs a Lexington MCP key.

Ælen Matchaelen-team-matchWho to see for what: Gambetta heading and intro beside a list of oatmeal rows, each with a common problem, the physiotherapist's name, a small portrait and a chevron. Needs a Lexington MCP key.

Ælen TeamListaelen-team-team-listTeam index: Gambetta h1 with intro, three portrait cards with linen cards pinned on them showing name, role, focus, icon and the days each person is in, then a line with an arrow link to book. Needs a Lexington MCP key.

Ælen Togetheraelen-team-togetherTogether: treatment photo beside a Gambetta heading and a list of points, each a title with a paragraph, on how the team shares one plan. Needs a Lexington MCP key.

Ælen TreatmentListaelen-treatments-treatment-listTreatments index: Gambetta h1 with intro, a two column grid of 4:5 treatment photos with linen cards pinned on them, and a closing line with an arrow link to book an assessment. Needs a Lexington MCP key.

Alfred Ctaalfred-ctas-ctaCTA block: rounded dark panel split in two, heading, short line, white button and a quiet pricing link on the left, a dashboard screenshot clipped at the bottom right corner. Needs a Lexington MCP key.

Alfred Feature1alfred-features-feature-1Feature panel on a pale blue tint: icon kicker, heading and offset lead in a four column header, a dashboard screenshot on a deeper blue panel, then three title and text blocks. Needs a Lexington MCP key.

Alfred Feature2alfred-features-feature-2Feature panel on a pale rose tint: icon kicker, heading and offset lead in a four column header, then one calendar screenshot on a deeper rose panel. No list or buttons. Needs a Lexington MCP key.

Alfred Feature3alfred-features-feature-3Bento feature grid: heading with offset lead, then a six column grid of five pale blue, rose and green cards, two wide and three narrow, each with title, text and a UI widget. Needs a Lexington MCP key.

Alfred Feature4alfred-features-feature-4Tabbed feature panel on a pale green tint: icon kicker and heading, four text tabs on the left switch four floating UI widgets on a green panel on the right. Inline tab script. Needs a Lexington MCP key.

Alfred FeatureGridalfred-features-feature-gridFeature grid: large heading, then six features in three columns, each with a duotone icon on a blue, rose or green tile, a title and a short description. Needs a Lexington MCP key.

Alfred Faqalfred-helpcenter-faqFAQ block: heading and short intro on the left, four rounded native details accordions on the right, each with a rotating plus icon. No JavaScript. Needs a Lexington MCP key.

Astromax SP Channelsastromaxsp-contact-channelsEmail list on the dark ground: a small muted label in the first three columns and a display sized email link in the other nine, one row per channel, fading on hover. Needs a Lexington MCP key.

Astromax SP Enquiryastromaxsp-contact-enquiryProject enquiry form: a small heading and a short line in the first three columns, then name, email and company fields, service chips, budget chips, a message field and a pill send button. Square cornered grey fields, no borders. Needs a Lexington MCP key.

Astromax SP Studiosastromaxsp-contact-studiosTwo studio addresses side by side under a small heading: the city in large type, a live local time, the street address, a phone link and the opening hours. Needs a Lexington MCP key.

Astromax SP Clientsastromaxsp-landing-clientsClient list as one paragraph: a small heading in the first three columns and every client name in large type, separated by commas. Needs a Lexington MCP key.

Astromax SP Heroastromaxsp-landing-heroHome hero filling the first screen: a short studio line and three small facts at the top, a giant medium-weight uppercase line, a row of six numbered project screenshots that scrolls sideways on phones, and the line finishing below. Needs a Lexington MCP key.

Astromax SP Showcaseastromaxsp-landing-showcaseSticky work showcase several screens tall: a numbered project list and counter at the top, one 3/4 screenshot in the middle wiped up over the last as you scroll, settling from a slight zoom, and the project name in giant type with its summary and services at the bottom. Needs a Lexington MCP key.

Astromax SP Studioastromaxsp-landing-studioStudio statement and a word strip: a small heading and a large paragraph, then a giant line of disciplines with a small screenshot set into the type after each word, moving sideways as the page scrolls. Needs a Lexington MCP key.

Astromax SP Disciplinesastromaxsp-services-disciplinesNumbered services list: each row a large service name, a short summary and a two column list of what it includes on the left, and a 4/3 photograph on the right. The whole row links to the service. Needs a Lexington MCP key.

Astromax SP Processastromaxsp-services-processFour numbered steps in a two column grid under a small heading: each a number, a medium heading and a short muted paragraph. Needs a Lexington MCP key.

Astromax SP Rolesastromaxsp-studio-rolesOpen roles: a small heading and a line with the jobs email in the first three columns, then one row per role with the title in large type and the city and contract beside it, fading on hover. Needs a Lexington MCP key.

Astromax SP Statementastromaxsp-studio-statementStudio story: one large paragraph starting at the fourth column, with four facts below as small labels over medium values. Needs a Lexington MCP key.

Astromax SP Teamastromaxsp-studio-teamTeam grid under a small heading: six square cornered 4/5 portraits in two or three columns, each with a name and role. Needs a Lexington MCP key.

Astromax SP Buttonsastromaxsp-system-buttonsStyle guide: every button variant in each size, as a button, a link and an icon button, all rounded full. Needs a Lexington MCP key.

Astromax SP Colorsastromaxsp-system-colorsStyle guide: the colour tokens as tall square cornered swatches with their names and token names. Needs a Lexington MCP key.

Astromax SP Typographyastromaxsp-system-typographyStyle guide: every display and text size of the Text component with a sample line and its name. Needs a Lexington MCP key.

Aubergine AboutCredentialsaubergine-about-about-credentialsMoss band, "Insured and certified": heading and short line, then a three column list of credentials each with a plant icon, title and sentence, on hairlines. Needs a Lexington MCP key.

Aubergine AboutHeroaubergine-about-about-heroAbout hero: a huge medium weight headline across the top, then a full width planting photo that loads first. Needs a Lexington MCP key.

Aubergine AboutStoryaubergine-about-about-storyCompany story: a column of dated facts on hairlines on the left, a large lead paragraph and two muted paragraphs on the right. Needs a Lexington MCP key.

Aubergine AboutTeamaubergine-about-about-teamRow of four team portraits at 3:4 that zoom slightly on hover, name and role under each; heading and link to the full team above. Data inlined. Needs a Lexington MCP key.

Aubergine AboutValuesaubergine-about-about-values"How we garden" list: each value on a hairline row with a huge light figure on the left and a title and sentence on the right. Needs a Lexington MCP key.

Aubergine AreasFurtheraubergine-areas-areas-furtherShort heading and paragraph for work beyond the home area, with a link to the process page. Needs a Lexington MCP key.

Aubergine AreasHeroaubergine-areas-areas-heroAreas hero: heading and paragraph about the coastline served, then three tall photos side by side, each with a caption. Needs a Lexington MCP key.

Aubergine AreasReachaubergine-areas-areas-reachMoss band, "Close enough to come back": three large light figures (yards, drive time, crews) on hairlines with a label and sentence each. Needs a Lexington MCP key.

Aubergine AreasTownsaubergine-areas-areas-townsTowns and drive times: one hairline row per region with its yard on the left and a grid of towns with their drive time on the right. Needs a Lexington MCP key.

Aubergine CareHeroaubergine-care-care-heroGarden care hero: heading and paragraph, a full width pruning photo, then three small facts (visits, crew, term) in a row. Needs a Lexington MCP key.

Aubergine CareRhythmaubergine-care-care-rhythm"How often we come": three care rhythms as tall photos, each with a name, visits per year and a sentence. Needs a Lexington MCP key.

Aubergine CareVisitaubergine-care-care-visit"What a visit includes": heading and paragraph, then a sticky 4:5 irrigation photo on the left and the six steps of a visit as a numbered hairline list on the right. Needs a Lexington MCP key.

Aubergine CareYearaubergine-care-care-yearMoss band, "The year, month by month": four seasons on hairlines, each with its months in three columns and the tasks under each month. Needs a Lexington MCP key.

Aubergine Areasaubergine-landing-areas"Where we work": heading with a link, then three regions as hairline columns each listing its towns in medium type. Needs a Lexington MCP key.

Aubergine Careaubergine-landing-careMoss band, "A year of care": heading, link and paragraph, then four season columns on hairlines, each with a plant icon, months, season name and four tasks. Needs a Lexington MCP key.

Aubergine Heroaubergine-landing-heroFull screen photo slideshow hero: four garden photos cross-fade every six seconds, one sentence bottom left and a caption with a 1/4 counter bottom right, under dark scrims. Needs the navigation overlaid. Needs a Lexington MCP key.

Aubergine Introaubergine-landing-introShort intro: a row of three small facts, then one large paragraph about the team and a link to the About page, in the right half. Needs a Lexington MCP key.

Aubergine Projectsaubergine-landing-projects"Recent gardens": four projects in a two column grid of 4:3 photos that zoom on hover, title left and size and finish date right. Data inlined. Needs a Lexington MCP key.

Aubergine Statementaubergine-landing-statementStrip of three photos, then a huge headline, a short paragraph and a Free quote button, with a small place and year line at the right. Needs a Lexington MCP key.

Aubergine Testimonialsaubergine-landing-testimonials"In their words": a rating line, then three featured reviews as large quotes each with a square portrait, name and the project it links to. Data inlined. Needs a Lexington MCP key.

Aubergine ProcessHeroaubergine-process-process-heroProcess hero: heading and paragraph, then a timeline of the five stages as proportional bars with number, name and duration. Needs a Lexington MCP key.

Aubergine ProcessPromisesaubergine-process-process-promisesMoss band, "What stays the same": four promises in a two column grid, each with a plant icon, title and sentence on hairlines. Needs a Lexington MCP key.

Aubergine ProcessStagesaubergine-process-process-stagesThe five stages as hairline rows: number, large light name and duration on the left, a 4:3 photo in the middle, a paragraph and checklist on the right. Needs a Lexington MCP key.

Aubergine ReviewsHeroaubergine-reviews-reviews-heroReviews hero: heading and a paragraph that opens with the average rating in ink. Needs a Lexington MCP key.

Aubergine ReviewsListaubergine-reviews-reviews-listReviews as photo tiles: the first large across two columns, the rest 4:5, each with a quote, name, project link and date over a dark scrim. Data inlined. Needs a Lexington MCP key.

Aubergine ReviewsThemesaubergine-reviews-reviews-themes"What comes up most": review themes as hairline rows with the theme on the left and the number of reviews on the right. Needs a Lexington MCP key.

Author Formauthor-booking-formBooking request: a sticky rail with a section head, three numbered steps and a small manager card with photo, email and phone, beside a form in fieldsets for dates and guests, room and boat, and contact details. Needs a Lexington MCP key.

Author Heroauthor-booking-heroPage hero on the twelve column grid: a small label and a muted note in the four column rail, a large medium h1 and a muted lead in the eight columns beside it. Needs a Lexington MCP key.

Author Termsauthor-booking-termsTerms: a section head with a plus link in the rail, then a two column list of short terms, each a medium title over a muted paragraph. Needs a Lexington MCP key.

Author Directionsauthor-contact-directionsDirections: a section head and a muted lead, a full width 16:9 rounded photo, then three routes in a row, each with the starting point, travel time and a muted line on how. Needs a Lexington MCP key.

Author Formauthor-contact-formContact form: a section head and a muted note in the rail, a two column form with name, email, a topic select, a message and a send button. Needs a Lexington MCP key.

Author Heroauthor-contact-heroContact hero: label and muted note in the rail, a large h1 with three contact details below it in a row, each a small muted label over the value. Needs a Lexington MCP key.

Author Heroauthor-events-heroEvents index hero: label and muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-events-listEvents list: one row per event, the date set large with the weekday and year in the rail, a 16:9 photo, kind, title, description, time and price on the right. Needs a Lexington MCP key.

Author Founderauthor-house-founderFounder: a section head over a 3:4 portrait in the rail, a large muted quote, two columns of muted paragraphs and a name with role at the bottom. Needs a Lexington MCP key.

Author Heroauthor-house-heroAbout hero: label and a muted note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Storyauthor-house-storyTimeline: a sticky section head with a muted line in the rail, a list of years split by hairlines, each a large year beside a medium title and a muted paragraph. Needs a Lexington MCP key.

Author Teamauthor-house-teamTeam: a section head and a muted lead, then four 4:5 rounded portraits in a row, each with the name, a muted role and a short muted line. Needs a Lexington MCP key.

Author GuestBookauthor-landing-guest-bookGuest book: a section head beside one featured quote in large medium type with name and stay, then three quotes on soft grey rounded cards. Needs a Lexington MCP key.

Author Heroauthor-landing-heroFull height hero on a dark photo ground: an intro line in the rail, a large h1, a medium subtitle and a book button, then a frosted host card with portrait and a row of room photos that widen on hover. Needs a Lexington MCP key.

Author OffersPreviewauthor-landing-offers-previewFeatured offer: a large 4:3 photo on the left, the season and dates, a display title, description and an icon list of what is included on the right, with the price and a plus link at the bottom. Needs a Lexington MCP key.

Author Restaurantauthor-landing-restaurantRestaurant band: a full height dark photo ground with a section head, a lead and a plus link, then three services in a row with title, hours and a muted line. Needs a Lexington MCP key.

Author RoomsPreviewauthor-landing-rooms-previewRooms preview: a section head beside a muted lead and a plus link, then a two column grid of 3:2 room photos, each with the name, price, type, size and sleeps. Needs a Lexington MCP key.

Author SurroundingsPreviewauthor-landing-surroundings-previewGuides carousel: a section head beside a muted lead, a plus link and previous and next buttons, then a horizontal snap scroller of square photo cards that bleeds off the right edge. Needs a Lexington MCP key.

Author Welcomeauthor-landing-welcomeWelcome: one statement in large medium type with a plus link in the eight columns, a short greeting and the host's name and role at the bottom of the rail. Needs a Lexington MCP key.

Author Heroauthor-notfound-hero404 on a full height dark photo ground: the logo at the top, an error label in the rail, a large h1, a muted line and a home button, the copyright at the bottom. Needs a Lexington MCP key.

Author Heroauthor-offers-heroOffers index hero: label and a muted pricing note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-offers-listOffers grid: two to a row, each a 4:3 photo, season and dates, a display title, a muted description and the price with nights. Needs a Lexington MCP key.

Author Faqauthor-practical-faqFAQ: a sticky section head in the rail, groups of questions on the right, each group a muted label over soft grey rounded accordions with a plus that turns into a cross. Needs a Lexington MCP key.

Author Heroauthor-practical-heroPractical hero: label and a muted note in the rail, a large h1 and lead, then six key facts in a three column grid, each a large number over a short muted label. Needs a Lexington MCP key.

Author Packingauthor-practical-packingPacking list on a dark ground: a section head and a muted note in the rail, four seasons in a two column grid, each a title, a muted note and a plain list of items. Needs a Lexington MCP key.

Author Heroauthor-restaurant-heroRestaurant hero: label and opening note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Hoursauthor-restaurant-hoursOpening hours on a dark ground: a section head and a muted note in the rail, a list of services split by lines, each with the name, days and time. Needs a Lexington MCP key.

Author Kitchenauthor-restaurant-kitchenKitchen: a section head beside a muted lead and three sources in a row, each a medium title over a muted line, then two 4:3 rounded photos side by side. Needs a Lexington MCP key.

Author Menusauthor-restaurant-menusSample menus: a section head and a muted lead, then one row per menu with the title, a note and a numbered list of dishes in the rail beside a 3:2 rounded photo. Needs a Lexington MCP key.

Author Reservationauthor-restaurant-reservationTable reservation: a section head and a muted note in the rail, a two column form with name, email, date, guests, how they arrive, notes and a request button. Needs a Lexington MCP key.

Author Heroauthor-rooms-heroRooms index hero: label and a muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-rooms-listRooms list: one row per room, a number and type, a display name, description, a size, sleeps, view and price list and a see the room link in the rail, a 16:9 photo on the right. Needs a Lexington MCP key.

Author Heroauthor-surroundings-heroSurroundings index hero: label and a muted note in the rail, a large h1 and a muted lead in the eight columns. Needs a Lexington MCP key.

Author Listauthor-surroundings-listGuides grid: three to a row, each a 4:5 photo, kind and season, a title, a muted description, then the distance and duration. Needs a Lexington MCP key.

Author Swatchesauthor-system-swatchesColour tokens: a label in the rail and a four column grid of square rounded swatches, each with name, token and value. Needs a Lexington MCP key.

Author TypeScaleauthor-system-type-scaleType scale: groups of display and text sizes in rows split by hairlines, each with its name over a sample line. Needs a Lexington MCP key.

Author Heroauthor-vouchers-heroGift voucher hero: label and a muted validity note in the rail, a large h1 and lead beside it, then a full width rounded panorama photo. Needs a Lexington MCP key.

Author Optionsauthor-vouchers-optionsVoucher options: a section head in the rail, three options in a row, each a medium title, a large price and a muted list of what it covers. Needs a Lexington MCP key.

Author Orderauthor-vouchers-orderVoucher order form: a sticky rail with a section head and numbered notes, a form in fieldsets for the voucher, the recipient and the sender, and an order button. Needs a Lexington MCP key.

Bastion Expertisebastion-about-expertiseSix stat tiles in a 1/2/3 grid with italic display numbers, title and short caption on light panels, then a kicker, two tone heading and lead paragraph below. Needs a Lexington MCP key.

Bastion Herobastion-about-heroDark page hero in a three column grid: kicker, h1 and lead in two columns beside a solid accent panel with logo and three stacked words, full width image underneath. Needs a Lexington MCP key.

Bastion BlogGridbastion-blog-blog-gridThree column grid of six blog post cards, each a 4:3 image, title, description and text link, newest first, no header. Needs a Lexington MCP key.

Bastion Openingsbastion-careers-openingsThree benefit panels with a round accent check, title and paragraph, then a stacked list of job rows with department, title, description and arrow link. Needs a Lexington MCP key.

Bastion Faqbastion-contact-faqThree column split: kicker, small heading and paragraph on the left, six native details accordions on light panels with rotating plus icons spanning two columns, no JavaScript. Needs a Lexington MCP key.

Bastion Formbastion-contact-formTwo column split: kicker, heading, paragraph and three icon rows for address, phone and email beside a dark panel form with name, email and message fields plus submit button. Needs a Lexington MCP key.

Bastion Navigatebastion-contact-navigateDark canvas section: kicker and two tone display heading in a three column header, then three text cards, each a title, description and text link, in a 1/2/3 grid. Needs a Lexington MCP key.

Bastion ReachOutbastion-contact-reach-outThree column header with kicker and two tone heading, followed by three plain text items, title and description only, in a 1/2/3 grid with no images or links. Needs a Lexington MCP key.

Bastion Testimonialsbastion-customers-testimonialsKicker, heading and previous/next arrow buttons in a three column header, then a keen-slider carousel of six portrait cards revealing stars and quote on hover, name and role below. Needs a Lexington MCP key.

Bastion Herobastion-landing-heroFull viewport hero over a looping background video with dark overlay, kicker, h1 and lead pushed to the bottom left, four italic stats in a row under a hairline rule. Needs a Lexington MCP key.

Bastion Introbastion-landing-introDark canvas contact strip in three columns: solid accent panel with logo, heading and address, phone, email and hours labels, beside kicker, heading, paragraph and one button. Needs a Lexington MCP key.

Bastion Statsbastion-landing-statsDark canvas section with hairline rails: logo and kicker in one column, two tone display heading, lead paragraph and three italic stats with labels spanning two columns. Needs a Lexington MCP key.

Bastion WhatWeDobastion-landing-what-we-doLeft aligned kicker, two tone heading and lead paragraph, then two focus areas with title and paragraph side by side in a two column grid, no images. Needs a Lexington MCP key.

Bastion NotFoundbastion-notfound-not-foundFull height dark 404: large display number, accent subheading, short paragraph and one muted button back home, all centred. Needs a Lexington MCP key.

Bastion ProjectsListbastion-projects-projects-listStacked list of expandable project rows, each with category, title, description and arrow link, opening a keen-slider gallery with arrow buttons. Needs a Lexington MCP key.

Bastion ProjectsPreviewbastion-projects-projects-previewThree column grid with a dark intro panel holding logo, heading, paragraph and button, followed by two project cards with image, meta line, title and link. Needs a Lexington MCP key.

Bastion Principlesbastion-services-principlesDark canvas section: logo and kicker in one column, two tone display heading, lead paragraph and four principles with title and short text in a two column grid. Needs a Lexington MCP key.

Bastion ServicesGridbastion-services-services-gridTwo column grid of service cards, each a 4:3 image, title, two line description and text link, no header. Needs a Lexington MCP key.

Bastion ServicesPreviewbastion-services-services-previewKicker and two column heading block with paragraph and button, then a three column grid of service cards with image, title, clamped description and link. Needs a Lexington MCP key.

Bastion Buttonsbastion-system-buttonsStyle guide buttons: default, accent and muted columns, every size from xxs to xl with a text button and a square icon button side by side. Needs a Lexington MCP key.

Bastion Colorsbastion-system-colorsColour tokens shown twice, on a light panel and a dark ground panel: five square swatches with name and token variable. Needs a Lexington MCP key.

Bastion Linksbastion-system-linksStyle guide links: a text link, an inline link inside a paragraph, and a text link on a dark ground panel, each under a small uppercase label. Needs a Lexington MCP key.

Bastion Typographybastion-system-typographyType scale: every Text variant from textXS to display6XL in rows divided by hairlines, variant name on the left and a sample line on the right. Needs a Lexington MCP key.

Bastion TeamDirectorybastion-team-team-directoryCentred kicker, h1 and lead paragraph, then a three column grid of six team cards with 4:3 portrait, name and role, sorted by name. Needs a Lexington MCP key.

Bastion TeamPreviewbastion-team-team-previewThree column grid with a solid accent panel holding heading and button, followed by two team cards with portrait, name and role sorted alphabetically. Needs a Lexington MCP key.

Brightlight NotFoundHerobrightlight-404-not-found-hero404 page: a stone shader tile with one centred w-72 background card holding a two-tone heading, a line of copy and default and muted buttons side by side. Needs a Lexington MCP key.

Brightlight AboutHerobrightlight-about-about-heroAbout hero filling the screen on desktop: a two-tone h1 across eight columns with a muted paragraph in four, then a wide team photo on a rounded panel below. Needs a Lexington MCP key.

Brightlight AboutStorybrightlight-about-about-storyFounding story: a two-tone h2 sticky in the left four columns, a large two-tone lead and muted paragraphs in seven columns on the right. Needs a Lexington MCP key.

Brightlight AboutTeambrightlight-about-about-teamTeam grid under a two-tone h2: four square portraits on rounded corners in a 1/2/4 column grid, each with name and role in small type below. Needs a Lexington MCP key.

Brightlight AboutValuesbrightlight-about-about-valuesValues under a two-tone h2: three grey panels in a row, each with a small title and a short muted paragraph pushed to the bottom. Needs a Lexington MCP key.

Brightlight BlogFeaturedbrightlight-blog-blog-featuredFeatured post as one grey panel on the 12 column grid: a 4:3 cover in seven columns, then category, date, a large title, excerpt, author with a rounded avatar and a read more link in five. Needs a Lexington MCP key.

Brightlight BlogHeaderbrightlight-blog-blog-headerBlog index header: a two-tone h1 with a short muted paragraph under it, left aligned. Needs a Lexington MCP key.

Brightlight Subscribebrightlight-blog-subscribeNewsletter panel: a two-tone h2 in six columns and an email field with a default button in five, on a grey panel. Needs a Lexington MCP key.

Brightlight ChangelogListbrightlight-changelog-changelog-listChangelog index: a two-tone h1 and a muted paragraph, then a stacked list of releases, each with its date and version beside a grey summary card. Needs a Lexington MCP key.

Brightlight Cta1brightlight-ctas-cta-1Closing call to action split 6 to 6 inside a grey panel: a two-tone h2, a line of copy and default and card buttons, beside a stone shader tile holding a draft invoice card. Needs a Lexington MCP key.

Brightlight CustomersGridbrightlight-customers-customers-gridCustomer stories in a two column grid of grey cards, each with avatar, name, role, a large highlight number, a quote and a read more link. Needs a Lexington MCP key.

Brightlight CustomersHeaderbrightlight-customers-customers-headerCustomer stories header: a two-tone h1 with a short muted paragraph under it, left aligned. Needs a Lexington MCP key.

Brightlight Faq1brightlight-faqs-faq-1FAQ split 4 to 7: a two-tone h2 on the left, native details accordions as grey rounded cards with a chevron on the right. No JavaScript. Needs a Lexington MCP key.

Brightlight Feature5brightlight-features-feature-5Three step feature rows under a two-tone h2: each row is a grey panel with a title, subtitle and copy in five columns beside a stone shader tile holding a centred mock UI card in seven. Needs a Lexington MCP key.

Brightlight Feature6brightlight-features-feature-6Reminders feature: a two-tone h2 in three columns, then a wide stone shader tile with a mock reminder card and three points with titles and copy below it in nine. Needs a Lexington MCP key.

Brightlight Feature7brightlight-features-feature-7Money overview: a two-tone h2 with muted copy, then two stone shader tiles side by side, one with a monthly income bar chart card and one with a tax pot card with a switch, each titled underneath. Needs a Lexington MCP key.

Brightlight ContactFormbrightlight-forms-contact-formContact page filling the screen on desktop: two-tone h1, copy and contact details in five columns, a stone shader tile in seven holding a background card form with name, email and message fields and a default button. Needs a Lexington MCP key.

Brightlight SignInFormbrightlight-forms-sign-in-formSign in split 5 to 7: heading, a muted Google button, email and password fields and a default button on the left, a shader tile with a payments received card on the right. Needs a Lexington MCP key.

Brightlight SignUpFormbrightlight-forms-sign-up-formSign up split 5 to 7: heading, a muted Google button, name, email and password fields and a default button on the left, a shader tile with a checklist card on the right. Needs a Lexington MCP key.

Brightlight HelpCenterContactbrightlight-helpcenter-help-center-contactSupport panel on grey: a two-tone h2 in seven columns, a line of copy and a default button in five. Needs a Lexington MCP key.

Brightlight HelpCenterTopicsbrightlight-helpcenter-help-center-topicsHelp center index: a two-tone h1 and a muted paragraph, then six grey guide cards in a 1/2/3 column grid. Needs a Lexington MCP key.

Brightlight Hero2brightlight-heros-hero-2Landing hero filling the screen on desktop: a two-tone h1, copy and default and muted buttons in five columns, a tall stone shader tile in seven holding an invoice card over a payment received card. On desktop the tile clips from the bottom as you scroll while its contents stay put (GSAP). Needs a Lexington MCP key.

Brightlight IntegrationsDirectorybrightlight-integrations-integrations-directoryIntegrations index: a two-tone h1 and a muted paragraph, then category rows with a title and line in three columns beside a 1/2/3 grid of grey integration tiles in nine. Needs a Lexington MCP key.

Brightlight IntegrationsRequestbrightlight-integrations-integrations-requestRequest panel on grey: a two-tone h2 in seven columns, a line of copy and default and card buttons in five. Needs a Lexington MCP key.

Brightlight Pricing1brightlight-pricing-pricing-1Pricing: a two-tone h2 with a monthly or yearly toggle whose pill slides, then three tier cards, two grey and the featured one white with a badge, each with price, copy, a full width button and a dot list. Needs a Lexington MCP key.

Brightlight Stats1brightlight-stats-stats-1Stats row: a small two-tone heading in three columns, three grey cards in nine, each with a muted label on top and a large number at the bottom. Needs a Lexington MCP key.

Brightlight ColorSwatchesbrightlight-system-color-swatchesStyle guide colour swatches: each token as a rounded chip with its name and what it is used for. Needs a Lexington MCP key.

Brightlight MoreLinkSpecimenbrightlight-system-more-link-specimenStyle guide specimen of the read more link, alone and inside a sample card. Needs a Lexington MCP key.

Brightlight ShaderSpecimenbrightlight-system-shader-specimenStyle guide grid of every shader palette as a rounded tile, each with its name, a note and the colour stops. Needs a Lexington MCP key.

Brightlight TypeScalebrightlight-system-type-scaleStyle guide type scale: every Text variant from display to small, each with its name and sample line. Needs a Lexington MCP key.

Brightlight Testimonial3brightlight-testimonials-testimonial-3Testimonials: a large two-tone quote on a grey panel in eight columns beside a white highlight number card in four, then three grey quote cards with name and role below. Needs a Lexington MCP key.

Buio Postsbuio-blog-postsBlog index on the 4-column grid: sticky large heading and a list of every tag in the first column, post cards in a 1/2/3 grid across the other three. Needs a Lexington MCP key.

Buio Subscribebuio-blog-subscribeNewsletter signup in the middle two of four columns: large heading, one line of copy, a single email input with a floating label and a Submit button. Needs a Lexington MCP key.

Buio Entriesbuio-changelog-entriesChangelog index: two tone heading (white line, grey line) and a short lead, then every release as a ruled row with the date in the first column and a grayscale image, title and summary beside it. Needs a Lexington MCP key.

Buio Cta1buio-ctas-cta-1Centered call to action in a panel ruled on both sides with a grey gradient rim: large heading, one paragraph and two small buttons side by side. Needs a Lexington MCP key.

Buio Cta2buio-ctas-cta-2Partner form centered in two of four columns on a grey gradient: small label, large heading, lead, then first name, last name, company, email, country select and comments with floating labels and a Submit button. Needs a Lexington MCP key.

Buio Featuredbuio-customers-featuredFeatured customer story on the 4-column grid under a hairline: logo in the first column, heading, about paragraph, ruled list of results and a Read the story button across two, three detail pairs in the last. Needs a Lexington MCP key.

Buio Herobuio-customers-heroCustomers index: two tone heading and a short lead, then a 2/4 wall of white customer logos in ruled 16/9 cells. Needs a Lexington MCP key.

Buio Statsbuio-customers-statsStats strip: four big numbers with small grey labels in a 2/4 grid between two hairlines. Needs a Lexington MCP key.

Buio Faq1buio-faqs-faq-1FAQ on the 4-column grid: small label, heading, one line and a Contact button in the first column, native details and summary items with a rotating plus icon across the other three. No JavaScript. Needs a Lexington MCP key.

Buio Faq2buio-faqs-faq-2Static FAQ, no accordion: small label, large heading and paragraph in the middle two of four columns, then question and answer blocks stacked below, each behind a hairline left rule. Needs a Lexington MCP key.

Buio Feature1buio-features-feature-1Two tall panels side by side between vertical hairlines, each with a centered heading and paragraph over a grey gradient and a code window running off the bottom. Uses Astro's Code component. Needs a Lexington MCP key.

Buio Feature2buio-features-feature-2Shape feature grid: sticky two tone heading and paragraph in the first column, six items in a 1/2/3 grid across the other three, each a white line shape on a grey gradient above a title and copy behind a hairline left rule. Needs a Lexington MCP key.

Buio Feature3buio-features-feature-3Split feature: small label, two tone heading, paragraph and four label, title, copy items in a two column grid on the left half, a code window with three outlined dots on the right. Uses Astro's Code component. Needs a Lexington MCP key.

Buio Feature4buio-features-feature-4Feature grid on four columns: two tone heading and lead, then two wide grey gradient panels with white line shapes and four label, title, copy items under hairlines, set in a checkerboard. Needs a Lexington MCP key.

Buio Feature5buio-features-feature-5Feature row: two tone heading and lead, then four items in a 1/2/4 grid, each a square grey gradient panel with a white line shape above a white hairline, title and copy. Needs a Lexington MCP key.

Buio Feature6buio-features-feature-6Tabbed feature in two columns: small label, heading and four tab buttons (label, title, copy) behind hairline left rules, matching code windows on the right. Inline script switches tabs and fades the code in. Needs a Lexington MCP key.

Buio Contactbuio-forms-contactContact page split on the 4-column grid: two tone heading, lead and two email pairs in the left half, a form with first name, last name, company, email, country select and comments, floating labels and a Submit button in the right half. Needs a Lexington MCP key.

Buio SignInbuio-forms-sign-inSign in screen at full height on the 4-column grid: two tone heading, lead and a Go back home link in the left half, email and password with floating labels, a remember me checkbox, Submit and a Google button in the right half. Needs a Lexington MCP key.

Buio SignUpbuio-forms-sign-upSign up screen at full height on the 4-column grid: two tone heading, lead and a Go back home link in the left half, an email field with a floating label, a remember me checkbox, Submit and a Google button in the right half. Needs a Lexington MCP key.

Buio Hero1buio-headers-hero-1Full height hero on a soft top glow: two tone headline, lead and two small buttons stacked in the left half, a grey gradient panel with white concentric circles in the right half running down to the four logo cloud (logo-cloud-1) under a hairline. Needs a Lexington MCP key.

Buio Hero2buio-headers-hero-2Centered full height hero inside faint 1px concentric rings and a crosshair, fading out with a radial mask: two tone headline, short paragraph and two small buttons. One inline SVG, no images. Needs a Lexington MCP key.

Buio KnowledgeBasebuio-helpcenter-knowledge-baseKnowledge base index: two tone heading and lead, then resources in ruled cells with a title, description and a small grey button each. Needs a Lexington MCP key.

Buio Statusbuio-helpcenter-statusNetwork status page: huge two tone heading with a last block synced time, a ruled ledger of services with a green, red or white dot, state and 90 day uptime, then past incidents with time, state and note. Needs a Lexington MCP key.

Buio Topicsbuio-helpcenter-topicsHelp center index: two tone heading and lead with Knowledge base and Network status buttons on the right, then every topic as a ruled row with its description. Needs a Lexington MCP key.

Buio Directorybuio-integrations-directoryIntegrations index: two tone heading and lead, then a 1/2/4 grid of integrations, each a white logo on a grey gradient panel above a hairline, name, description and a View integration line. Needs a Lexington MCP key.

Buio Ctabuio-jobs-ctaCentered careers call to action in a panel ruled on both sides with a grey gradient rim: large heading, one paragraph and a single button to the jobs index. Needs a Lexington MCP key.

Buio Culturebuio-jobs-cultureCareers culture on the 4-column grid: Why we build heading beside two prose paragraphs under a hairline, then Benefits heading beside six benefits in a 1/3 grid. Needs a Lexington MCP key.

Buio Herobuio-jobs-heroCareers hero: two tone heading and lead across three of four columns, a See open positions button in the last. Needs a Lexington MCP key.

Buio Positionsbuio-jobs-positionsOpen positions ledger: a header row with team and location labels, then every role as a ruled row with its title, team and location. Needs a Lexington MCP key.

Buio Herobuio-notfound-heroFull height 404 on a grey gradient rising from the bottom: a giant 404 at the top, a short heading, paragraph and two buttons in the right half below. Needs a Lexington MCP key.

Buio Pricing1buio-pricing-pricing-1Pricing on the 4-column grid: small label, two tone heading and paragraph in the first column, three plans across the other three, each with name, popular badge, price, blurb, button and check list. No toggle. Needs a Lexington MCP key.

Buio Pricing3buio-pricing-pricing-3Four plans in a 1/2/4 grid under a heading block, each with name, popular badge, price, blurb, button and check list, then the eight logo cloud (logo-cloud-2) below. Needs a Lexington MCP key.

Buio Stats1buio-stats-stats-1Network stats: two tone heading and paragraph split across the grid, an inline SVG area chart with quarter labels under a hairline, then four big numbers with labels in a 2/4 grid. Needs a Lexington MCP key.

Buio Stats2buio-stats-stats-2Network stats as a ledger: two tone heading and paragraph split across the grid, then ruled rows with a huge number across two columns, a label and a short note. Needs a Lexington MCP key.

Buio Buttonsbuio-system-buttonsStyle guide buttons: system header, then every Button variant at every size with text and icon only, in ruled rows. Needs a Lexington MCP key.

Buio Colorsbuio-system-colorsStyle guide colours: system header, then ruled rows per token group with 4/3 swatches, names, token names and values. Needs a Lexington MCP key.

Buio Linksbuio-system-linksStyle guide links: system header, then ruled rows for navigation, footer, tag and inline text links, followed by every button as a link. Needs a Lexington MCP key.

Buio Typographybuio-system-typographyStyle guide typography: system header, then every Text variant in Geist as a ruled row, a two tone heading example and a Geist Mono code line. Needs a Lexington MCP key.

Buio Membersbuio-team-membersTeam page on the 4-column grid: small label and two tone heading across two columns, then team member cards in a 1/2/4 grid. Needs a Lexington MCP key.

Buio LogoCloud1buio-testimonials-logo-cloud-1small heading line and a 2/4 grid of four dimmed logos. Takes only an optional class, no data props, so it can also drop straight into a page. Needs a Lexington MCP key.

Buio LogoCloud2buio-testimonials-logo-cloud-22/4 grid of eight dimmed logos with a centered heading line underneath. Takes only an optional class, no data props; used inside pricing-3. Needs a Lexington MCP key.

Buio Testimonial1buio-testimonials-testimonial-1Testimonial carousel on the 4-column grid: small label, heading and previous and next buttons in the first column, keen-slider (CDN) slides across the other three, each with a grayscale portrait, name, role and a large quote. Needs a Lexington MCP key.

Buio Testimonial2buio-testimonials-testimonial-2Static testimonials: small label and two tone heading, then four columns each with a grayscale square portrait behind a hairline left rule, name, role and a short quote. No JavaScript. Needs a Lexington MCP key.

Buio Chaptersbuio-whitepaper-chaptersWhitepaper cover: two tone heading and lead with a Start reading button, then six numbered chapters as ruled rows with title and description. Needs a Lexington MCP key.

Carbon BlogPreviewcarbon-landing-blog-previewHeading and see all button in a row, then a three column grid of blog cards with framed image, date and tag line and title. Needs a Lexington MCP key.

Carbon Herocarbon-landing-heroCentered hero with only text: two line thin serif display heading and one paragraph in a narrow column, no buttons, no image, generous top padding. Needs a Lexington MCP key.

Carbon SitesPreviewcarbon-landing-sites-previewHorizontal scrolling row of tag buttons above a four column grid of site cards with a sponsor card inserted after the third and a show more button when needed. Needs a Lexington MCP key.

Carbon StorePreviewcarbon-landing-store-previewHeading and see all button in a row, then a three column grid of product cards with framed image and a price and title line. Needs a Lexington MCP key.

Carriera Historycarriera-about-history"Since 2019": a lead sentence on the left, a medium statement on the right, then a full width timeline of years in display type, each with a short paragraph. Needs a Lexington MCP key.

Carriera Introcarriera-about-introPage intro: "About Carriera" lead sentence on the left, a display headline and a paragraph on the right, then a full width row of four big numbers with labels. Needs a Lexington MCP key.

Carriera Rulescarriera-about-rules"Three answers": a lead sentence and a medium statement with an arrow link, then three numbered rules in big display numerals, each with a title and a line. Needs a Lexington MCP key.

Carriera Teamcarriera-about-team"Four people": a lead sentence and a medium statement with a write to us button, then a full width row of team cards with portrait, name and role. Data inlined. Needs a Lexington MCP key.

Carriera Formcarriera-alerts-formJob alerts signup: lead sentence and display headline, then a form of field checkboxes with colour chips, open roles and weekly counts, then places, salary and email. Data inlined. Needs a Lexington MCP key.

Carriera Samplecarriera-alerts-sample"Last Tuesday": a lead sentence and a medium statement over a full width list of four job rows with field chip, company, place, level and salary. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-blog-introBlog intro: lead sentence, display headline and topic pills with post counts, then a full width card for the latest post with its meta, title, description and author. Data inlined. Needs a Lexington MCP key.

Carriera Morecarriera-blog-more"More articles": a lead sentence with a browse by topic arrow link over a full width grid of blog cards with photo, topic, date and title. Data inlined. Needs a Lexington MCP key.

Carriera Topicscarriera-blog-topics"Topics": every blog topic as a full width row with its name, the latest article title, the article count and date, and an arrow. Data inlined. Needs a Lexington MCP key.

Carriera Fieldscarriera-categories-fieldsOne block per field of work: colour chip and name, open roles and median salary, an arrow link, three job rows and a stack of company marks hiring. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-categories-introCategories intro: lead sentence and display headline, anchor pills for each field with its colour chip, then a row of facts. Data inlined. Needs a Lexington MCP key.

Carriera Directorycarriera-companies-directory"All companies": a medium statement with the team count and size range, then a full width list of companies with mark, industry, city, people and open roles. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-companies-introCompanies intro: lead sentence and display headline over a full width row of three company cards with cover photos. Data inlined. Needs a Lexington MCP key.

Carriera Formcarriera-contact-formContact: lead sentence, display headline and a paragraph beside a form with topic radio cards, name, email and message, and the face and name of the person who will reply. Needs a Lexington MCP key.

Carriera Othercarriera-contact-other"Other ways in": a lead sentence and a medium statement over full width rows, each a title, a line and an arrow label link. Needs a Lexington MCP key.

Carriera Introcarriera-employers-introFor employers hero: lead sentence, display headline, a post a job button and pricing link, then a full bleed photo with a floating listing card on it. Needs a Lexington MCP key.

Carriera Quotecarriera-employers-quoteHiring team quote: a lead sentence and a big display line, then a full width testimonial card with portrait, quote, name and a highlighted stat. Needs a Lexington MCP key.

Carriera Stepscarriera-employers-steps"How it works": a lead sentence and a medium statement over three numbered steps in a row, each with a title and a paragraph. Needs a Lexington MCP key.

Carriera Contactcarriera-help-contact"Still stuck": a closing band with a lead sentence, a medium statement, a primary write to us button and an arrow link. Needs a Lexington MCP key.

Carriera Introcarriera-help-introHelp center intro: lead sentence and display headline over a full width row of topic cards, each with a name, a line and its answers count. Data inlined. Needs a Lexington MCP key.

Carriera Topicscarriera-help-topicsOne section per help topic: the topic as the lead sentence on the left and its questions as native details accordions with a plus icon on the right. Data inlined. Needs a Lexington MCP key.

Carriera Boardcarriera-jobs-boardJob board: a sticky bar with the role count, search, a filters button and sort, a filter drawer (field, level, place, workplace, type, salary) and a list of job rows, all filtered in the browser. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-jobs-introJobs intro: a lead sentence on the left and a display headline on the right. Nothing else. Needs a Lexington MCP key.

Carriera Articlescarriera-landing-articles"From the blog": a lead sentence, a medium statement and an all articles link over a full width row of blog cards. Data inlined. Needs a Lexington MCP key.

Carriera BrowseRolescarriera-landing-browse-roles"Four fields of work": a lead sentence, a medium statement and a remote roles link over a full width grid of field tiles with colour chips and role counts. Needs a Lexington MCP key.

Carriera Companiescarriera-landing-companies"Teams hiring now": a lead sentence, a medium statement and an all companies link over a full width row of company cards with cover photos. Data inlined. Needs a Lexington MCP key.

Carriera Herocarriera-landing-heroHome hero: a live open roles line, a display headline, a paragraph and a job search form with keyword, location and a search button, over a full bleed parallax photo. Needs a Lexington MCP key.

Carriera LatestJobscarriera-landing-latest-jobs"Latest jobs": a lead sentence, a medium statement and a browse button, then a large featured job card beside a list of job rows. Data inlined. Needs a Lexington MCP key.

Carriera Salariescarriera-landing-salaries"Salary guide" teaser: a lead sentence and a medium statement over a full width table of roles with field chip, range and a big median. Data inlined. Needs a Lexington MCP key.

Carriera Statscarriera-landing-statsFounder statement in display type with a small captioned portrait, then four big counting numbers with a live dot, a stack of faces and small notes. Needs a Lexington MCP key.

Carriera Testimonialscarriera-landing-testimonials"In their own words": a lead sentence and a big display line, then a full width testimonial card with portrait, quote, name and a highlighted stat. Needs a Lexington MCP key.

Carriera Citiescarriera-locations-cities"Cities": a lead sentence and a medium statement over a full width grid of city tiles with country, open roles and pay against the European median. Needs a Lexington MCP key.

Carriera Introcarriera-locations-introLocations intro: lead sentence and display headline beside a row of facts about cities, remote roles and pay. Data inlined. Needs a Lexington MCP key.

Carriera Remotecarriera-locations-remote"Remote": a lead sentence, a medium statement and a see all link over a full width list of four remote job rows. Data inlined. Needs a Lexington MCP key.

Carriera NotFoundcarriera-not-found-not-foundError 404: lead sentence, display headline and a paragraph, with a browse all jobs button and a back to home arrow link. Needs a Lexington MCP key.

Carriera Formcarriera-post-formPost a job: a five step form (the role, the salary, the team, the company and the plan) with a field select, salary range and a live preview card that fills in as you type. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-post-introPost a job intro: lead sentence, display headline and a paragraph, then a full width row of three small facts about time, review and price. Needs a Lexington MCP key.

Carriera AddOnscarriera-pricing-add-ons"Add-ons": a lead sentence and a medium statement over full width rows, each with a name, a line, a big price per listing and the result it gets. Needs a Lexington MCP key.

Carriera Comparecarriera-pricing-compare"Side by side": a lead sentence and a medium statement over a plan comparison table with a feature column and one column per plan. Needs a Lexington MCP key.

Carriera Planscarriera-pricing-plansPricing: lead sentence, display headline and a paragraph, then three muted plan cards with name, note, price, a what you get list, company marks of users and a button, the featured one primary. Data inlined. Needs a Lexington MCP key.

Carriera Citiescarriera-salaries-cities"Eight cities": a lead sentence and a medium statement over a full width list of cities with a big salary for the featured role and pay against Europe. Data inlined. Needs a Lexington MCP key.

Carriera Introcarriera-salaries-introSalary guide intro: lead sentence, display headline and a paragraph beside a live lookup with role, level and city selects and a big median with its range. Data inlined. Needs a Lexington MCP key.

Carriera Rolescarriera-salaries-roles"Ten roles, four levels": a lead sentence, a medium statement and an arrow link over a table of roles with field chips and a median for junior, mid, senior and lead. Data inlined. Needs a Lexington MCP key.

Carriera Buttonscarriera-system-buttonsStyle guide buttons page: a lead sentence and a display headline over every Button variant at every size, with and without a label. Needs a Lexington MCP key.

Carriera Colorscarriera-system-colorsStyle guide colours page: a lead sentence and a display headline over groups of colour swatches, each with its name and token, including one colour per field of work. Data inlined. Needs a Lexington MCP key.

Carriera Linkscarriera-system-linksStyle guide links page: arrow links in each tone at every size, then every Button variant rendered as a link. Needs a Lexington MCP key.

Carriera Typographycarriera-system-typographyStyle guide type page: every Text variant as a full width row with its name, where it is used and a sample line. Needs a Lexington MCP key.

Carriera Introcarriera-team-introTeam intro: lead sentence, display headline, a paragraph and a write to us button over a full width row of team cards with portrait, name and role. Data inlined. Needs a Lexington MCP key.

Carriera Receivedcarriera-thank-you-receivedThank you: lead sentence, display headline and a paragraph beside a listing card in review with field chip, title, company, place and facts. Data inlined. Needs a Lexington MCP key.

Carrington AttorneyRecognitionscarrington-awards-attorney-recognitionsAttorney honours: eyebrow beside serif heading and lead, then greige cards in a 2/4 grid with square portrait, recognition title, organisation and attorney name. Needs a Lexington MCP key.

Carrington AwardsHerocarrington-awards-awards-heroInner page intro: large serif h1 with a muted paragraph beneath, set with top padding for a floating nav. Needs a Lexington MCP key.

Carrington MajorAwardscarrington-awards-major-awardsAwards grid: eyebrow in the first of four columns beside a serif heading and lead, then a 2/4 grid of greige award cards with year, serif title and issuing body. Needs a Lexington MCP key.

Carrington ProfessionalMembershipscarrington-awards-professional-membershipsMemberships: eyebrow beside serif heading and lead, a six logo cloud of associations, then a greige panel with closing heading, copy and two buttons. Needs a Lexington MCP key.

Carrington ProfessionalRankingscarrington-awards-professional-rankingsRankings table: eyebrow beside serif heading and lead, then a greige table of publications, rankings, practice areas and years in hairline rows. Needs a Lexington MCP key.

Carrington BlogIndexcarrington-blog-blog-indexBlog index: large serif h1 and paragraph, the newest post as a featured split card, then the rest in a three column grid of compact cards. Needs a Lexington MCP key.

Carrington CareersIndexcarrington-careers-careers-indexCareers index: h1 split with paragraph, a wide library photo under a teal tint, then open positions grouped by type with job cards in two columns. Needs a Lexington MCP key.

Carrington CasesIndexcarrington-cases-cases-indexCases index: serif h1 and paragraph above a two column grid of square case tiles with overlaid title and client. Needs a Lexington MCP key.

Carrington ContactHerocarrington-contact-contact-heroContact split: greige panel with h1, phone, email and address rows and a business hours list beside a dark teal form with name, email, phone, practice area select and message. Needs a Lexington MCP key.

Carrington ContactOfficescarrington-contact-contact-officesOffices pair: serif heading over two columns, each a greige office card with name, address and hours above an embedded map. Needs a Lexington MCP key.

Carrington FaqListcarrington-faq-faq-listFAQ split: h1, short note and a muted contact button in the left column, a hairline accordion of questions with plus icons across the other two. Needs a Lexington MCP key.

Carrington ConsultationBenefitscarrington-free-consultation-consultation-benefitsBenefits grid: eyebrow beside serif heading and lead, then four greige cards with gold icon, serif title and short copy. Needs a Lexington MCP key.

Carrington ConsultationFaqcarrington-free-consultation-consultation-faqConsultation FAQ: serif heading beside a hairline accordion, then a greige panel with an urgent help heading, copy and a call button. Needs a Lexington MCP key.

Carrington ConsultationHerocarrington-free-consultation-consultation-heroConsultation intro: large serif h1 and paragraph with a short checklist of what the free consultation includes. Needs a Lexington MCP key.

Carrington ConsultationSchedulecarrington-free-consultation-consultation-scheduleBooking form: sticky greige column with heading, steps and contact details beside a dark teal form with name, contact, practice area, date, time and message fields and a consent line. Needs a Lexington MCP key.

Carrington Aproachcarrington-landing-aproachProcess split: sticky dark teal panel with heading, paragraph and inset image quote on one side, four stacking step cards with italic ordinals, bullets and closing buttons on the other. Needs a Lexington MCP key.

Carrington FeaturedAttorneyscarrington-landing-featured-attorneysFour column header with kicker, heading and paragraph, two split team cards with portrait, name, role and contact details, then a panel with team count and two buttons. Needs a Lexington MCP key.

Carrington Herocarrington-landing-heroPhoto hero filling the screen: full-bleed library photo under a light dark teal tint, then a 2/1 row below with a large serif headline beside a small paragraph, tops aligned. Needs a Lexington MCP key.

Carrington HighlightsCasescarrington-landing-highlights-casesTinted section with kicker, heading and paragraph header, two square case cards with overlaid title and client, then a white panel with case count and a button. Needs a Lexington MCP key.

Carrington HighlightsPracticecarrington-landing-highlights-practiceKicker, heading and paragraph header above a two column grid of four square practice cards with overlaid title and summary, then a panel with count and two buttons. Needs a Lexington MCP key.

Carrington LandingStatscarrington-landing-landing-statsStats on a greige panel: eyebrow beside serif heading and paragraph, then six stats in a 2/3/6 grid with uppercase labels and italic serif numbers counting up on scroll. Needs a Lexington MCP key.

Carrington Philosophycarrington-landing-philosophyValues section: eyebrow in one column, serif heading with two paragraphs across three, then three greige cards in a row, each with an icon, serif title and short copy. Needs a Lexington MCP key.

Carrington NewsletterBenefitscarrington-newsletter-newsletter-benefitsWhat you get: serif heading over four greige cards with gold icon, serif title and one line description. Needs a Lexington MCP key.

Carrington NewsletterCommunitycarrington-newsletter-newsletter-communityCommunity stats: eyebrow beside serif heading and lead, then a row of stats divided by hairlines with uppercase labels above italic serif numbers. Needs a Lexington MCP key.

Carrington NewsletterHerocarrington-newsletter-newsletter-heroNewsletter signup split: h1 and paragraph on a greige panel beside a dark teal form with name, email, interest select, consent and subscribe button. Needs a Lexington MCP key.

Carrington NotFoundcarrington-notfound-not-found404 page: large serif heading, apology and a home button, four columns of helpful links divided by hairlines, then a greige panel with a contact button. Needs a Lexington MCP key.

Carrington OfficeLocationscarrington-offices-office-locationsOffice list: h1 and paragraph, then alternating office blocks with photo, address, phone, hours, services list, an embedded map and a directions button. Needs a Lexington MCP key.

Carrington OfficesCtacarrington-offices-offices-ctaClosing panel: greige block with serif heading and short copy beside two buttons aligned to the bottom. Needs a Lexington MCP key.

Carrington PracticesIndexcarrington-practices-practices-indexPractice areas index: serif h1 and paragraph above a two column grid of square practice tiles with overlaid title and summary. Needs a Lexington MCP key.

Carrington FeaturedIncarrington-press-and-media-featured-inFeatured in: eyebrow beside serif heading and lead, a ten logo media cloud, then a greige media inquiries panel with heading, copy and a button. Needs a Lexington MCP key.

Carrington MediaImpactcarrington-press-and-media-media-impactMedia stats: eyebrow beside serif heading and lead, then a row of stats divided by hairlines with uppercase labels above italic serif numbers. Needs a Lexington MCP key.

Carrington PressCoveragecarrington-press-and-media-press-coveragePress and media: h1 and paragraph beside recent press release cards, then a coverage list of outlets, headlines and dates in hairline rows. Needs a Lexington MCP key.

Carrington PressIndexcarrington-press-press-indexPress releases index: h1 and paragraph in the left column, a list of greige press cards with date, category, title and excerpt across the other two. Needs a Lexington MCP key.

Carrington Colorscarrington-system-colorsColour tokens: sticky intro beside a 2/3 grid of six square swatches for background, foreground, muted, muted foreground, accent and secondary, each with name and variable. Needs a Lexington MCP key.

Carrington Typographycarrington-system-typographyType scale: sticky intro beside two hairline lists, every display variant in Newsreader and every text variant in Inter, each with a gold label above a sample. Needs a Lexington MCP key.

Carrington TeamIndexcarrington-team-team-indexAttorneys index: serif h1 and paragraph above a two column grid of split team cards with portrait, name, role and contact details. Needs a Lexington MCP key.

Carrington LogoCloudcarrington-testimonials-logo-cloudStatic grid of ten media logos in 2/3/5 columns, each on a square greige tile that scales the logo on hover. No heading, no wrapper, place inside your own section. Needs a Lexington MCP key.

Carrington LogoCloud2carrington-testimonials-logo-cloud-2Static grid of six association logos in 2/3/6 columns, each on a square greige tile that scales the logo on hover. No heading or wrapper, place inside your own section. Needs a Lexington MCP key.

Carrington TestimonialStoriescarrington-testimonials-testimonial-storiesClient stories: alternating rows of a tall portrait beside a dark teal panel with quote icon, serif headline, blockquote, client name, role and company. Needs a Lexington MCP key.

Carrington TestimonialsCtacarrington-testimonials-testimonials-ctaClosing panel: greige block with serif heading and short copy beside two buttons aligned to the bottom. Needs a Lexington MCP key.

Carrington TestimonialsHerocarrington-testimonials-testimonials-heroTestimonials intro: h1 and paragraph above a row of client stats divided by hairlines, uppercase labels over italic serif numbers. Needs a Lexington MCP key.

Coleman Beliefscoleman-about-beliefsSection heading, then four touching tiles in alternating greys, each led by a big light numeral with a title and a short line. Needs a Lexington MCP key.

Coleman Floorcoleman-about-floorFull-screen dark floor plan: a heading, then five touching tiles, one per training zone, each with its name, area in square metres and what is in it. Needs a Lexington MCP key.

Coleman Herocoleman-about-heroFull-screen dark WebGL shader hero: slow streaks of light, the page title low on the left and a short intro beside it. Needs a Lexington MCP key.

Coleman Storycoleman-about-storyFull-bleed split: a photo edge to edge on the left with a dot grid, the story and a ruled list of years on the right. Needs a Lexington MCP key.

Coleman Visitcoleman-about-visitFull-bleed photo with a dot grid and blended white type: an invitation to visit, the address and a button. Needs a Lexington MCP key.

Coleman Gridcoleman-classes-gridPill chip filter by category, then every class as a full-bleed photo tile with no gaps: name, duration, level and sessions per week. Needs a Lexington MCP key.

Coleman Herocoleman-classes-heroFull-screen light page intro, centred: a strip of six square class photos above the title and a sessions-per-week count. Needs a Lexington MCP key.

Coleman Portraitscoleman-coaches-portraitsFull-screen 3 by 2 grid with no gaps: a title tile, four coach portraits with name and role, and a one to one tile with a link. Needs a Lexington MCP key.

Coleman GettingHerecoleman-contact-getting-hereFull-screen dark section: a heading up top and four big travel rows below (metro, bus, bike, car), each with a line of directions. Needs a Lexington MCP key.

Coleman Herocoleman-contact-heroFull-screen light contact intro: a big h1 and short lead up top, four touching detail tiles along the bottom for address, hours, phone and email. Needs a Lexington MCP key.

Coleman Messagecoleman-contact-messageFull-height contact form on a light WebGL shader: heading and desk line on the left, a white rounded card on the right with fields, topic chips and a submit button. Needs a Lexington MCP key.

Coleman Askcoleman-faq-askFull-bleed split: a photo on the left, a dark panel on the right asking for a note or a call, with a button. Needs a Lexington MCP key.

Coleman Herocoleman-faq-heroFull-screen light FAQ intro: the title on the left, the question topics as a big numbered index with counts on the right. Needs a Lexington MCP key.

Coleman Questionscoleman-faq-questionsFAQ bands, one full-bleed band per topic in alternating greys: the topic on the left, accordion questions on the right. Needs a Lexington MCP key.

Coleman Bookingcoleman-free-trial-bookingFree trial form on a light WebGL shader: what's included on the left, a white rounded card on the right to pick up to three classes as chips, experience, preferred times and details. Needs a Lexington MCP key.

Coleman DayOnecoleman-free-trial-day-oneFull-bleed split: a photo on the left, the first day as timed steps read down the right. Needs a Lexington MCP key.

Coleman Herocoleman-free-trial-heroSplit page intro: a big h1, a short lead, a button and stacked coach avatars on one side, a class photo with a coach greeting card on the other. Needs a Lexington MCP key.

Coleman Classescoleman-landing-classesFull-screen split: a numbered list of six classes on the left, the hovered class fills the right with its photo, a huge index numeral and a fixed white card of details. Needs a Lexington MCP key.

Coleman Coachescoleman-landing-coachesSection heading, then four coach portraits edge to edge; hovering lifts a white panel with what each coach teaches. Needs a Lexington MCP key.

Coleman Floorcoleman-landing-floorFull-screen photo with measurement lines drawn over the athlete (an arc, a height rule, numbered points) and a big h2 above four counting specs. Needs a Lexington MCP key.

Coleman Herocoleman-landing-heroFull-screen photo hero with a live interface over it: measurement lines and numbered points on the athletes, a huge blended h1, a clock and open status, the next four classes, and a capacity bar. Needs a Lexington MCP key.

Coleman Membershipscoleman-landing-membershipsFull-screen memberships teaser: heading and a short line up top, three plans edge to edge below, each price set big on a class photo with its features and a button. Needs a Lexington MCP key.

Coleman Studiocoleman-landing-studioFull-screen split with a measured barbell photo and a statement, followed by a full-bleed photo with three huge counting numbers. Needs a Lexington MCP key.

Coleman Todaycoleman-landing-todayFull-screen split: a light WebGL shader with the live clock and day name on one half, day tabs and the day's session rows on the other. Needs a Lexington MCP key.

Coleman Trialcoleman-landing-trialFull-screen photo with a huge blended h2 and a dark rounded panel: the free week offer, three numbered steps and a light button. Needs a Lexington MCP key.

Coleman Comparecoleman-memberships-compareSplit comparison table: the heading holds on the left while a table of what each plan includes reads on the right, with checks and values. Needs a Lexington MCP key.

Coleman Ctacoleman-memberships-ctaFull-screen dark WebGL shader call to action: a huge h2, three numbered steps and a light button. Needs a Lexington MCP key.

Coleman Herocoleman-memberships-heroFull-screen photo page intro with a dot grid: the starting monthly price as the h1, set huge in blended white type. Needs a Lexington MCP key.

Coleman Passescoleman-memberships-passesFull-bleed split: a photo carrying the heading and discounts on one side, four class pack and drop-in tiles in a 2 by 2 grid with big prices on the other. Needs a Lexington MCP key.

Coleman Planscoleman-memberships-plansThree membership plans as full-height touching panels with a monthly and yearly toggle; the last plan sits on a light WebGL shader. Needs a Lexington MCP key.

Coleman Termscoleman-memberships-termsFull-bleed split: numbered term tiles on the left, a tall photo on the right. Needs a Lexington MCP key.

Coleman Herocoleman-not-found-heroFull-screen 404 on a light WebGL shader: the message and a button low on the left, the error code as a huge numeral on the right. Needs a Lexington MCP key.

Coleman Herocoleman-personal-training-heroPage intro: the title and a lead in a light band, then the coaches who take clients as portraits edge to edge. Needs a Lexington MCP key.

Coleman Packagescoleman-personal-training-packagesTwo full-height pricing panels side by side, one light and one dark, each listing session packages with a per-session price and a big total. Needs a Lexington MCP key.

Coleman Quotecoleman-personal-training-quoteFull-bleed photo with a dot grid and a large client quote in blended white type with the client's name. Needs a Lexington MCP key.

Coleman Stepscoleman-personal-training-stepsHow it works: a heading, then four full-bleed tiles in a row, each a big light step number, a title and a line. Needs a Lexington MCP key.

Coleman ButtonSetcoleman-system-button-setStyle guide: one full-bleed tile per button variant, each on the ground it is meant for. Needs a Lexington MCP key.

Coleman LinkSetcoleman-system-link-setStyle guide: one full-bleed tile per kind of text link with an arrow, no gaps. Needs a Lexington MCP key.

Coleman ShaderSetcoleman-system-shader-setStyle guide: both WebGL shader palettes side by side at full height, each with its colours and the line to use it. Needs a Lexington MCP key.

Coleman Swatchescoleman-system-swatchesStyle guide: every colour token as a full-bleed tile with its name and value, no gaps. Needs a Lexington MCP key.

Coleman TypeScalecoleman-system-type-scaleStyle guide: each text style as a row, the name and use on the left, a real line of copy on the right. Needs a Lexington MCP key.

Coleman Herocoleman-timetable-heroFull-height timetable intro in four full-bleed columns split by hairlines: the title, a live clock, classes left today and the open status. Needs a Lexington MCP key.

Coleman Weekcoleman-timetable-weekWeekly timetable grid: one column per day with a count, one card per class with time, name, coach and spots left; filter selects for class, coach and level. Needs a Lexington MCP key.

Copperlane CaseFilescopperlane-landing-case-files"Recent repairs, written up": heading with a link to all case files, then three case file cards in a row with the car, mileage, hours and bill. Data inlined. Needs a Lexington MCP key.

Copperlane Faqcopperlane-landing-faq"Before your first visit": a graphite panel with the phone number and email beside five questions as grey accordion rows. Needs a Lexington MCP key.

Copperlane Fleetcopperlane-landing-fleet"Company cars, serviced without the paperwork": four tiles in grey, graphite and yellow with a label, a large term and a sentence each, then a button. Needs a Lexington MCP key.

Copperlane Herocopperlane-landing-heroSplit hero: location and year, a large headline, a short line and a yellow block button on the left; a full height car photo on the right with a grey next free slot bar and a graphite labour rate bar under it. Needs a Lexington MCP key.

Copperlane Inspectioncopperlane-landing-inspection"A photo report before any work starts": an inspection photo beside a grey list of measured checks, a graphite car row on top and a yellow approval row at the bottom. Needs a Lexington MCP key.

Copperlane Makescopperlane-landing-makesMakes statement: a large line naming the makes with a link, then a tall photo beside four square figure tiles that count up on scroll. Needs a Lexington MCP key.

Copperlane Pricescopperlane-landing-prices"Fixed prices for the work we do most": a grey list of jobs with prices, the selected one turns yellow and swaps the photo beside it, with a price and duration bar docked at the bottom. Needs a Lexington MCP key.

Copperlane Reviewscopperlane-landing-reviews"What drivers say after collection": two reviews side by side, each a portrait next to a grey or graphite tile with the quote, the driver and the car; link to all reviews. Needs a Lexington MCP key.

Copperlane Visitcopperlane-landing-visit"Most cars are back the same afternoon": a full width workshop photo with a four step timeline of times docked along its bottom edge. Needs a Lexington MCP key.

Duckbutt Introduckbutt-about-introFull-screen page intro: a huge light h1 on the left, a short caption and a paragraph on the right over a row of small asymmetric photos that reveal on scroll. Needs a Lexington MCP key.

Duckbutt Principlesduckbutt-about-principlesFull-screen numbered list of three principles, each a title and one sentence, in hairline rows beside a light h2. Needs a Lexington MCP key.

Duckbutt Storyduckbutt-about-storyFull-screen story: a tall photo on the left, a light h2 and a paragraph on the right above a ruled year and event timeline as a definition list. Needs a Lexington MCP key.

Duckbutt Bookingduckbutt-book-bookingBooking form in four numbered steps, each with a small light h2: service, barber and time picked as pill chips that fill dark when checked (barbers with small portraits), then details with underline inputs and a submit button. Needs a Lexington MCP key.

Duckbutt Benefitsduckbutt-careers-benefitsFull-screen dark panel: a light h2 on the left and a two-column grid of six benefits, each a title and short line under a hairline rule. Needs a Lexington MCP key.

Duckbutt Introduckbutt-careers-introFull-screen page intro: a huge light h1 and a short paragraph on the left, a large lead paragraph on the right above a row of four captioned team portraits. Needs a Lexington MCP key.

Duckbutt Openingsduckbutt-careers-openingsFull-screen list of open roles in hairline rows, each a title, a muted schedule line and a description, beside a light h2, a short paragraph and an Apply button. Needs a Lexington MCP key.

Duckbutt Formduckbutt-contact-formFull-screen muted panel: a light h2 and short paragraph on the left, a contact form on the right with underline inputs for name, email, a topic select and a message. Needs a Lexington MCP key.

Duckbutt Locationsduckbutt-contact-locationsFull-screen page intro: a huge light h1 on the left, one block per location on the right, each a light h2 name, address, phone and directions beside opening hours as ruled definition rows. Needs a Lexington MCP key.

Duckbutt Questionsduckbutt-faq-questionsFull-screen FAQ: a huge light h1, questions grouped under small muted headings, each a native details element with a plus icon that opens with a smooth height transition. Needs a Lexington MCP key.

Duckbutt Introduckbutt-gift-cards-introFull-screen page intro: a huge light h1, a dark gift card mockup with the amount in light display type, and a ruled list of amounts with what each covers. Needs a Lexington MCP key.

Duckbutt Termsduckbutt-gift-cards-termsFull-screen centred statement: one large light display paragraph with the gift card terms, and a single line of muted small print below. Needs a Lexington MCP key.

Duckbutt Barbersduckbutt-landing-barbersFull-screen team section: a light h2, a short paragraph and an All barbers button across the top, a four-column grid of portrait cards with name and speciality below. Needs a Lexington MCP key.

Duckbutt Heroduckbutt-landing-heroFull-screen photo hero with a flat dark overlay, a huge light h1 in off-white and a small row of address, hours and a line at the bottom. Pins and recedes, scaling down and fading, as the next section scrolls over it. Needs a Lexington MCP key.

Duckbutt Lookbookduckbutt-landing-lookbookFull-screen lookbook: a light h2, paragraph and All looks button over two small captioned photos on the left, one large captioned photo on the right; photos zoom on hover. Needs a Lexington MCP key.

Duckbutt Membershipsduckbutt-landing-membershipsFull-screen membership teaser: a light h2, paragraph and button across the top, three plans below in an asymmetric 5, 3 and 4 column split, each a name, monthly price and what is included. Needs a Lexington MCP key.

Duckbutt Quoteduckbutt-landing-quoteFull-screen testimonial: a large light blockquote in balanced text, with a small square portrait, name and a muted line underneath. Needs a Lexington MCP key.

Duckbutt Servicesduckbutt-landing-servicesFull-screen services list: a light h2, paragraph and Full price list button on the left, hairline rows of service name, duration and price on the right that dim on hover. Needs a Lexington MCP key.

Duckbutt Shopduckbutt-landing-shopFull-screen about-the-room section: two photos of different sizes aligned to the bottom on the left, a light h2 and a large muted paragraph on the right. Needs a Lexington MCP key.

Duckbutt Statementduckbutt-landing-statementFull-screen statement: one centred light display paragraph in balanced text, alone on the off-white ground. Covers the hero as it recedes. Needs a Lexington MCP key.

Duckbutt Visitduckbutt-landing-visitFull-screen dark panel: a light h2 and the address with a short note on the left, opening hours as ruled rows on the right with a Book a chair button. Needs a Lexington MCP key.

Duckbutt Introduckbutt-memberships-introFull-screen dark page intro: a small h1 and caption on the left, a large lead paragraph on the right above a numbered three-column How it works list. Needs a Lexington MCP key.

Duckbutt Plansduckbutt-memberships-plansFull-screen plans: a light h2 and paragraph across the top, three columns under hairline rules, each a name, monthly price, saving, description and included list with a button. Needs a Lexington MCP key.

Duckbutt Introduckbutt-prices-introFull-screen dark page intro: a small centred photo with a huge light h1 set over it, and a row of three small facts along the bottom. Needs a Lexington MCP key.

Duckbutt Notesduckbutt-prices-notesGood to know notes: a light h2 on the left, three short notes on the right, each a title and a sentence under a hairline rule. Needs a Lexington MCP key.

Duckbutt PriceListduckbutt-prices-price-listFull price list grouped into categories, each a light h2 and a short paragraph on the left and hairline rows of service name, duration and price on the right. Needs a Lexington MCP key.

Dusk MainCtadusk-ctas-main-ctaTwo option call to action: uppercase heading and paragraph across eight columns, small contact note beside, then two columns between dashed rules, each with label, title, copy and outline button. Needs a Lexington MCP key.

Dusk SubsCtadusk-ctas-subs-ctaNewsletter bar on a full accent panel, 3/1 split: uppercase display heading and one line of copy, then a form with one email input and a submit button. No wrapper. Needs a Lexington MCP key.

Dusk FeaturedSessionsdusk-landing-featured-sessionsTwelve column header with kicker, heading, paragraph and an outline button plus session count, then four session cards in a two to four column grid. Needs a Lexington MCP key.

Dusk FeaturedSpeakersdusk-landing-featured-speakersTwelve column header with kicker, heading, paragraph and outline button with speaker count, followed by four speaker cards in a two to four column bordered grid. Needs a Lexington MCP key.

Dusk Herodusk-landing-heroFull viewport hero on the twelve column grid: uppercase display headline, paragraph and one accent button across eight columns, solid accent squares in the other four, then a cobalt duotone photo filling the rest of the screen with paper squares cut along its bottom edge. Needs a Lexington MCP key.

Dusk Introdusk-landing-introHeading over a three column list of event highlights, then three stat blocks with oversized numbers, label, paragraph and text link, staggered across twelve columns. Needs a Lexington MCP key.

Dusk Buttonsdusk-system-buttonsButtons page: system header and every Button variant at every size in dashed rows. Needs a Lexington MCP key.

Dusk Colorsdusk-system-colorsColor tokens page: three groups (paper ground, cobalt panels, night) of square swatches, each with the token name and what it is for. Needs a Lexington MCP key.

Dusk Linksdusk-system-linksLinks page: navigation, inline underlined and on-cobalt link styles in dashed rows, then every Button variant rendered as a link. Needs a Lexington MCP key.

Dusk Overviewdusk-system-overviewSystem overview: header, then dashed rows listing every page, form, system page, resource and collection entry with its path, each linked. Needs a Lexington MCP key.

Dusk Typographydusk-system-typographyTypography page: every Text variant in a dashed row with its name and use, display variants in uppercase Clash Display, the rest in Switzer. Needs a Lexington MCP key.

Ella Mae Designellamae-about-designFeature figures under a large h2 set to the right: four captioned images in 4:3, square and two 3:4 ratios on rounded surface panels, staggered across the 12 column grid with some bottom aligned. Needs a Lexington MCP key.

Ella Mae Heroellamae-about-heroFull height hero: a large h1 set in the right eight columns of the 12 column grid, then a full bleed image on a surface ground that fills the rest of the screen on desktop. Needs a Lexington MCP key.

Ella Mae Methodellamae-about-methodMethod section: an h2 and a muted lead offset to the right, then two captioned figures on rounded surface panels, a small 3:4 image beside a wide 16:9 one, bottom aligned. Needs a Lexington MCP key.

Ella Mae Missionellamae-about-missionText only statement: a large lead paragraph and a shorter muted paragraph stacked in the right eight columns of the 12 column grid, on the light ground. Needs a Lexington MCP key.

Ella Mae Pressellamae-about-pressPress list under an h2: border-t rows linking to posts, each with a large day and month date, title, category and a 16:9 image on the right, then a full width all releases row with an arrow. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-careers-index-heroCareers hero split 7 to 5: a large h1 above a muted lead and a primary tile button that jumps to the roles, beside a tall 4:5 photo on a rounded surface panel. Needs a Lexington MCP key.

Ella Mae IndexListellamae-careers-index-listOpen roles under an h2 with a role count, grouped by department: each group is a border-t row with the department name on the left and a JobList of linked roles in the right nine columns. Needs a Lexington MCP key.

Ella Mae JobApplyellamae-careers-job-applyApplication form split 4 to 8: h2 and a short note on the left, and filled surface inputs for name, email, phone and link, a PDF upload, a textarea, a privacy note and a primary submit button. Needs a Lexington MCP key.

Ella Mae Perksellamae-careers-perksRow of four perk tiles on rounded panels, the first in the blue accent and the rest on surface, each with a large value on top and a short muted line at the bottom. Needs a Lexington MCP key.

Ella Mae Chargersellamae-charging-chargersSplit list: an h2 and a short note in the left four columns, and border-t rows on the right, one per charger, with a small heading, a power rating and a muted description. Needs a Lexington MCP key.

Ella Mae Faqellamae-charging-faqFAQ split: an h2 on the left and native details rows separated by border-t lines on the right, each a question with an arrow that turns when open over a muted answer. Needs a Lexington MCP key.

Ella Mae Heroellamae-charging-heroPage hero with a large h1 across eight columns and a muted lead bottom aligned in the last four, then a wide 21:9 image on a rounded surface panel below. Needs a Lexington MCP key.

Ella Mae Stepsellamae-charging-stepsThree numbered step tiles under an h2, the first in the blue accent and the others on surface, each with a large step title on top and a short muted text at the bottom. Needs a Lexington MCP key.

Ella Mae Timesellamae-charging-timesTable built from grid rows under an h2: a small header row, then border-t rows per model with a linked name, battery, charger and a large charging time. Needs a Lexington MCP key.

Ella Mae Configuratorellamae-configurator-configuratorConfigurator split 8 to 4: model pills over a surface stage with product cut-outs, view arrows and an exterior or specs tab, beside a two step layout and size picker. A script swaps state and reads the model from the URL. Needs a Lexington MCP key.

Ella Mae Formellamae-contact-formContact split 4 to 8: three stacked channel tiles with an email and phone, the first in the blue accent, beside a quote form with filled inputs, model radio pills, a textarea and a primary submit button. Needs a Lexington MCP key.

Ella Mae Heroellamae-contact-heroText only page hero: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae Yardellamae-contact-yardVisit split: a 4:3 image on a rounded surface panel on the left, and on the right an h2 at the top with a list of address, visiting hours and directions at the bottom. Needs a Lexington MCP key.

Ella Mae EventBodyellamae-events-event-bodyEvent body: a contact column with an email and a phone link in the left three columns, and a large prose column in a slot on the right of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-events-index-heroEvents page hero, text only: a large h1 across eight columns of the 12 column grid and a short muted lead bottom aligned in the last four. Needs a Lexington MCP key.

Ella Mae IndexListellamae-events-index-listEvents index split by date into upcoming and past groups, each with a small heading over a three column grid of EventCards with images or label tiles. Needs a Lexington MCP key.

Ella Mae Aboutellamae-investors-aboutText only overview: a large lead paragraph and two shorter muted paragraphs stacked in the right eight columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae Eventsellamae-investors-eventsEvents overview with an h2 and an all events link: the next upcoming EventCard on the left, and past events in a horizontal snap carousel with previous and next arrow buttons on the right. Needs a Lexington MCP key.

Ella Mae Heroellamae-investors-heroFull height hero: a large h1 across eight columns, then a full bleed portrait photo on a surface ground that fills the rest of the screen on desktop. Needs a Lexington MCP key.

Ella Mae Shareellamae-investors-shareShare price split 4 to 8: a square blue accent tile with the large price and small exchange and change notes, beside a surface panel with an SVG line chart from a seeded series and month labels. Needs a Lexington MCP key.

Ella Mae Contactellamae-landing-contactClosing call to action: one centred link with very large get in touch text and a big arrow icon, turning blue and nudging the arrow on hover. Needs a Lexington MCP key.

Ella Mae Heroellamae-landing-heroFull height hero: a large h1 with a primary and a muted tile button, then a full bleed photo band filling the rest of the screen with a dark gradient and a caption at the bottom. Needs a Lexington MCP key.

Ella Mae Modelsellamae-landing-modelsBento grid of model cards under an h2: product cut-outs on surface panels with labels and corner arrows, mixed with blue accent tiles carrying a short description, in 8 and 4 column spans. Needs a Lexington MCP key.

Ella Mae Newsellamae-landing-newsNews block: an h2, three NewsList rows with thumbnail, title, summary and date, and a full width all news link row with an arrow between borders. Needs a Lexington MCP key.

Ella Mae Nextellamae-landing-nextCarousel under an h2 with arrow buttons: a horizontal snap row of 3:4 cards, first a blue accent tile with the logo and a sea trial line, then captioned photo cards linking to other pages. Needs a Lexington MCP key.

Ella Mae Compareellamae-models-compareComparison table under an h2 and a configurator link: product cut-outs on surface panels as column heads, border-t spec rows with a sticky label column and a muted configure button per model. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-models-index-heroModels page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-models-index-listModels list: each row is a 16:9 surface panel with the product cut-out beside a tile with name, description, two specs and an arrow, the first tile in blue accent. Images morph into the model page via a view transition. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-news-index-heroNews page hero, text only: a short large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-news-index-listNews index: the full NewsList of border-t rows, each with a 16:9 thumbnail, title, summary, date and category, closed with a bottom border. Needs a Lexington MCP key.

Ella Mae NotFoundellamae-notfound-not-found404 page: a large h1 and lead beside three stacked link tiles, the first in blue accent, then a wide surface panel with a product cut-out and an error label in the corner. Needs a Lexington MCP key.

Ella Mae Heroellamae-service-heroService hero: a large h1 and lead on the left, three stats and a primary button that jumps to the request form on the right, then a wide 21:9 image on a rounded surface panel. Needs a Lexington MCP key.

Ella Mae Plansellamae-service-plansThree plan cards under an h2 on rounded panels, the middle one in the blue accent, each with a name, price, short text and a list of included items with arrow icons. Needs a Lexington MCP key.

Ella Mae Portsellamae-service-portsSplit list: an h2 and a short note on the left, and border-t rows on the right with city, country, base type and response time for each port. Needs a Lexington MCP key.

Ella Mae Requestellamae-service-requestService form split 4 to 8: h2, a note and a large phone link on the left, and filled inputs, request type radio pills, a textarea and a primary submit button on the right. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-stories-index-heroStories page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae IndexListellamae-stories-index-listStories index: a three column grid of StoryCards, each a 4:3 photo on a rounded surface panel with the customer, title and an arrow. Needs a Lexington MCP key.

Ella Mae ColorSwatchesellamae-system-color-swatchesColour specimen with a SystemHeader, then a grid of 4:3 rounded swatches, each with the colour name, its token and its oklch value. Needs a Lexington MCP key.

Ella Mae TypeScaleellamae-system-type-scaleType specimen with a SystemHeader, then one rounded surface panel per Text variant with the variant name on the left and a display or body sample on the right. Needs a Lexington MCP key.

Ella Mae IndexGridellamae-team-index-gridTeam index: a four column grid of TeamCards, two per row on mobile, each a 3:4 grayscale portrait on a rounded panel with the name, role and an arrow. Needs a Lexington MCP key.

Ella Mae IndexHeroellamae-team-index-heroTeam page hero, text only: a large h1 across eight columns and a muted lead paragraph bottom aligned in the last four columns of the 12 column grid. Needs a Lexington MCP key.

Ella Mae ProfileBodyellamae-team-profile-bodyProfile body over a border-t: one large prose column in a slot, set in the right six columns of the 12 column grid on the light ground. Needs a Lexington MCP key.

Enlightr Principlesenlightr-about-principlesPrinciples section: a serif heading and intro, then four numbered rules as rows under thin rules, each with a large title and a muted line on the right. Needs a Lexington MCP key.

Enlightr Storyenlightr-about-storyStory section: a strip of square tiles, two dithered teacher photos around three flat colour stat tiles with big figures, then a large serif statement beside two muted paragraphs. Needs a Lexington MCP key.

Enlightr Formenlightr-contact-formContact section: a form on flat grey fields (name, email, subject select, message) with a black send button, beside a stack of tiles: a black email tile, then blue and orange tiles for team access and teaching. Needs a Lexington MCP key.

Enlightr Coursesenlightr-landing-coursesCourses section: every course as a numbered row under thin rules with a topic colour square, serif title, teacher, level, lesson and time chips and the price, each row filling with its topic colour on hover. Needs a Lexington MCP key.

Enlightr Ctaenlightr-landing-ctaCTA section: a wide blue tile with a large serif line, a black button to the first free lesson and a short note, beside an orange tile holding a big dots shape. Needs a Lexington MCP key.

Enlightr Faqenlightr-landing-faqFAQ section: a large serif heading on the left and five questions on the right as native details rows under thin rules, each with a black square plus that turns into a cross. Needs a Lexington MCP key.

Enlightr Heroenlightr-landing-heroHero section: a huge serif headline with an italic phrase beside a lead, a black button and a free lesson link, then a full-width strip of six square tiles: dithered teacher photos, two topic colour course tiles and a black tile with a pink burst. Needs a Lexington MCP key.

Enlightr HowItWorksenlightr-landing-how-it-worksHow it works section: a black band with a large serif heading and a muted intro, then four steps under thin light rules, each numbered huge in its own topic colour. Needs a Lexington MCP key.

Enlightr Pathsenlightr-landing-pathsPaths section: a serif heading and intro above three tall topic colour path tiles, each listing its courses in order with the bundle price and the crossed-out full price. Needs a Lexington MCP key.

Enlightr Pricingenlightr-landing-pricingPricing section: two tall tiles side by side, a grey One course plan and a black All access plan, each with a big price, a note, three ruled features and a button. Needs a Lexington MCP key.

Enlightr Storiesenlightr-landing-storiesStories section: three student quotes as tall flat tiles in the code, design and data colours, the quote in serif at the top and the name and role at the bottom. Needs a Lexington MCP key.

Enlightr Teachersenlightr-landing-teachersTeachers section: a serif heading and intro, then five teacher cards with 3:4 dithered portraits, names in serif and role and city, and an All teachers link. Needs a Lexington MCP key.

Enlightr Topicsenlightr-landing-topicsTopics section: four tall tiles in the topic colours linking to the filtered catalogue, each with a number, a course count, a geometric shape that turns on hover, the topic name in serif and a line about it. Needs a Lexington MCP key.

Enlightr Documentenlightr-legal-documentLegal document section: the Markdown laid out as numbered clauses on a twelve-column grid, each h2 in the left columns with its text on the right and the opening paragraph as a full-width lead; takes the rendered page in a slot. Needs a Lexington MCP key.

Enlightr NotFoundenlightr-not-found-not-found404 section: the digits 4, 0, 4 as huge serif figures on blue, orange and pink tiles filling the screen, beside a black tile with the message, an accent home button and a courses link. Needs a Lexington MCP key.

Enlightr Compareenlightr-pricing-compareCompare section: a serif heading and intro above a scrollable table of eight features across One course, All access and Teams, with black squares for included and dashes for not. Needs a Lexington MCP key.

Enlightr Plansenlightr-pricing-plansPlans section: three tall plan tiles in a row, grey One course, black All access and blue Teams, each with a big price, a note, a summary, three ruled features and a button. Needs a Lexington MCP key.

Enlightr Buttonsenlightr-system-buttonsSystem section: the button variants (primary, accent, muted) in both sizes and the link styles, including topic colour hover links and tag chips, each group labelled on the left. Needs a Lexington MCP key.

Enlightr Colorsenlightr-system-colorsSystem section: the four topic colours as tiles with their tokens and hex values beside dithered teacher photos in the same colour, then the neutral swatches. Needs a Lexington MCP key.

Enlightr Typographyenlightr-system-typographySystem section: every text style from the hero display down to extra small text, each labelled with its variant name, set in Newsreader for display and Geist for text. Needs a Lexington MCP key.

Flabbergasted AboutHeroflabbergasted-about-about-heroAbout hero: heading and paragraph on the left, a single button on the right, then a four column row of portraits over a striped band. Needs a Lexington MCP key.

Flabbergasted AboutInvestorsflabbergasted-about-about-investorsInvestors section with corner cross marks: heading and paragraph, then a 2/3/6 hairline grid of investor tiles, each a logo mark above a name and role. Needs a Lexington MCP key.

Flabbergasted AboutNumbersflabbergasted-about-about-numbersFour stat tiles in a 1/2/4 hairline grid, each a large display figure above a short label in a dark panel. Needs a Lexington MCP key.

Flabbergasted AboutPrinciplesflabbergasted-about-about-principlesPrinciples section with corner cross marks: heading and paragraph, then three numbered principle cards in a hairline grid. Needs a Lexington MCP key.

Flabbergasted AboutStoryflabbergasted-about-about-storyStory in a three column split: heading and intro in the first column, two columns of long form paragraphs beside a hairline divider. Needs a Lexington MCP key.

Flabbergasted AboutTeamflabbergasted-about-about-teamTeam section with corner cross marks: heading, paragraph and a button, then two team member tiles in a two column grid. Needs a Lexington MCP key.

Flabbergasted BlogHeroflabbergasted-blog-blog-heroBlog hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted BlogListflabbergasted-blog-blog-listBlog index: a featured latest post with art, author and date across the full width, then the remaining posts in a hairline card grid. Needs a Lexington MCP key.

Flabbergasted Subscribeflabbergasted-blog-subscribeNewsletter band: heading and paragraph spanning two columns, email input with a full width button in the third, over a large striped background. Needs a Lexington MCP key.

Flabbergasted ChangelogHeroflabbergasted-changelog-changelog-heroChangelog hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted ChangelogListflabbergasted-changelog-changelog-listChangelog timeline: release rows stacked newest first, each with version, date, title, notes and a read release button. Needs a Lexington MCP key.

Flabbergasted Ctaflabbergasted-ctas-ctaClosing call to action with corner cross marks: large heading, paragraph and two buttons above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted IntegrationsCtaflabbergasted-ctas-integrations-ctaTwo column call to action with corner cross marks and striped background, heading and button on the left, and a three by two grid of six square integration logo tiles. Needs a Lexington MCP key.

Flabbergasted CustomersHeroflabbergasted-customers-customers-heroCustomers hero: left aligned heading and paragraph with a clipped striped panel filling the right half on larger screens. Needs a Lexington MCP key.

Flabbergasted CustomersListflabbergasted-customers-customers-listCustomer story list: full width testimonial rows stacked with hairline gaps, each with quote, story title and a portrait. Needs a Lexington MCP key.

Flabbergasted Feature1flabbergasted-features-feature-1Centered heading and paragraph, then four feature cards in a 1/2/4 hairline grid, each with a striped or mesh art block above title and text. Needs a Lexington MCP key.

Flabbergasted Feature2flabbergasted-features-feature-2Left aligned heading and paragraph, then three stacked rows each with a title, text and an icon only play button wired to an inline Web Audio pitch script. Needs a Lexington MCP key.

Flabbergasted Feature3flabbergasted-features-feature-3Two side by side feature panels in a hairline grid, each centered with a large heading, paragraph and a striped or mesh art block underneath, no wrapper. Needs a Lexington MCP key.

Flabbergasted Feature4flabbergasted-features-feature-4Left aligned heading, paragraph and two buttons, then six feature cards in a 1/2/3 hairline grid with title, text and an art block below each. Needs a Lexington MCP key.

Flabbergasted Feature5flabbergasted-features-feature-5Developer section with corner cross marks: heading, paragraph and two buttons, then a code window on a striped panel beside three stacked feature cards. Needs a Lexington MCP key.

Flabbergasted Contactflabbergasted-forms-contactContact section in a three column split: contact routes with links and a button on the left, a two column form with name, email, company, topic and message on the right. Needs a Lexington MCP key.

Flabbergasted ContactFaqflabbergasted-forms-contact-faqContact FAQ with corner cross marks: heading, then a list of native details accordions with rotating chevrons and dark answer panels. Needs a Lexington MCP key.

Flabbergasted ContactHeroflabbergasted-forms-contact-heroContact hero: left aligned large heading and paragraph above a horizontal striped band. Needs a Lexington MCP key.

Flabbergasted SignInflabbergasted-forms-sign-inFull screen sign in: form with email, password, remember me checkbox and two buttons in the wide column, a decorative tile grid in a narrow side panel. Needs a Lexington MCP key.

Flabbergasted SignUpflabbergasted-forms-sign-upFull screen sign up: form with name, email and password plus two buttons in the wide column, a decorative tile grid in a narrow side panel on the right. Needs a Lexington MCP key.

Flabbergasted Faqflabbergasted-helpcenter-faqThree column FAQ: heading, paragraph and contact button in the first column, eight native details accordions with plus icons stacked in the other two, no JavaScript. Needs a Lexington MCP key.

Flabbergasted HelpCenterHeroflabbergasted-helpcenter-help-center-heroHelp centre hero: left aligned heading and paragraph on a plain dark ground. Needs a Lexington MCP key.

Flabbergasted HelpCenterListflabbergasted-helpcenter-help-center-listHelp centre topics in a 1/2/4 hairline grid of topic cards, each with an icon, title, description and chevron link. Needs a Lexington MCP key.

Flabbergasted Hero1flabbergasted-heros-hero-1Centered hero: large heading, paragraph and two buttons, then a glowing textarea prompt box with three preset chips and a play button underneath. Needs a Lexington MCP key.

Flabbergasted IntegrationsDirectoryflabbergasted-integrations-integrations-directoryIntegrations directory in a three column split: tag links on the left, grouped integration card grids under striped tag headers on the right. Needs a Lexington MCP key.

Flabbergasted IntegrationsHeroflabbergasted-integrations-integrations-heroIntegrations hero: left aligned heading and paragraph with three overlapping striped panels stepping in from the right edge. Needs a Lexington MCP key.

Flabbergasted NotFoundflabbergasted-notfound-not-found404 page: centered large heading and paragraph with two buttons, over a vertical striped band at the bottom. Needs a Lexington MCP key.

Flabbergasted Pricing1flabbergasted-pricing-pricing-1Pricing: five tier cards in a 1/2/3/5 grid with a monthly and annual toggle driven by an inline script, then a feature comparison table with checks and dashes. Needs a Lexington MCP key.

Flabbergasted Buttonsflabbergasted-system-buttonsDesign system: every button variant and size shown in dark panels on a two column hairline grid. Needs a Lexington MCP key.

Flabbergasted Colorsflabbergasted-system-colorsDesign system: colour token swatches with names and values in hairline grids, grouped by base, accent and stripe or mesh backgrounds. Needs a Lexington MCP key.

Flabbergasted Linksflabbergasted-system-linksDesign system: link styles, a list of link tokens with names, descriptions and classes, plus inline and button link examples. Needs a Lexington MCP key.

Flabbergasted Overviewflabbergasted-system-overviewDesign system overview: four dark panels in a hairline grid, each linking to the sections of one part of the system. Needs a Lexington MCP key.

Flabbergasted Typographyflabbergasted-system-typographyDesign system: type scale rows from display to small, font family cards and a prose sample, in dark panels with hairline dividers. Needs a Lexington MCP key.

Flabbergasted TeamHeroflabbergasted-team-team-heroTeam hero: centered heading and paragraph on a plain dark ground. Needs a Lexington MCP key.

Flabbergasted TeamListflabbergasted-team-team-listTeam grid: member tiles in a 1/2/3/2 grid sorted by name. Needs a Lexington MCP key.

Flabbergasted LogoCloud1flabbergasted-testimonials-logo-cloud-1Twelve brand logos in a single row CSS marquee that pauses on hover, inverted to white on a pinstripe backdrop, no JavaScript. Needs a Lexington MCP key.

Flabbergasted LogoCloud2flabbergasted-testimonials-logo-cloud-2Twelve brand logos in a single row CSS marquee with no background treatment, plain animated strip, no JavaScript. Needs a Lexington MCP key.

Flabbergasted Testimonial1flabbergasted-testimonials-testimonial-1Heading and intro with slider buttons opposite, above an autoplaying keen slider of four full height customer cards with portrait, logo, quote and case study link. Needs a Lexington MCP key.

Flaco Aboutflaco-about-aboutOne dark full-screen about: a photo under a heavy scrim, a medium headline and a short bio bottom left, four small facts in two columns bottom right. Needs a Lexington MCP key.

Flaco JournalListflaco-blog-journal-listOne dark full-screen journal index: a photo under a heavy scrim and a short list of post titles bottom left, each with its date and topic, fading on hover. Needs a Lexington MCP key.

Flaco Postflaco-blog-postOne dark full-screen article over its photo: a medium title, date, topic and reading time and a next post link on the left, the text on the right, scrolling inside the screen. Needs a Lexington MCP key.

Flaco Contactflaco-contact-contactOne dark full-screen contact: a photo under a heavy scrim, a very large email link bottom left and three small columns for phone, studio address and press. Needs a Lexington MCP key.

Flaco ProjectsHeroflaco-landing-projects-heroFull-screen rotating projects: one photo at a time under a light scrim, the project name large bottom left with its credit and a view link, a numbered list bottom right with a line that fills for seven seconds. The next photo comes in behind a band of fluted glass in WebGL (a fade without it) while the name rolls in word by word; holds on hover and focus. Needs a Lexington MCP key.

Flaco Legalflaco-legal-legalOne dark full-screen legal page in small print: the title and updated date, then short headed paragraphs in one to four columns, over a photo under a heavy scrim. Needs a Lexington MCP key.

Flaco NotFoundflaco-not-found-not-foundOne dark full-screen 404: a photo under a heavy scrim, a medium line bottom left and a small link back. Needs a Lexington MCP key.

Flaco Projectflaco-projects-projectFull-screen project: photos with thumbnails and a gliding outline, the next one coming in through fluted glass from the thumbnail's side, the name and credit bottom left, six details bottom right, previous and next projects on the sides, and a Notes button that swaps in the text and the team over a darker scrim. Needs a Lexington MCP key.

Flaco Buttonsflaco-system-buttonsStyle guide: primary, muted and outline buttons in two sizes, each as a button, a link and an icon button, all rounded full. Needs a Lexington MCP key.

Flaco Colorsflaco-system-colorsStyle guide: the eight colour tokens as swatches with their names and token names. Needs a Lexington MCP key.

Flaco Typographyflaco-system-typographyStyle guide: every display and text size of the Text component with sample lines. Needs a Lexington MCP key.

Gerstner Campusgerstner-about-campusDark section with a three column row of branded photos, each captioned with a letter, place name and note, then a 12 column row with a small numbered label beside a large uppercase h2. Needs a Lexington MCP key.

Gerstner Headergerstner-about-headerAbout page header: 12 column row with a founding-year label, a numbered in-page index and a short lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Historygerstner-about-historyHistory timeline: sticky label and h2 on the left, a list of milestones on the right, each a big year, uppercase title, short text and an optional branded photo. Needs a Lexington MCP key.

Gerstner Leadershipgerstner-about-leadershipFull bleed split: a tall 3:4 branded portrait beside a label, uppercase h2 and a list of leaders set on a 12 column grid with role, name and unit. Needs a Lexington MCP key.

Gerstner Missiongerstner-about-missionDark section on an animated WebGL shader ground: numbered label beside a large uppercase h2, then three principles with a short title and text each. Needs a Lexington MCP key.

Gerstner Numbersgerstner-about-numbersDark figures section: label and note row, one huge lead number, then a four column grid of large figures with small uppercase labels. Needs a Lexington MCP key.

Gerstner Visitgerstner-about-visitDark visit banner on an animated WebGL shader ground: open-day and address labels, a huge uppercase h2 and a short lead with a muted button. Needs a Lexington MCP key.

Gerstner Feesgerstner-admissions-feesFees and scholarships: numbered label and h2, a four column row of 4:5 shader tiles each with a fee label, big CHF amount and unit, then three scholarships with title and text. Needs a Lexington MCP key.

Gerstner Headergerstner-admissions-headerAdmissions page header: 12 column row with a label, a numbered in-page index and a lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Questionsgerstner-admissions-questionsFAQ as native details rows on a 12 column grid: numbered index, large uppercase question and a plus sign, opening to a large answer paragraph. Needs a Lexington MCP key.

Gerstner Requirementsgerstner-admissions-requirementsFull bleed dark split: label and h2 with a list of entry requirements grouped by level, beside a tall 3:4 branded photo. Needs a Lexington MCP key.

Gerstner Stepsgerstner-admissions-stepsDark how-to-apply section: numbered label beside a large h2, then four steps in a row, each a big two digit number, uppercase title and text. Needs a Lexington MCP key.

Gerstner Formgerstner-apply-formMulti-step application form: sticky numbered step index on the left, fieldsets on the right with underline inputs, selects and PDF uploads, a confirm checkbox and a submit button. Answers are kept in localStorage. Needs a Lexington MCP key.

Gerstner Headergerstner-apply-headerApply page header: label, deadline list and a lead in a 12 column row, then a huge uppercase h1 beside a live countdown of days to the next deadline. Needs a Lexington MCP key.

Gerstner Nextgerstner-apply-nextDark after-you-apply section on an animated WebGL shader ground: label and email link, a huge uppercase h2 and three timed steps with title and text. Needs a Lexington MCP key.

Gerstner Clubsgerstner-campus-life-clubsClubs list: label and short lead, then a run of club names set large with their member counts in small type. Needs a Lexington MCP key.

Gerstner Facilitiesgerstner-campus-life-facilitiesFull bleed dark split: label and h2 with a list of facilities on a 12 column grid showing name and opening hours, beside a 4:3 branded photo. Needs a Lexington MCP key.

Gerstner Headergerstner-campus-life-headerCampus life page header: huge uppercase h1 with a numbered in-page index, then a wide 4:3 branded photo beside a 4:5 photo, a short lead and a primary button. Needs a Lexington MCP key.

Gerstner Housinggerstner-campus-life-housingDark housing section: label, large h2 and a muted button, then three residences each with a big CHF price, name and a small detail list. Needs a Lexington MCP key.

Gerstner Voicesgerstner-campus-life-voicesFull bleed dark split: a student quote set large on an animated WebGL shader panel with the student's name and course, beside a 4:3 branded photo. Needs a Lexington MCP key.

Gerstner Formgerstner-contact-formDark contact form written as a sentence: 'Hello Gerstner, my name is' with inline underline inputs for name, topic select and email, then a textarea and a muted send button. Needs a Lexington MCP key.

Gerstner Headergerstner-contact-headerContact page header on an animated WebGL shader ground: huge uppercase h1 and a lead, a large email link and a small switchboard list of labelled phone numbers and addresses. Needs a Lexington MCP key.

Gerstner Officesgerstner-contact-officesFull bleed split: a tall 3:4 branded photo beside a label, h2 and a list of offices, each with name, note, email and phone links. Needs a Lexington MCP key.

Gerstner Admissionsgerstner-landing-admissionsDark admissions banner: deadline list and note, a days-to-deadline countdown above a twelve month calendar strip with marked months, then a huge uppercase h2 and a muted button. Needs a Lexington MCP key.

Gerstner Eventsgerstner-landing-eventsComing up section: label and All events button, the next event as a large shader poster, then a grid of event cards. Needs a Lexington MCP key.

Gerstner Facultiesgerstner-landing-facultiesFour column grid of faculty cards with branded photos and programme counts, then a huge uppercase Faculties h2 beside a short note. Needs a Lexington MCP key.

Gerstner Herogerstner-landing-heroSwiss poster home hero: a three photo strip of 3:4 branded images, meta and fact lists with two buttons, then the university name set huge across the page with small lines under it. Needs a Lexington MCP key.

Gerstner Newsgerstner-landing-newsNews section: huge uppercase h2 with an All news button, then a featured news card with photo on the left and a stacked list of four text-only cards on the right. Needs a Lexington MCP key.

Gerstner Programmesgerstner-landing-programmesProgrammes section: intro line and level buttons, a two to three column grid of numbered programme cards, then a huge uppercase h2 with a primary button. Needs a Lexington MCP key.

Gerstner Researchgerstner-landing-researchDark research highlight: label and project count, the project title set huge, a summary with a lead, faculty, period and status list and a button, beside three 4:5 branded photos. Needs a Lexington MCP key.

Gerstner Statementgerstner-landing-statementFull bleed dark split: a tall 3:4 branded portrait beside a facts list, the rector's name and a large uppercase quote on an animated WebGL shader panel. Needs a Lexington MCP key.

Gerstner GettingHeregerstner-visit-getting-hereDark directions section on an animated WebGL shader ground: label beside a large address, email and phone links with a maps button, then four routes each with big minutes, mode and text. Needs a Lexington MCP key.

Gerstner Headergerstner-visit-headerVisit page header: 12 column row with an address label, a numbered in-page index and a lead, then a huge uppercase h1 with a primary button. Needs a Lexington MCP key.

Gerstner Mapgerstner-visit-mapCampus map: label, h2 and a list of lettered buildings on the left, a square drawn map on the right with the river band, street, numbered building blocks and a tram stop. Needs a Lexington MCP key.

Gerstner OpenDaysgerstner-visit-open-daysOpen day section: the next open day as a large shader poster beside a label, h2 and a timed programme for the day. Needs a Lexington MCP key.

Gerstner Toursgerstner-visit-toursFull bleed dark split: a 4:3 branded photo beside a label, h2, a list of tours with time, title and days, and a muted booking button. Needs a Lexington MCP key.

Hemingway Herohemingway-blog-heroIndex hero: a single long two tone serif heading with the lead phrase in italic black and the rest in gray, left aligned in a max width column. No buttons. Needs a Lexington MCP key.

Hemingway Subscribehemingway-ctas-subscribeNewsletter block: large light serif statement, then a one field form with an underline only email input and a small icon only arrow submit button in a row. Needs a Lexington MCP key.

Hemingway BlogPreviewhemingway-landing-blog-previewUppercase label and small button in a header row over a top border, then four popular post cards in a one, two or four column grid. Needs a Lexington MCP key.

Hemingway Herohemingway-landing-heroFull height hero: one long two tone serif sentence with the key phrase in black, anchored to the bottom of a viewport height wrapper. No image or buttons. Needs a Lexington MCP key.

Hemingway PodcastPreviewhemingway-landing-podcast-previewUppercase label and small button in a header row, then three wide podcast episode cards stacked in a single divided column under a top border. Needs a Lexington MCP key.

Hemingway Herohemingway-podcast-heroIndex hero: a long two tone serif heading with the lead phrase in italic black, left aligned in a max width column. No image, paragraph or buttons. Needs a Lexington MCP key.

Hirewise NotFoundhirewise-404-not-found404 page on a dark card over the dithered team colour shader: a large medium h1, a muted line, a see open roles button and a short list of inverse text links. Needs a Lexington MCP key.

Hirewise Galleryhirewise-about-galleryPhoto gallery: square photos on rounded corners in a 2 then 4 column grid, some tiles spanning two cells for rhythm. Needs a Lexington MCP key.

Hirewise Herohirewise-about-heroAbout hero: a huge medium h1 with a muted intro in eight columns, then two rounded photos side by side in seven and five columns. Needs a Lexington MCP key.

Hirewise Officeshirewise-about-officesOffices list beside a medium h2 and subtitle in four columns: each city gets a medium h3, a short story and a four column dl of address, headcount, teams with colour dots and a daily habit. Needs a Lexington MCP key.

Hirewise Originhirewise-about-originCompany timeline under a medium h2 and subtitle: five numbered years in a 1 to 5 column ordered list, each with a year, a medium h3 and a short paragraph. Needs a Lexington MCP key.

Hirewise Principleshirewise-about-principlesSix numbered principles under a medium h2 and subtitle, each row a medium h3 with a muted index number and its explanation in a four column paragraph. Needs a Lexington MCP key.

Hirewise Tripshirewise-about-tripsPast team trips under a medium h2 and subtitle: 4:5 rounded photos in a 1/2/4 column grid, each with the place as an h3 and the year and headcount below. Needs a Lexington MCP key.

Hirewise Weekhirewise-about-weekA week in five 4:5 rounded cards in a 2/3/5 column grid, grey cards with one dark lead card, each with the day, a medium title and a muted line below. Needs a Lexington MCP key.

Hirewise Applicationhirewise-apply-applicationMulti step application: the role title, a read the role link and a dl of facts in five columns, then a seven column card with a numbered three step indicator, inputs, selects, textareas and back, continue and send buttons driven by a small script. Needs a Lexington MCP key.

Hirewise MoreRoleshirewise-apply-more-rolesMore roles table under a medium h2 with a see all roles link: rows with title, team colour dot, location and salary band, a header row on desktop and a chevron that nudges on hover. Needs a Lexington MCP key.

Hirewise Bandshirewise-benefits-bandsSalary bands table under a medium h2 and subtitle: one row per level with the level code, a title, the yearly band and what the level looks like, with a desktop header row. Needs a Lexington MCP key.

Hirewise Equityhirewise-benefits-equityEquity explained under a medium h2 and subtitle in a three column ordered list of steps, each with a large h3 and a muted paragraph. Needs a Lexington MCP key.

Hirewise Herohirewise-benefits-heroBenefits hero: a huge medium h1, a muted intro and a three column dl of headline numbers on the left, two rounded photos with their own small dl stacked on the right. Needs a Lexington MCP key.

Hirewise Perkshirewise-benefits-perksEverything else under a medium h2 and subtitle: five benefit groups as rows, each a medium h3 led by a team colour square beside a short list of items. Needs a Lexington MCP key.

Hirewise Bodyhirewise-blog-bodyArticle body: a prose wrapper inside the standard wrapper, rendering the post through a slot. Needs a Lexington MCP key.

Hirewise Herohirewise-blog-detail-heroPost hero: a large medium h1 and muted description in eight columns, author, date and reading time in four, then a wide rounded cover photo. Needs a Lexington MCP key.

Hirewise Herohirewise-blog-heroBlog index hero: a huge medium h1 with a muted intro in eight columns. Needs a Lexington MCP key.

Hirewise Listhirewise-blog-listBlog list: posts sorted newest first as stacked rows, each row a PostRow with a thumbnail, title, description and meta. Needs a Lexington MCP key.

Hirewise Morehirewise-blog-moreMore posts under a medium h2 with an all notes link: the three latest other posts as PostRow rows. Needs a Lexington MCP key.

Hirewise Formhirewise-contact-formContact form on a dark card over the dithered shader: a medium h2, two column inputs, a topic select, a message textarea and a muted send button, with a rounded photo filling the other half. Needs a Lexington MCP key.

Hirewise Herohirewise-contact-heroContact hero: a huge medium h1 and muted intro, then a four column dl of inboxes, each with a label, a line and an email text link. Needs a Lexington MCP key.

Hirewise Visithirewise-contact-visitVisit the offices under a medium h2: one card per city with a 3:2 rounded photo, a medium h3, an open in maps link and a three column dl of address, hours and directions. Needs a Lexington MCP key.

Hirewise Criteriahirewise-hiring-criteriaWhat we look for: a medium h2 and subtitle in four columns beside a two column grid of grey cards, each with a blocky team mark, an h3 and a short paragraph. Needs a Lexington MCP key.

Hirewise Herohirewise-hiring-heroHiring process hero: a huge medium h1 and muted intro stacked over a full width rounded photo, 4:3 on mobile and 2:1 on desktop. Needs a Lexington MCP key.

Hirewise Promiseshirewise-hiring-promisesPromises to candidates: a medium h2 and subtitle in five columns beside a seven column list of large lines, each led by a small team colour square. Needs a Lexington MCP key.

Hirewise Stepshirewise-hiring-stepsHiring steps under a medium h2: one row per step with a numbered medium h3 in four columns and a paragraph plus a three column dl of length, who you meet and how to prepare in eight. Needs a Lexington MCP key.

Hirewise Benefitshirewise-landing-benefitsBenefits bento under a medium h2 with a benefits link: a rounded photo, a grey card listing time off, and a dark shader card about public salaries, then a three column list of short facts. Needs a Lexington MCP key.

Hirewise Closinghirewise-landing-closingTalent pool closing on a dark card over the dithered shader: a large h2, a line of copy, an email input and team select with a join button, and a rounded photo in the other half. Needs a Lexington MCP key.

Hirewise Herohirewise-landing-heroCareers home hero filling the screen: a huge h1, intro, primary and muted buttons and a stacked avatar row on the left, a rounded office photo on the right with a cutout card counting open roles per team. Needs a Lexington MCP key.

Hirewise HowWeHirehirewise-landing-how-we-hireHow we hire under a medium h2 with a full process link: a wide rounded photo, then five numbered steps in a 1/2/5 column ordered list with an h3 and a muted line each. Needs a Lexington MCP key.

Hirewise Introhirewise-landing-introCompany intro: a two column dl of big numbers beside a six column medium paragraph saying what the company does. Needs a Lexington MCP key.

Hirewise Lifehirewise-landing-lifeLife at the company: a medium h2, subtitle, link and a list of values with colour tiles holding small blocky marks in five columns, a large rounded photo with a cutout list in seven. Needs a Lexington MCP key.

Hirewise OpenRoleshirewise-landing-open-rolesLatest open roles under a medium h2 counting every role, with a see all link: the six newest as table rows with title, team dot, location and salary band, and a chevron on hover. Needs a Lexington MCP key.

Hirewise Storyhirewise-landing-storyFeatured employee story as a figure: a rounded office photo in five columns, a large blockquote, a read the story link, a dl of numbers and a portrait caption in seven. Needs a Lexington MCP key.

Hirewise Teamshirewise-landing-teamsTeams grid under a medium h2 with a meet the teams link: five 4:5 tiles in each team colour with its blocky mark that rotates on hover, then name, description and people and open role counts. Needs a Lexington MCP key.

Hirewise Bodyhirewise-legal-bodyLegal page body: a sticky side list of legal pages with the current one in ink and a contact email link in four columns, the document text through a slot in eight. Needs a Lexington MCP key.

Hirewise Herohirewise-legal-heroLegal page hero: a huge medium h1 with the page name, a muted description and the last updated date. Needs a Lexington MCP key.

Hirewise Bodyhirewise-roles-bodyRole description: the role text through a slot in eight columns, a side card in four with the hiring timeline as a three step ordered list and a how we hire link. Needs a Lexington MCP key.

Hirewise Herohirewise-roles-detail-heroRole hero: a large h1, summary, apply and how we hire buttons and a two column dl of team with dot, level, location and salary band, beside a rounded team colour panel holding its blocky mark. Needs a Lexington MCP key.

Hirewise Herohirewise-roles-heroOpen roles hero: a huge h1 with the role count and a muted intro, then a row of team chips with colour dots and counts that jump to each team. Needs a Lexington MCP key.

Hirewise Listhirewise-roles-listRoles grouped by team: one row per team with its name and colour dot in four columns and its RoleRow list in eight, separated by top borders. Needs a Lexington MCP key.

Hirewise Morehirewise-roles-moreMore roles under a small h2 in four columns with a see all link: up to four RoleRow rows from the same team, or other open roles, in eight. Needs a Lexington MCP key.

Hirewise Bodyhirewise-stories-bodyStory body: the story text through a slot in eight columns, a side block in four with the person's name, role and city and links to their team and its open roles. Needs a Lexington MCP key.

Hirewise Herohirewise-stories-detail-heroStory hero: a large medium h1 and summary in eight columns, the person with a team colour dot and date in four, then a wide rounded photo. Needs a Lexington MCP key.

Hirewise Herohirewise-stories-heroStories index hero: a huge h1 over a featured latest story, an uncropped rounded portrait in four columns beside a dark shader card with a medium h2, summary, person with team dot and a read link in eight. Needs a Lexington MCP key.

Hirewise Listhirewise-stories-listMore stories under a medium h2: every story but the latest as StoryCards in a 1/2/3 column grid. Needs a Lexington MCP key.

Hirewise Morehirewise-stories-moreMore stories under a medium h2 with an all stories link: three other StoryCards in a 1/2/3 column grid. Needs a Lexington MCP key.

Hirewise Swatcheshirewise-system-swatchesDesign system colours: token swatches in a 2/4 column grid with name and value, then a row showing the dithered team colour shader on a 2:1 panel. Needs a Lexington MCP key.

Hirewise TextLinkshirewise-system-text-linksDesign system text links: the default and inverse text link on 4:3 light and dark panels. Needs a Lexington MCP key.

Hirewise TypeScalehirewise-system-type-scaleDesign system type scale: each Text variant as a row, the name and size in three columns and a live sample in nine. Needs a Lexington MCP key.

Hirewise Recenthirewise-talent-pool-recentRecently opened roles under a medium h2 with a see all link: the four newest as table rows with title, team dot, location and salary band. Needs a Lexington MCP key.

Hirewise Signuphirewise-talent-pool-signupTalent pool signup: a large h1 and a three step what happens next list with colour dots in five columns, a seven column form with name and email, five team checkbox tiles with blocky marks and open role counts, a location select and a join button. Needs a Lexington MCP key.

Hirewise Bodyhirewise-teams-bodyTeam page body: the team text through a slot in eight columns, a side list of members in four, each with a small rounded portrait or a team colour tile with the mark, name, role and city. Needs a Lexington MCP key.

Hirewise Herohirewise-teams-detail-heroTeam page hero: a huge h1 and description with a see open roles button, then a large team colour card with its blocky mark, headcount and offices plus a cutout card listing the newest roles, beside a dark shader card pointing to the talent pool. Needs a Lexington MCP key.

Hirewise Herohirewise-teams-heroTeams index hero: a huge medium h1 with a muted intro in eight columns. Needs a Lexington MCP key.

Hirewise Leadhirewise-teams-leadTeam lead quote as a figure: a large blockquote with a small rounded portrait, name, role and city in the caption. Needs a Lexington MCP key.

Hirewise Listhirewise-teams-listTeams list: one row per team with a 4:3 team colour tile and its mark, a small h2, description and meet the team link, and a short list of the team's open roles. Needs a Lexington MCP key.

Hirewise Roleshirewise-teams-rolesTeam open roles under a small h2 in four columns with a see all link: the team's RoleRow list in eight. Needs a Lexington MCP key.

Hirewise Receivedhirewise-thank-you-receivedApplication received: a huge h1, a three step what happens next ordered list and buttons to stories and life at the company in six columns, a rounded photo in the other six. Needs a Lexington MCP key.

Jacobsen Herojacobsen-about-heroFull-screen page hero: a small top line, then a garage photo in seven columns and the h1 with a ruled facts list aligned to the bottom in the other five. Needs a Lexington MCP key.

Jacobsen Storyjacobsen-about-storyStory section: a label and h2 beside the reasoning, a wide 21:9 aerial road photo that uncovers on scroll, a ruled year and event timeline, and four figures to close. Needs a Lexington MCP key.

Jacobsen Teamjacobsen-about-teamTeam section: a two-line heading row, then four tall 4:5 portraits in a grid, each with name and role on one line and a short note, uncovering one after another on scroll. Needs a Lexington MCP key.

Jacobsen Requestjacobsen-book-requestBooking request form: the chosen car on a white stage with text tabs to pick it, then dates and place, a live estimate table and contact fields with underline inputs, and a sticky bar with the total and a pill submit button. Needs a Lexington MCP key.

Jacobsen Listingjacobsen-careers-listingFull-screen careers hero: a small top line, then a photo in seven columns and the open roles as a hairline table of title, team and hours beside it. Needs a Lexington MCP key.

Jacobsen Workingjacobsen-careers-workingWorking here section: a two-line heading beside an accordion of groups under hairlines, one open at a time. Needs a Lexington MCP key.

Jacobsen Bookjacobsen-chauffeur-bookChauffeur booking form: a two-line heading beside a light form with service, date, time and pickup selects and underline inputs; submits to the booking page with the answers filled in. Needs a Lexington MCP key.

Jacobsen Driverjacobsen-chauffeur-driverWho drives section: a two-line heading beside four accordion groups under hairlines, each opening in place. Needs a Lexington MCP key.

Jacobsen Herojacobsen-chauffeur-heroFull-screen chauffeur hero: a small top line, then a night photo of a driver at the car in seven columns and the h1 with a ruled facts table and the hourly rate beside it. Needs a Lexington MCP key.

Jacobsen Usesjacobsen-chauffeur-usesServices list: a two-line heading beside four hairline rows, each a service name, a short line and its price. Needs a Lexington MCP key.

Jacobsen Herojacobsen-contact-heroContact hero: a two-line h1 beside every way in as ruled rows (phone, WhatsApp, email), then the garage address and opening hours in the same columns. Needs a Lexington MCP key.

Jacobsen Messagejacobsen-contact-messageContact form: a two-line heading beside a light form with underline inputs, a topic select and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Handoverjacobsen-delivery-handoverHandover section: a two-line heading beside delivery and collection as accordion groups under hairlines. Needs a Lexington MCP key.

Jacobsen Herojacobsen-delivery-heroFull-screen delivery hero: a small top line, then an aerial photo of a car outside a villa in seven columns and the h1 with a ruled facts table beside it. Needs a Lexington MCP key.

Jacobsen Zonesjacobsen-delivery-zonesDelivery zones: two blocks, the free zone and the places with a flat fee, each a two-line heading beside a hairline table of place, drive time and fee. Needs a Lexington MCP key.

Jacobsen Listingjacobsen-events-listingFull-screen events hero: a small top line, then stacked event photos in seven columns and the events as a hairline table beside them; the row under the pointer brings its photo forward. Needs a Lexington MCP key.

Jacobsen Questionsjacobsen-faq-questionsFAQ page: a two-line h1 with the four quickest answers, then question groups beside a sticky topics list, each question opening in place under a hairline. Needs a Lexington MCP key.

Jacobsen Gridjacobsen-fleet-gridFleet index: a small top line with text filters by type on the right, then every car as a small grey studio card in a two-column grid. Needs a Lexington MCP key.

Jacobsen Herojacobsen-gifts-heroFull-screen gift cards hero: a black gift card on a grey studio panel in seven columns and the gift amounts as a hairline table beside it; the row under the pointer is written onto the card. Needs a Lexington MCP key.

Jacobsen Optionsjacobsen-gifts-optionsWhat the card covers: a two-line heading beside ruled rows on how long it lasts, what it can be spent on and how it arrives. Needs a Lexington MCP key.

Jacobsen Sendjacobsen-gifts-sendGift card request form: a two-line heading beside a light form with amount or named drive, recipient and underline inputs, and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Changesjacobsen-how-it-works-changesChanges and cancellations: a two-line heading beside accordion groups under hairlines, each opening in place. Needs a Lexington MCP key.

Jacobsen Herojacobsen-how-it-works-heroHow it works hero: a two-line h1 beside three facts as ruled rows, in the seven and five column grid. Needs a Lexington MCP key.

Jacobsen Stepsjacobsen-how-it-works-stepsSteps list: five hairline rows, each a number and title, a short line and two details in the right-hand five columns. Needs a Lexington MCP key.

Jacobsen Tagsjacobsen-journal-tagsTags index: a two-line h1 beside every tag as a ruled row linking to it, with how many drives it holds. Needs a Lexington MCP key.

Jacobsen Chauffeurjacobsen-landing-chauffeurChauffeur section: a two-line heading row with an arrow link, then a night photo of a driver at the car beside four services, each a name and its price. Needs a Lexington MCP key.

Jacobsen Deliveryjacobsen-landing-deliveryDelivery section: a two-line heading row with an arrow link, a wide photo of a car at a villa wall that uncovers on scroll, and three figures underneath. Needs a Lexington MCP key.

Jacobsen Detailsjacobsen-landing-detailsDetail tiles: close-up photos of an interior, a wheel and a key in a loose grid, one large square and two smaller ones set lower, each with a short caption. Needs a Lexington MCP key.

Jacobsen Drivesjacobsen-landing-drivesDrives section: a two-line heading row with an arrow link, then three photo cards with the distance and the car to take, uncovering one after another on scroll. Needs a Lexington MCP key.

Jacobsen Fleetjacobsen-landing-fleetFleet section: a two-line heading row, one wide grey studio panel showing one car at a time with a scroll parallax, the model names as text tabs underneath and the chosen car's rate and arrow link beside them. Needs a Lexington MCP key.

Jacobsen Herojacobsen-landing-heroFull-screen home hero: one car cutout staged in a pale grey studio with a soft floor, a small line above and one row of facts along the bottom, the last an arrow link to the car. Needs a Lexington MCP key.

Jacobsen Processjacobsen-landing-processHow it works section: a two-line heading row with an arrow link, a wide 21:9 photo of a car on a marina quay that uncovers on scroll, and three numbered steps in three columns. Needs a Lexington MCP key.

Jacobsen Reviewsjacobsen-landing-reviewsFull-screen review staged like a magazine ad: the quote as a large headline, the car on a soft studio floor easing in from the side, and a caption row with the guest and the car. Needs a Lexington MCP key.

Jacobsen Applyjacobsen-membership-applyMembership application form: a two-line heading beside a light form with a tier select, underline inputs and a pill submit button that shows a thank you line. Needs a Lexington MCP key.

Jacobsen Comparejacobsen-membership-compareMembership terms: a two-line heading beside one accordion per tier under hairlines, each opening to its terms row by row. Needs a Lexington MCP key.

Jacobsen Herojacobsen-membership-heroFull-screen membership hero: a grey studio panel with the car for each tier in seven columns and the three tiers as a hairline table of name, days and price beside it; the row under the pointer brings its car forward. Needs a Lexington MCP key.

Jacobsen Herojacobsen-not-found-heroFull-screen 404: a grey studio panel with a huge pale 404 behind a parked car that drives off to the right after a moment, and two arrow links home and to the fleet. Needs a Lexington MCP key.

Jacobsen Essentialsjacobsen-rates-essentialsRate essentials: a two-line heading beside four ruled rows of the things to know before booking. Needs a Lexington MCP key.

Jacobsen Herojacobsen-rates-heroFull-screen rates hero: a small top line, then a grey studio panel in seven columns and the fleet's day, weekend and week prices as a hairline table beside it; the row under the pointer shows its car in the studio. Needs a Lexington MCP key.

Jacobsen Requirementsjacobsen-rates-requirementsRequirements section: a two-line heading beside accordion groups under hairlines, each opening to ruled rows of what we need and what we cover. Needs a Lexington MCP key.

Jacobsen Buttonsjacobsen-system-buttonsStyle guide: arrow links and pill buttons in every variant and size as ruled rows, then the light variants on a dark panel. Needs a Lexington MCP key.

Jacobsen Colorsjacobsen-system-colorsStyle guide: every colour token as a ruled row with a square swatch, name, use and token name. Needs a Lexington MCP key.

Jacobsen Typographyjacobsen-system-typographyStyle guide: the type rules as ruled rows, then every display and text size as hairline rows with a sample line. Needs a Lexington MCP key.

Kotei SubscribeCtakotei-blog-subscribe-ctaNewsletter block: large statement heading, short supporting line, then a form with one email field and a submit button in a row, plus a small disclaimer under it. Needs a Lexington MCP key.

Kotei Herokotei-landing-heroStatement hero: one long sentence set as a large heading, left aligned in a wide wrapper with generous vertical padding, fades down on scroll via AOS. No image or buttons. Needs a Lexington MCP key.

Kotei HowWeWorkkotei-landing-how-we-workTwo column intro: large statement heading on the left, short supporting paragraph on the right with a left border rule. No image, list or buttons. Needs a Lexington MCP key.

Kotei Philosphykotei-landing-philosphyIndex list: lowercase heading in the first column, then six numbered rows in a three column grid, title left and description right, divided by hairlines. Fades up via AOS. Needs a Lexington MCP key.

Kotei Serviceskotei-landing-servicesServices index: lowercase heading in the first column, then six numbered rows separated by hairlines, each with title and description in a 1/2 split. Fades up via AOS. Needs a Lexington MCP key.

Matterhaus Awardsmatterhaus-awards-awardsSplit layout at viewport height: sticky heading and a stacked list of six awards with organisation, year, title and project on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus BlogListmatterhaus-blog-blog-listSplit layout at viewport height: heading and a stacked list of text only post cards on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus CareersListmatterhaus-careers-careers-listSplit layout with sticky heading, intro paragraph and job rows showing title, location, type and salary on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Contactmatterhaus-contact-contactSplit layout at viewport height: heading, intro and three contact blocks for office address, phone and email, and opening hours on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Heromatterhaus-landing-heroFull viewport split hero: small h1 statement at the top left with an address, phone and email block pinned to the bottom, full height photo on the right with two small square project images overlaid at its bottom left, each linking to its project. Needs a Lexington MCP key.

Matterhaus NotFoundmatterhaus-notfound-not-foundSplit 404 at viewport height: small heading, short apology and a back home text link on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Processmatterhaus-process-processSplit layout at viewport height: heading, intro paragraph and four short paragraphs flowing in two columns on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus ProjectsListmatterhaus-projects-projects-listSplit layout: sticky heading, intro and a plain list of project titles that jump to their cards on the left, a stacked column of square image project cards with year, title and location on the right. Needs a Lexington MCP key.

Matterhaus ServicesListmatterhaus-services-services-listSplit layout with sticky heading, intro paragraph and a stacked list of text only service links on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Studiomatterhaus-studio-studioSplit layout at viewport height: heading, intro and studio story paragraphs flowing in two columns on the left, full height image on the right. Needs a Lexington MCP key.

Matterhaus Buttonsmatterhaus-system-buttonsStyle guide buttons: sticky title and intro on the left; on the right, rows split by hairlines with every button variant in every size, text and icon only, the muted variant on a grey panel. Needs a Lexington MCP key.

Matterhaus Colorsmatterhaus-system-colorsColour tokens: sticky title and intro on the left, a two column grid of square swatches on the right, each with name, token and what it is used for. Needs a Lexington MCP key.

Matterhaus Linksmatterhaus-system-linksStyle guide links: sticky title and intro on the left; on the right, rows split by hairlines showing a quiet link, a strong link, a link with an arrow and bordered menu rows. Needs a Lexington MCP key.

Matterhaus Typographymatterhaus-system-typographyType scale: sticky title and intro on the left, every display and text size on the right in rows split by hairlines, each with its name over a sample line. Needs a Lexington MCP key.

Matterhaus TeamListmatterhaus-team-team-listSplit layout with a sticky heading on the left and a stacked column of square portrait cards with name and role on the right, sorted alphabetically. Needs a Lexington MCP key.

Mølle Principlesmolle-about-principlesPrinciples: a section head and a row of four dark figures on the left, four short rules on the right, each a display title over a muted paragraph. Needs a Lexington MCP key.

Mølle Storymolle-about-storyCompany timeline: a section head above five years in a row, each a year that lights up as it scrolls into view, a short title and a muted line. Needs a Lexington MCP key.

Mølle Teammolle-about-teamTeam: a section head above two tall 4:5 portraits, each with a dark panel in the bottom left corner holding the name and role. Needs a Lexington MCP key.

Mølle AddonDetailsmolle-addons-addon-detailsAdd-on hero as one full height dark split card: a medium h1 and description on the left above a summary block with spec rows, the price, the models it fits and an enquire button, the photo on the right. Needs a Lexington MCP key.

Mølle AddonsGridmolle-addons-addons-gridAdd-ons index: every add-on as a 4:5 photo card with its title, category and price in a dark corner panel, three to a row. Needs a Lexington MCP key.

Mølle MoreAddonsmolle-addons-more-addonsMore add-ons: a section head with an all add-ons link above three add-on cards, leaving out the current one. Needs a Lexington MCP key.

Mølle MorePostsmolle-blog-more-postsMore from the journal: a section head with an all entries link above three journal cards, leaving out the current post. Needs a Lexington MCP key.

Mølle PostDetailmolle-blog-post-detailJournal article: a full height hero with the h1, intro and a wide photo, then a sticky column with the publish date and a back link beside the prose. Needs a Lexington MCP key.

Mølle PostListmolle-blog-post-listJournal index: the newest post as a featured dark split card, then the rest as photo cards three to a row. Needs a Lexington MCP key.

Mølle SubscribeCTAmolle-blog-subscribe-ctaNewsletter: a dark card with a display heading and a short line on the left, a filled email field and a subscribe button on the right. Needs a Lexington MCP key.

Mølle Configuratormolle-configure-configuratorCabin configurator in a full height dark card: model, cladding and add-on choices as selectable tiles on the left, the model photo with a running total and a send button on the right. Needs a Lexington MCP key.

Mølle Officesmolle-contact-officesOffices: a list of locations split by hairlines, each with the name, a muted address, opening hours and email and phone links. Needs a Lexington MCP key.

Mølle CustomerBodymolle-customers-customer-bodyCustomer story body: a sticky display quote on the left, the story in short titled parts and prose on the right, then the next story as a card. Needs a Lexington MCP key.

Mølle CustomerListmolle-customers-customer-listCustomer stories index: every story as a 4:3 photo card with the owner, location and model in a dark corner panel, two to a row. Needs a Lexington MCP key.

Mølle CustomerStorymolle-customers-customer-storyCustomer story hero: a large h1 and intro beside a button to the model, then a four column row with the photo across two, a dark card with the floor plan and story details, and a card linking to the model. Needs a Lexington MCP key.

Mølle EnquiryFormmolle-forms-enquiry-formEnquiry page as a dark split card: a medium h1, an intro and three promises on the left, a form with filled fields for name, email, model, move in, plot and a message on the right, the send button beside a short note. Needs a Lexington MCP key.

Mølle VisitFormmolle-forms-visit-formBook a visit as a full height dark split card: a heading and the next open days on the left, a form with filled fields for name, email, date and party size on the right, the button beside a short note. Needs a Lexington MCP key.

Mølle Cabinsmolle-landing-cabinsCabins: a section head above every model as a photo card with finish swatches that swap the photo, a corner panel with the title, category and price, and a link that carries the chosen finish to the detail page. Needs a Lexington MCP key.

Mølle Discovermolle-landing-discoverClosing cards: two dark cards side by side, each a title and a muted line above a line drawing, one for configuring a cabin and one for visiting, with an arrow in the corner. Needs a Lexington MCP key.

Mølle Heromolle-landing-heroHome hero filling the screen: three square photos in a row with a giant Mølle wordmark across them in difference blend, a muted one line h1 and a link to the cabins below. Needs a Lexington MCP key.

Mølle Includedmolle-landing-includedWhat's included: a section head above five steps in a row, each a dark square tile with a line drawing, a title, a price or included note and a muted line. Needs a Lexington MCP key.

Mølle Materialsmolle-landing-materialsMaterials: a section head above a sticky split panel listing the materials one by one, with the photo of the active material on the other side. Needs a Lexington MCP key.

Mølle Momentmolle-landing-momentCrane day: a full height rounded photo with a dark card over it holding the hours of the day, each step lighting up as it scrolls in, and a display line. Needs a Lexington MCP key.

Mølle Processmolle-landing-processHow it works: a section head above a sticky split panel with four steps, and a floor plan that builds itself up through drawing stages as you scroll. Needs a Lexington MCP key.

Mølle LegalDocumentmolle-legal-legal-documentLegal page: a page header with the title and last updated date, a pill nav between the legal pages, then the document in a readable prose column. Needs a Lexington MCP key.

Mølle Figuresmolle-materials-figuresFigures: a section head above a grid of large numbers split by hairlines, each with a muted caption. Needs a Lexington MCP key.

Mølle MaterialsHeadermolle-materials-materials-headerMaterials page header: a large h1 and a muted intro. Needs a Lexington MCP key.

Mølle MaterialsListmolle-materials-materials-listMaterials list: a sticky split panel with each material's name, use and origin on the left and its photo on the right. Needs a Lexington MCP key.

Mølle PriceHeromolle-pricing-price-heroPricing hero filling the screen: a large h1 and intro beside a quote button, then four dark cards, each a model's floor plan above its name, price and size. Needs a Lexington MCP key.

Mølle PriceListmolle-pricing-price-listAdd-on prices: a section head above a list split by hairlines, each row the add-on, the models it fits and the price. Needs a Lexington MCP key.

Mølle Paymentsmolle-process-paymentsPayments: a section head above a split panel with the four payment stages, each opening its share and when it is due. Needs a Lexington MCP key.

Mølle Phasesmolle-process-phasesProcess phases: a section head above four phases, each a dark square tile with a stage of the floor plan drawing, the duration, and what you do and what the builder does. Needs a Lexington MCP key.

Mølle CompareModelsmolle-store-compare-modelsCompare models: a heading beside a photo per model, then rows for price, floor area, bedrooms, bathrooms, footprint and lead time, the current model in bold, scrolling sideways on mobile. Needs a Lexington MCP key.

Mølle HomeDetailsmolle-store-home-detailsCabin hero filling the screen: a large h1 and summary beside configure and enquire buttons, then one photo card per cladding finish side by side, each with its name and price in a corner panel. Needs a Lexington MCP key.

Mølle HomePlanmolle-store-home-planFloor plan: a section head above the cabin's labelled floor plan drawn in a dark rounded card. Needs a Lexington MCP key.

Mølle HomeSpecsmolle-store-home-specsCabin interior as a full height dark split card: the title, size and description on the left, the interior photo filling the right. Needs a Lexington MCP key.

Mølle HomesGridmolle-store-homes-gridCabins index: every model as a 4:3 photo card with the title, size and price in a dark corner panel, two to a row. Needs a Lexington MCP key.

Mølle Swatchesmolle-system-swatchesColour tokens: each swatch in a row with its name, value and where it is used. Needs a Lexington MCP key.

Mølle TypeScalemolle-system-type-scaleType scale: the hero wordmark size, then every display and text size as rows split by hairlines, then the patterns the pages reuse. Needs a Lexington MCP key.

Mølle OpenDaysmolle-visit-open-daysOpen days: a section head above a list of upcoming open days, each with the date, time, title, place and a short note. Needs a Lexington MCP key.

Mulberry AboutCEOmulberry-about-about-ceoHeading, then a stone panel: square portrait in one column, intro paragraph, name and role in two columns, plus a bordered list of five credential lines. Needs a Lexington MCP key.

Mulberry AboutHeromulberry-about-about-heroPage hero: kicker, serif h1 and one paragraph in a narrow left column, then a full-bleed team image capped in height below. Needs a Lexington MCP key.

Mulberry AboutMissionmulberry-about-about-missionHeading and paragraph, then a stone panel holding three white cards in a row, each with an uppercase label pushed apart from its title and paragraph. Needs a Lexington MCP key.

Mulberry AboutStorymulberry-about-about-storyFive column editorial header: kicker, a serif lead paragraph spanning two columns, body copy in the last two, then four large stats over hairline rules. Needs a Lexington MCP key.

Mulberry AboutTeammulberry-about-about-teamKicker, heading and paragraph, then a tinted three column grid with two team cards and an accent call to action panel with icon, heading, text and button. Needs a Lexington MCP key.

Mulberry BlogIndexmulberry-blog-blog-indexBlog index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of text only blog cards, newest first. Needs a Lexington MCP key.

Mulberry CasesIndexmulberry-cases-cases-indexCase studies index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of case study cards. Needs a Lexington MCP key.

Mulberry ContactFormmulberry-contact-contact-formContact form fragment on a black panel, no Wrapper: name, email, phone, company, service select, subject, message textarea, privacy checkbox, full width submit. Posts to /api/contact. Needs a Lexington MCP key.

Mulberry ContactHeromulberry-contact-contact-heroPage hero: kicker, serif h1 and one paragraph left aligned in a narrow column, no image or buttons. Needs a Lexington MCP key.

Mulberry ContactInfomulberry-contact-contact-infoContact details fragment, no Wrapper: four hairline divided blocks for phone numbers, email addresses, office address and business hours. Pairs with the contact form in a two column grid. Needs a Lexington MCP key.

Mulberry ContactMainmulberry-contact-contact-mainTwo column contact section: the ContactInfo detail blocks on the left and the black ContactForm panel on the right, inside a standard Wrapper. Needs a Lexington MCP key.

Mulberry MainCtamulberry-ctas-main-ctaFull-bleed split CTA on black: logo mark, serif heading, lead paragraph and two buttons aligned to the page container on the left, image bleeding to the right edge. Needs a Lexington MCP key.

Mulberry FaqListmulberry-faq-faq-listPage hero with kicker, serif h1 and paragraph, then stacked stone panels per FAQ category, each a serif title over hairline divided details rows with a plus icon. Needs a Lexington MCP key.

Mulberry IndustriesIndexmulberry-industries-industries-indexIndustries index: kicker, serif h1 and paragraph, then a stone panel holding a two column grid of industry cards. Needs a Lexington MCP key.

Mulberry BlogPreviewmulberry-landing-blog-previewTinted panel with kicker, heading, paragraph and a small button on the left, followed by two blog cards in a two column grid. Needs a Lexington MCP key.

Mulberry CaseStudiesPreviewmulberry-landing-case-studies-previewTinted panel with kicker, heading and paragraph, then a three column grid of two case study cards and an accent panel with icon, heading, text and button. Needs a Lexington MCP key.

Mulberry Heromulberry-landing-heroLanding hero: kicker, serif h1 and one paragraph in a narrow left column, no buttons, then a full-bleed hero image capped in height below. Needs a Lexington MCP key.

Mulberry IndustriesPreviewmulberry-landing-industries-previewTinted panel with kicker, heading and paragraph, then a three column grid holding two industry cards and an accent call to action panel with button. Needs a Lexington MCP key.

Mulberry ServicesPreviewmulberry-landing-services-previewTinted panel with kicker, heading and long paragraph, then a three column grid of two service cards and an accent call to action panel with icon and button. Needs a Lexington MCP key.

Mulberry TestimonialsPreviewmulberry-landing-testimonials-previewTestimonial feature: five-column intro row with kicker, display heading, two paragraphs and a text link, then one card with square image, long quote, name, role and a large stat column. Needs a Lexington MCP key.

Mulberry Whymulberry-landing-whyStone panel split in two: square image left, kicker, heading, paragraph and a two column list of four feature titles with copy right, then the LogoCloud row below. Needs a Lexington MCP key.

Mulberry LocationsHeromulberry-locations-locations-heroPage hero: kicker, serif h1 and one paragraph in a narrow left column. Imports a team image but does not render it. Needs a Lexington MCP key.

Mulberry LocationsListmulberry-locations-locations-listStone panel with kicker, heading and paragraph, then three white office cards in a row, each listing address, phone and hours over hairlines with a Directions button. Needs a Lexington MCP key.

Mulberry LocationsMapmulberry-locations-locations-mapFive column editorial header with kicker, heading and paragraph, then a full-bleed Google Maps iframe embed, tall and lazy loaded. Needs a Lexington MCP key.

Mulberry NotFoundmulberry-notfound-not-found404 hero: kicker, serif h1, paragraph and two buttons, then three stone cards linking to popular pages with serif title, text and Read further label. Needs a Lexington MCP key.

Mulberry IndividualServicesmulberry-pricing-individual-servicesFive column header with kicker, heading and lead paragraph side by side, then six full service pricing cards in a tinted three column grid. Needs a Lexington MCP key.

Mulberry PricingFAQmulberry-pricing-pricing-faqFAQ: kicker, heading and paragraph, then one stone panel per category holding a category title and four native details accordions with a rotating plus icon, no JavaScript. Needs a Lexington MCP key.

Mulberry PricingHeromulberry-pricing-pricing-heroPage hero: kicker, serif h1 and one paragraph left aligned in a narrow column, no buttons or image. Needs a Lexington MCP key.

Mulberry PricingPackagesmulberry-pricing-pricing-packagesFive column editorial header, then a stone panel with three white pricing cards: price, pricing note, name, description, button and check marked feature list, one flagged Most Popular. Needs a Lexington MCP key.

Mulberry ServicesIndexmulberry-services-services-indexServices index: kicker, serif h1 and paragraph, then one block per category, each a serif category title over a stone panel with a two column grid of service cards. Needs a Lexington MCP key.

Mulberry Stats1mulberry-stats-stats-1Five column editorial header with kicker, heading and two paragraphs, then four large serif numbers over hairline rules with label and note. Inline script counts numbers up on scroll. Needs a Lexington MCP key.

Mulberry SystemColorsmulberry-system-system-colorsColour tokens: intro, then five square swatches for background, foreground, muted, muted foreground and accent, each with name and CSS variable. Needs a Lexington MCP key.

Mulberry SystemTypographymulberry-system-system-typographyType specimen: intro, then Display (EB Garamond) and Text (Inter) groups listing every Text variant beside a sample line, divided by hairlines. Needs a Lexington MCP key.

Mulberry TeamIndexmulberry-team-team-indexTeam index: kicker, serif h1 and paragraph, then a stone panel holding a three column grid of portrait team cards. Needs a Lexington MCP key.

Mulberry LogoCloudmulberry-testimonials-logo-cloudLogo row fragment, no Wrapper or heading: five square stone tiles in a 2/5 column grid, each centering a certification logo. Drops under another section. Needs a Lexington MCP key.

Mulberry TestimonialsListmulberry-testimonials-testimonials-listPage hero, then stacked stone rows: square portrait, large quote with name and role, and a ruled side column with a big serif metric and its label. Needs a Lexington MCP key.

Navy Heronavy-about-heroAbout hero: WebGL navy arch gradient shader across the top with light display heading and paragraph in the 9-column main column, then a four item facts row (big value over small label) and a full width 4:3 to video ratio image below. Needs a Lexington MCP key.

Navy Milestonesnavy-about-milestonesMilestones timeline: '/// Milestones' side label with display heading, then a full width ordered list between rules where each row puts a large year in the 3-column side column and a line of text in the main column, last year in primary color; five rows. Needs a Lexington MCP key.

Navy Principlesnavy-about-principlesPrinciples: '/// Principles' side label and display heading, then three full width cards in a row on mist, lilac and frost grounds, square on large screens, each with a numbered index at top and title plus paragraph at the bottom. Needs a Lexington MCP key.

Navy Storynavy-about-storyStory text block: '/// Story' side label beside a display heading and three large muted paragraphs in a narrow column in the 9-column main column. Needs a Lexington MCP key.

Navy Teamnavy-about-teamTeam preview: '/// Team' side label, display heading and arrow link, then a full width three column grid of six team cards (square portrait over a tone panel cycling navy, ultramarine, lilac and muted with role, name and two line intro) and a navy CtaPanel hiring call to action with one button. Needs a Lexington MCP key.

Navy Featurednavy-blog-featuredFeatured post: 12-column split with the latest post's 3:2 image across eight columns and a navy inverse panel across four with uppercase tag and date at top, display title, excerpt and arrow link at the bottom, whole card linked. Needs a Lexington MCP key.

Navy Heronavy-blog-heroBlog hero on a light ground: display heading and short muted paragraph in the 9-column main column, large top padding, no image. Needs a Lexington MCP key.

Navy Postsnavy-blog-postsPost grid: '/// All posts' side label with the topic link row beside it, then a full width three column grid of blog cards (image, tag, date, title, excerpt) for all posts except the newest. Needs a Lexington MCP key.

Navy Subscribenavy-blog-subscribeNewsletter call to action: muted CtaPanel with display heading and paragraph on the left and an inline email input with Subscribe button on the right. Needs a Lexington MCP key.

Navy TagsHeronavy-blog-tags-heroTopics index hero on a light ground: back link to all posts, display heading and muted paragraph in the 9-column main column. Needs a Lexington MCP key.

Navy TagsListnavy-blog-tags-listTopic tiles: four column grid of linked tiles cycling navy, ultramarine, lilac and muted grounds, each with uppercase post count at top and topic name, two latest post titles and arrow link at the bottom. Needs a Lexington MCP key.

Navy Heronavy-changelog-heroChangelog hero: full bleed WebGL navy arch gradient shader with light display heading and paragraph in the 9-column main column, tall and vertically centered. Needs a Lexington MCP key.

Navy Featurednavy-customers-featuredFeatured customer story: full width linked lilac panel with logo and uppercase Featured story label, a large quoted testimonial, then customer name, first result line and arrow link along the bottom. Needs a Lexington MCP key.

Navy Heronavy-customers-heroCustomers hero: full bleed WebGL navy arch gradient shader with light display heading and paragraph at top and a four item stats row (display value over small label) at the bottom of the main column. Needs a Lexington MCP key.

Navy Storiesnavy-customers-storiesCustomer stories grid: '/// Stories' side label and display heading, then a full width three column bordered grid of five customer tiles with logo, name, industry, title and arrow link. Needs a Lexington MCP key.

Navy Contactnavy-forms-contactContact page: arch gradient shader top with a large display heading and short paragraph in the 9-column main column, then three contact channels (label, email, note) in three columns and a form below a rule with name and email side by side, topic select, message textarea and a gradient submit button. Needs a Lexington MCP key.

Navy Categoriesnavy-helpcenter-categoriesHelp center article index: one '/// Category' LabeledGrid per category (three), each with a display heading and a two column bordered list of article links with title, two line intro and chevron; a script filters articles from the hero search input and shows an empty message when nothing matches. Needs a Lexington MCP key.

Navy Faqnavy-helpcenter-faqFAQ in a '/// FAQ' LabeledGrid: heading, paragraph and contact arrow link on the left four columns, eight native details accordions with plus icons that rotate on open on the right five columns. Needs a Lexington MCP key.

Navy Heronavy-helpcenter-heroHelp center hero on the WebGL arch gradient shader: large display heading, short paragraph and a search input with icon in the 9-column main column; the input drives the categories filter script. Needs a Lexington MCP key.

Navy Supportnavy-helpcenter-supportSupport call to action on a lilac CtaPanel: heading and text on the left, a status arrow link and a gradient contact button on the right. Needs a Lexington MCP key.

Navy Directorynavy-integrations-directoryIntegrations directory: one '/// Tag' LabeledGrid per tag (alerts, developer tools, publishing), each with a display heading and a bordered list of integration rows with logo, name, two line description, built by label and chevron; categories have anchor ids. Needs a Lexington MCP key.

Navy Heronavy-integrations-heroIntegrations hero on a full WebGL arch gradient shader: large display heading and short paragraph in the 9-column main column, no buttons. Needs a Lexington MCP key.

Navy Requestnavy-integrations-requestIntegration request call to action on a dark navy inverse CtaPanel: heading and text on the left, a gradient accent button and an API docs arrow link on the right. Needs a Lexington MCP key.

Navy Bandnavy-landing-bandContent free full bleed band, 480px tall, filled with the WebGL navy band gradient shader across the middle, used as a divider between sections. Needs a Lexington MCP key.

Navy Heronavy-landing-heroFull viewport landing hero on the WebGL arch gradient shader: large display heading in the 9-column main column, bottom row with a short paragraph on the left and a pricing arrow link on the right. Needs a Lexington MCP key.

Navy HowItWorksnavy-landing-how-it-worksHow it works in a '/// How it works' LabeledGrid: display heading, then eight steps in a four column grid, each with a title and short paragraph. Needs a Lexington MCP key.

Navy Logosnavy-landing-logosCustomers section in a '/// Customers' LabeledGrid: heading, paragraph and arrow link, then a full width four column grid of linked cards mixing four tinted stat cards (big number, label, customer logo and name) and two double width quote cards with portrait image, testimonial, name, role and logo. Needs a Lexington MCP key.

Navy Numbersnavy-landing-numbersStats in a '/// Network' LabeledGrid: display heading and paragraph, then four full width columns each with a very large number with an accent unit, label and short note. Needs a Lexington MCP key.

Navy OnCallnavy-landing-on-callEscalation timeline in a '/// On call' LabeledGrid: heading, paragraph and arrow link, then four tall full width tone cards (navy inverse, ultramarine primary, lilac, muted) each with time, uppercase status, name and note. Needs a Lexington MCP key.

Navy StatusPagesnavy-landing-status-pagesFeature split in a '/// Status pages' LabeledGrid: heading, paragraph and arrow link on the left four columns, a ruled definition list of four features with title and text side by side on the right five columns. Needs a Lexington MCP key.

Navy Heronavy-notfound-heroFull viewport 404 hero on the WebGL arch gradient shader: uppercase error label and large display heading in the main column, bottom row with a short paragraph on the left and a contact arrow link plus gradient homepage button on the right. Needs a Lexington MCP key.

Navy Comparenavy-pricing-comparePlan comparison table in a '/// Compare' LabeledGrid: heading, then a full width horizontally scrolling table with four plan columns (name, popular tag, price, button in header and footer), four feature groups with uppercase titles, zebra muted rows, check and minus icons or text values. Needs a Lexington MCP key.

Navy Plansnavy-pricing-plansPricing hero and plans: WebGL arch gradient shader top with a large display heading and paragraph in the main column, then four plan columns each with name, most popular tag, large price and period, description, check icon feature list and full width gradient button. Needs a Lexington MCP key.

Navy Compliancenavy-security-complianceCompliance cards: four tall tone cards in a four column grid cycling navy inverse, ultramarine primary, lilac and muted grounds, each with an uppercase kind label, title and short text, no heading. Needs a Lexington MCP key.

Navy Disclosurenavy-security-disclosureTwo stacked security call to action panels: a light muted CtaPanel to report a vulnerability with heading, text and arrow link to the disclosure policy, then a dark navy CtaPanel offering audit documents with an accent button. Needs a Lexington MCP key.

Navy Heronavy-security-heroSecurity hero on the WebGL navy gradient shader with CSS arch fallback: large white display heading with italic key word, short paragraph, light muted button and white arrow link, aligned to the 9-column main column. Needs a Lexington MCP key.

Navy Practicesnavy-security-practicesSecurity practices list with '/// Practices' side label: display heading, then four bordered rows (infrastructure, data protection, access control, application security), each with title, paragraph and a three column definition list of three items. Needs a Lexington MCP key.

Navy Heronavy-status-heroStatus page hero on the WebGL navy gradient shader: large white display heading, short paragraph and light muted subscribe button, followed by a solid ultramarine banner reading all systems operational with a small checked-from note. Needs a Lexington MCP key.

Navy Incidentsnavy-status-incidentsPast incidents timeline with '/// Incidents' side label: display heading, then bordered day rows for the last week with dates computed at build time, each showing no incidents or an incident title with a left ruled list of timestamped status updates. Needs a Lexington MCP key.

Navy Maintenancenavy-status-maintenanceScheduled maintenance notice with '/// Maintenance' side label: top rule, uppercase date and time window computed from today, display title and one muted paragraph. Needs a Lexington MCP key.

Navy Regionsnavy-status-regionsRegional response times with '/// Regions' side label: display heading and note, then a three column ruled list of 18 city names with millisecond values aligned right. Needs a Lexington MCP key.

Navy Subscribenavy-status-subscribeIncident email subscribe panel: lilac CtaPanel with heading and text on the left and an inline email input with dark subscribe button on the right, anchored as #subscribe. Needs a Lexington MCP key.

Navy Uptimenavy-status-uptimeNinety day uptime bars with '/// Uptime' side label: display heading, three item colour legend, then three bordered groups of components, each with name, uptime percentage and a row of 90 daily bars in ultramarine, faded or dark navy, trimmed to 30 days on mobile. Needs a Lexington MCP key.

Navy Buttonsnavy-system-buttonsDesign system buttons page: shared system header with side nav and 'All button variants' title, then the button rows showing default, accent and muted buttons at every size, with text and icon only. Needs a Lexington MCP key.

Navy Colorsnavy-system-colorsDesign system colour tokens page: system header, then five side labelled rows (ground and ink, fills and lines, accent, tints, inverse), each with a four column grid of 4:3 swatches showing name, CSS token and oklch value. Needs a Lexington MCP key.

Navy Linksnavy-system-linksDesign system links page: system header, then side labelled rows showing navigation links, arrow links in three sizes and tones including on a dark panel, back link with chevron, pills, footer links on navy and an inline underlined link, followed by every button rendered as a link. Needs a Lexington MCP key.

Navy Overviewnavy-system-overviewDesign system overview page: system header titled 'See all pages', then two side labelled rows (static pages, content collections), each with a four column grid of categories listing small page links. Needs a Lexington MCP key.

Navy Typographynavy-system-typographyDesign system type scale page: system header, then one side labelled row per Text variant from Display 6XL to Text XS rendering a sample line, plus rows for the italic key word and the uppercase '///' label. Needs a Lexington MCP key.

Navy Heronavy-team-heroPlain team hero on the light ground: large display heading with italic key word, short muted paragraph and arrow link, placed in the 9-column main column. Needs a Lexington MCP key.

Navy Hiringnavy-team-hiringHiring call to action: full width ultramarine CtaPanel with heading and text on the left and a dark see open roles button on the right. Needs a Lexington MCP key.

Navy Membersnavy-team-membersTeam grid of six members in three columns with no gaps, founders first then sorted by name, each a tone card with square portrait, uppercase role, name and two line intro, linked to the member page. Needs a Lexington MCP key.

Navy Testimonial1navy-testimonials-testimonial-1Single customer testimonial with '/// Customers' side label and display heading, then a full width figure: portrait in three columns beside a nine column pale mist panel with large display quote, name, role and arrow link, plus two ultramarine stat figures. Needs a Lexington MCP key.

Newport Backgroundnewport-about-backgroundTwo column tinted panel: heading, lead paragraph and five body paragraphs flowing into two text columns on the left, three image mosaic with one tall image on the right. Needs a Lexington MCP key.

Newport Communicationnewport-about-communicationDark slate panel split in two columns: heading, two paragraphs and three arrow links stacked on the left, a full height image on the right that moves first on mobile. Needs a Lexington MCP key.

Newport GovernanceOverviewnewport-about-governance-overviewDark slate panel split in two columns: heading, lead paragraph, body text and three arrow links on the left, a full height image on the right, image first on mobile. Needs a Lexington MCP key.

Newport Heronewport-about-heroFull height page hero in two equal columns: dark slate panel with eyebrow, h1 and lead paragraph beside a square image that comes first on mobile, no buttons. Needs a Lexington MCP key.

Newport Intronewport-about-introNarrow text block with a centered heading followed by six body paragraphs flowing into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Newport Managementnewport-about-managementNarrow text block with a centered heading followed by four body paragraphs that flow into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Newport Missionnewport-about-missionTwo column split: tall portrait image on the left, heading, lead paragraph, two column body text and a three item titled list under a hairline rule on the right. Needs a Lexington MCP key.

Newport AmenitiesListnewport-amenities-amenities-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of every amenity card with square image, name and description, sorted by name. Needs a Lexington MCP key.

Newport AmenitiesPreviewnewport-amenities-amenities-previewHeading and intro on the left with a View all link on the right, then a three column grid of three amenity cards with square images, name and description. Needs a Lexington MCP key.

Newport AnnouncementsListnewport-announcements-announcements-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of announcement cards, newest first, each with date, category, title, excerpt and a button. Needs a Lexington MCP key.

Newport LatestAnnouncementsnewport-announcements-latest-announcementsHeading and intro beside a View all link, then a three column grid of the three newest announcement cards with date, category, title, clamped excerpt and a Read details button. Needs a Lexington MCP key.

Newport BlogListnewport-blog-blog-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of blog cards with square images, title and two line excerpt, newest first. Needs a Lexington MCP key.

Newport BoardListnewport-board-board-listPage header with eyebrow, h1 and lead paragraph, then a grid of board member tiles with square portraits and a name and role caption, sorted by name. Needs a Lexington MCP key.

Newport BoardPreviewnewport-board-board-previewCentered heading, one line of text and a secondary button, then a three column grid of three board member cards with square portraits and a name and role overlay. Needs a Lexington MCP key.

Newport Contactnewport-contact-contactFull height contact page in two columns: a dark slate panel with eyebrow, h1, lead and office, phone and hours details, beside a tinted form with name, email, subject and message. Needs a Lexington MCP key.

Newport ContactCtanewport-ctas-contact-ctaLeft aligned text CTA capped at a readable width: heading, two paragraphs and a row of two buttons, no panel, image or icons. Needs a Lexington MCP key.

Newport HelpCtanewport-ctas-help-ctaCentered CTA in a tinted panel: logo mark on top, display heading, one short paragraph and two side by side buttons, no image. Needs a Lexington MCP key.

Newport NextStepsCtanewport-ctas-next-steps-ctaCentered CTA in a tinted panel: logo mark, display heading, one longer paragraph and two buttons in a centered row, no image. Needs a Lexington MCP key.

Newport DocumentsListnewport-documents-documents-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of document cards with year and type meta, description, download and details buttons. Needs a Lexington MCP key.

Newport LatestDocumentsnewport-documents-latest-documentsTwo columns: a sticky full height image panel with dark overlay, heading, paragraph and button, beside a stack of four document cards with download and detail buttons. Needs a Lexington MCP key.

Newport EventsListnewport-events-events-listPage header with eyebrow, h1 and lead paragraph, then a three column grid of event cards with a month and day badge, time and location, soonest first. Needs a Lexington MCP key.

Newport LatestEventsnewport-events-latest-eventsThree column grid where the first cell is a dark intro tile with heading, text and button, followed by the two soonest event cards with a month and day badge. Needs a Lexington MCP key.

Newport Faqnewport-faq-faqFAQ page: sticky left column with h1, intro, two buttons and jump links, grouped question lists on the right as expandable details rows with plus icons. Needs a Lexington MCP key.

Newport GalleryGridnewport-gallery-gallery-gridPlain image gallery: fifteen 4:3 pictures in a one, two, three column responsive grid with rounded corners, no heading, captions or lightbox. Needs a Lexington MCP key.

Newport Heronewport-gallery-heroText only page hero in a three column grid: eyebrow, h1, lead and body paragraph spanning two columns, a small button aligned to the bottom right. Needs a Lexington MCP key.

Newport Governancenewport-governance-governanceLong form governance page: sticky table of contents on the left, titled sections on the right with lead paragraphs, tinted two column cards and body text. Needs a Lexington MCP key.

Newport Heronewport-landing-heroFull height two column hero: tinted rounded panel holding eyebrow, h1, lead paragraph and two buttons, beside a square image that comes first on mobile. Needs a Lexington MCP key.

Newport Statsnewport-landing-statsStats section: display heading across two columns with a paragraph in the third, then four tinted cards each showing a big italic number, detail and label. Needs a Lexington MCP key.

Newport NotFoundnewport-notfound-not-foundCentred 404: eyebrow, large display heading, short paragraph and two buttons side by side, one back home and one to contact. Needs a Lexington MCP key.

Newport Regulationsnewport-rules-regulationsRules page: sticky table of contents on the left, titled sections on the right with tinted rule category cards, a violations list and two document cards with a button. Needs a Lexington MCP key.

Newport Buttonsnewport-system-buttonsStyle guide buttons: default, accent, secondary and muted variants, every size from xxs to xl as text buttons beside square icon buttons. Needs a Lexington MCP key.

Newport Colorsnewport-system-colorsColour tokens: six square swatches in a row for background, foreground, muted, muted foreground, accent and secondary, each with its name and token variable. Needs a Lexington MCP key.

Newport Linksnewport-system-linksStyle guide links: Button rendered as anchors in default, accent, secondary and muted variants, every size from xxs to xl beside icon only links. Needs a Lexington MCP key.

Newport Typographynewport-system-typographyType scale: every Text variant from textXS to display6XL in rows divided by hairlines, each label set in its own size. Needs a Lexington MCP key.

Northbound BlogListnorthbound-blog-blog-listJournal index: a large light serif heading, a featured post card under a hairline, then a three column grid of compact post cards, newest first. Needs a Lexington MCP key.

Northbound EventsHeronorthbound-events-events-heroFull width desaturated banner image capped in height, sitting under the fixed navigation as the top of a listing page. Needs a Lexington MCP key.

Northbound EventsListnorthbound-events-events-listTwo column event listing: sticky serif heading and intro on the left, a stacked list of text only event entries with hairline rules on the right. Needs a Lexington MCP key.

Northbound Faqnorthbound-faq-faqFAQ page: sticky serif heading with a contact block for email and phones on the left, grouped questions and answers divided by hairlines on the right, closed by a desaturated image. Needs a Lexington MCP key.

Northbound GalleryListnorthbound-gallery-gallery-listGallery index: a large balanced serif statement heading above a three column grid of album cards with portrait cover images. Needs a Lexington MCP key.

Northbound Infonorthbound-info-infoGuest information page: sticky serif heading with quick venue details on the left, grouped travel, parking and stay notes with embedded maps for the ceremony and reception on the right. Needs a Lexington MCP key.

Northbound Actionsnorthbound-landing-actionsThree stacked full width rows, each split into a square desaturated image and a dark accent panel with serif title, paragraph and a large text link. Needs a Lexington MCP key.

Northbound GalleryPreviewnorthbound-landing-gallery-previewSerif heading above a three column grid of gallery album cards, each with a portrait cover image, title and short description linking to the album. Needs a Lexington MCP key.

Northbound Heronorthbound-landing-heroFull viewport hero image with a dark overlay and the couple's first names joined by an ampersand in a large centered display heading. Needs a Lexington MCP key.

Northbound Intronorthbound-landing-introTwo column intro with a symbol, serif statement, ceremony date and venue on the left and a one image per view slider with arrow buttons on the right. Needs a Lexington MCP key.

Northbound Schedulenorthbound-landing-scheduleSerif heading above a numbered vertical list of five day events, each with a large italic index, title, description, times and venue line. Needs a Lexington MCP key.

Northbound Storynorthbound-landing-storyEditorial text section: one long light serif statement heading, then four body paragraphs flowing into two columns on large screens, no images or buttons. Needs a Lexington MCP key.

Northbound Locationsnorthbound-locations-locationsVenue listing: a capped desaturated banner image, then a sticky serif heading on the left and stacked text only venue entries with address and notes on the right. Needs a Lexington MCP key.

Northbound NotFoundnorthbound-notfound-not-foundFull viewport desaturated photo with a dark overlay, an uppercase display 404 heading and three large uppercase text links back to the site. Needs a Lexington MCP key.

Northbound PeopleListnorthbound-people-people-listWedding party index: serif heading and short intro above a three column grid of portrait cards with name and role. Needs a Lexington MCP key.

Northbound Rsvpnorthbound-rsvp-rsvpRSVP section: a tall desaturated portrait beside a dark accent panel with the monogram, heading, underline-only inputs, attendance radios and a large text submit, followed by a closing statement. Needs a Lexington MCP key.

Northbound Buttonsnorthbound-system-buttonsStyle guide buttons: default, accent and muted as numbered rows divided by hairlines, every size from xxs to xl as text buttons with a row of icon buttons beneath. Needs a Lexington MCP key.

Northbound Colorsnorthbound-system-colorsColour tokens: sticky serif heading beside numbered rows of five square swatches with token name and variable, divided by hairlines. Needs a Lexington MCP key.

Northbound Linksnorthbound-system-linksStyle guide links: Button rendered as anchors in default, accent and muted numbered rows, every size from xxs to xl with icon only links beneath. Needs a Lexington MCP key.

Northbound Typographynorthbound-system-typographyType scale: sticky serif heading beside two hairline lists, every display variant from display6XL down and every text variant, each with its label above a sample. Needs a Lexington MCP key.

Northbound WishlistHeronorthbound-wishlist-wishlist-heroFull viewport desaturated photo with a dark overlay and a centred uppercase display heading. Needs a Lexington MCP key.

Northbound WishlistListnorthbound-wishlist-wishlist-listGift registry: serif statement heading, then one row per category with a sticky category title on the left and a two column grid of gift cards on the right. Needs a Lexington MCP key.

Ottis TopicListottis-blog-topic-listJournal topics as a ruled list, each tag set large and uppercase with its story count on the right, sliding on hover. Needs a Lexington MCP key.

Ottis Bookottis-landing-bookFull-screen stone panel: a small caption, a huge uppercase h2 with a Book a table button, then a ruled row of opening hours as a definition list. Needs a Lexington MCP key.

Ottis Eventsottis-landing-eventsFull-screen paper panel: an Events label and caption, a ruled grid of four upcoming event cards plus two link cards, then a note and an arrow link. Needs a Lexington MCP key.

Ottis Heroottis-landing-heroFull-screen mustard hero: address and hours captions, a short lead, the restaurant name as a giant uppercase wordmark and a Book a table button, beside a narrow black and white photo print. Needs a Lexington MCP key.

Ottis Kitchenottis-landing-kitchenFull-screen paper panel in three columns: a tall black and white portrait print, a label with a large quote and caption, and a small photo with two short paragraphs about the chef. Needs a Lexington MCP key.

Ottis Menusottis-landing-menusFull-screen stone split: a label and a ruled list of menus set large with serving times, beside a photo that swaps to the menu you point at. Needs a Lexington MCP key.

Ottis PrivateDiningottis-landing-private-diningFull-screen night panel: a label, a large statement and a numbered ruled table of rooms with their guest counts, then an arrow link. Needs a Lexington MCP key.

Ottis Sourcingottis-landing-sourcingFull-screen night panel with three rows of black and white photo prints drifting sideways in opposite directions around a huge uppercase h2, a short note and an arrow link. Needs a Lexington MCP key.

Ottis Timelineottis-landing-timelineFull-screen night panel: a label beside an uppercase h2, then seven ruled year columns with a big year and a short line, filling mustard on hover. Needs a Lexington MCP key.

Outkast NotFoundHerooutkast-404-not-found-hero404 page filling the screen: a huge centred medium h1 with a round photo pill set between the words, a muted line of copy and a back home text link with a round ink chevron. Needs a Lexington MCP key.

Outkast AboutHerooutkast-about-about-heroAbout hero: a huge medium h1 across the page, then two photos on rounded corners side by side in eight and four columns. Needs a Lexington MCP key.

Outkast AboutStoryoutkast-about-about-storyFounding story in two large paragraphs split 6 to 6, the first in ink and the second in muted grey. Needs a Lexington MCP key.

Outkast Peopleoutkast-about-peopleTeam under a medium h2 and subtitle: four 4:5 portraits on rounded corners in a 1/2/4 column grid, each with name, role and city below. Needs a Lexington MCP key.

Outkast Principlesoutkast-about-principlesPrinciples split 4 to 8: a medium h2 on the left, a stacked list of large sentences on the right, each opening with a short lead-in in ink followed by muted text. Needs a Lexington MCP key.

Outkast Studiosoutkast-about-studiosTwo studios split 6 to 6, each with the city as a very large medium heading, the year it opened, then the address and the titles it pitches to with an email link in two columns of small muted text. No photos. Needs a Lexington MCP key.

Outkast JournalHerooutkast-blog-journal-heroJournal index hero: a huge medium h1 with a muted subtitle, then the featured post split 7 to 5 with a rounded 4:3 cover beside date, title, excerpt and a read link with a round ink chevron. Needs a Lexington MCP key.

Outkast PostGridoutkast-blog-post-gridJournal grid: an optional medium h2, then post cards with rounded 4:3 images, date, title and excerpt in a 1/2/3 column grid. Needs a Lexington MCP key.

Outkast Benefitsoutkast-careers-benefitsBenefits under a medium h2: a 1/2/3 column grid of short medium titles with a muted sentence each. No cards, no icons. Needs a Lexington MCP key.

Outkast CareersHerooutkast-careers-careers-heroCareers hero split 7 to 5: a huge medium h1, a muted paragraph and a text link on the left, a tall 4:5 rounded portrait on the right. Needs a Lexington MCP key.

Outkast HowWeHireoutkast-careers-how-we-hireHiring steps split 4 to 8: a medium h2 and subtitle on the left, four steps with a medium title and muted copy in a two column grid on the right. Needs a Lexington MCP key.

Outkast OpenApplicationoutkast-careers-open-applicationCentred closing line: a huge medium h2 with a round photo pill between the words and a text link with a round ink chevron below. Needs a Lexington MCP key.

Outkast OpenRolesoutkast-careers-open-rolesOpen roles split 4 to 8: a medium h2 and note on the left, a stacked list of linked roles with title, city, contract and salary and a round ink arrow on the right. Needs a Lexington MCP key.

Outkast StaffQuotesoutkast-careers-staff-quotesTwo staff quotes split 6 to 6, each a large quote in ink with a round portrait, name and role underneath. Needs a Lexington MCP key.

Outkast StudioLifeoutkast-careers-studio-lifeStudio life strip: three photos on rounded corners in a row with short muted captions under each. Needs a Lexington MCP key.

Outkast ContactFormoutkast-contact-contact-formBrief form split 6 to 6: a medium h2, name, email and brief fields in flat grey rounded controls, radio chips for how you heard of us, a consent checkbox and an ink button, beside a tall rounded photo. Needs a Lexington MCP key.

Outkast ContactHerooutkast-contact-contact-heroContact hero: a huge medium h1, three inboxes in a row each with a label, a large email link and a note, then two studios with a small rounded photo, city and address split 6 to 6. Needs a Lexington MCP key.

Outkast FirstEmailoutkast-contact-first-emailWhat to send split 6 to 6: a medium h2, subtitle and three short points with medium titles on the left, an example email on a grey rounded panel with to, subject, three lines and a sign off on the right. Needs a Lexington MCP key.

Outkast Closingoutkast-landing-closingCentred closing call to action: a huge medium h2 with a round photo pill between the words and a text link with a round ink chevron below. Needs a Lexington MCP key.

Outkast FeaturedCaseoutkast-landing-featured-caseFeatured case on a grey rounded panel split 6 to 6: a photo filling one half, a large medium quote with the client, result and services and a view case link in the other. Needs a Lexington MCP key.

Outkast Herooutkast-landing-heroLanding hero filling the screen: a huge centred medium h1 where round photo pills sit between the words and pop in with GSAP on load, each pill tilting on hover. Needs a Lexington MCP key.

Outkast ServicesSummaryoutkast-landing-services-summaryServices summary: a medium h2 with a text link, then four services in a 1/2/4 column grid, each with a rounded 4:3 photo, a medium title and a muted line. Needs a Lexington MCP key.

Outkast VisitUsoutkast-landing-visit-usVisit the studios: a medium h2, subtitle and text link, then two studios split 6 to 6 with a rounded 3:2 photo, address and opening hours. Needs a Lexington MCP key.

Outkast WaysToWorkoutkast-landing-ways-to-workWays to hire the agency: a medium h2 and subtitle, three models in a row each with a medium title, fee and muted copy, and a text link below. Needs a Lexington MCP key.

Outkast Workoutkast-landing-workSelected work: six client cards in a 1/2/3 column grid, each a rounded 4:3 photo that scales on hover with the client and a one line summary, and a centred all work link. Needs a Lexington MCP key.

Outkast ServiceRowsoutkast-services-service-rowsService rows: each service split 5 to 7 with a large medium name, description, a two column deliverables list with dot markers and a text link, beside a rounded 4:3 photo. Needs a Lexington MCP key.

Outkast ServicesHerooutkast-services-services-heroServices hero: a huge medium h1 with two round photo pills between the words, a muted paragraph and text link, then four anchor links each with a round thumbnail, name and short line. Needs a Lexington MCP key.

Outkast WaysToWorkoutkast-services-ways-to-workWays to work: a medium h2 and subtitle, three models in a row with a medium title, fee, muted copy and a short list with dot markers. Needs a Lexington MCP key.

Outkast ColorSwatchesoutkast-system-color-swatchesSystem colour reference in groups: each token as a rounded swatch with its name, the var(--color-*) it maps to and what it is used for. Needs a Lexington MCP key.

Outkast TextLinkSpecimenoutkast-system-text-link-specimenSystem reference for the text link with its round ink chevron: standalone, next to a section heading and under a card. Needs a Lexington MCP key.

Outkast TypeScaleoutkast-system-type-scaleSystem type reference: the Geist family card, the hero headline classes and every Display and Text variant with its responsive sizes. Needs a Lexington MCP key.

Outkast CaseBodyoutkast-work-case-bodyCase study body split 5 to 7: a sticky large intro sentence on the left, the write-up as prose on the right. Needs a Lexington MCP key.

Outkast CaseCoverageoutkast-work-case-coverageWhere it ran split 5 to 7: a medium h2 on the left, a stacked list of coverage with the outlet in small muted type above each headline on the right. Needs a Lexington MCP key.

Outkast CaseHerooutkast-work-case-heroCase study hero split 6 to 6: the result as a huge medium h1 with the client and summary, services and year at the foot, beside a square rounded photo. Needs a Lexington MCP key.

Outkast CaseQuoteoutkast-work-case-quoteCentred client quote: a large quote across the middle with a round portrait, name and role underneath. Needs a Lexington MCP key.

Outkast MoreWorkoutkast-work-more-workMore work: a medium h2 with a text link, then two case cards split 6 to 6 with tall rounded photos, the client and result. Needs a Lexington MCP key.

Outkast WorkGridoutkast-work-work-gridWork index grid: six tall case cards in alternating 7 and 5, 5 and 7, then 6 and 6 column pairs, each with the client and result. Needs a Lexington MCP key.

Outkast WorkIndexHerooutkast-work-work-index-heroWork index hero: a huge medium h1 with two round photo pills between the words and a muted subtitle, then three large stats with a label and a one line example each. Needs a Lexington MCP key.

Phanatik BlogHero1phanatik-blog-blog-hero-1Uppercase Featured label over a thin rule, then one large featured post rendered with the two column image and text card. Single entry, no wrapper. Needs a Lexington MCP key.

Phanatik BlogHero2phanatik-blog-blog-hero-2Wrapped keen-slider carousel of full bleed top story slides with a blue gradient overlay, plus previous and next chevron buttons pinned bottom right. Six slides by default. Needs a Lexington MCP key.

Phanatik Breaking1phanatik-blog-breaking-1Uppercase Breaking label over a thin rule, then a three column grid of stacked image cards showing every post flagged as breaking, three by default. Needs a Lexington MCP key.

Phanatik Briefs1phanatik-blog-briefs-1Uppercase Briefs label linking to the briefs page, then a three column grid of three compact horizontal cards for posts flagged as brief. Needs a Lexington MCP key.

Phanatik Briefs2phanatik-blog-briefs-2Uppercase Briefs heading over a thin rule, then a three column grid of three compact horizontal cards with thumbnail, title, tags, date and reading time. Needs a Lexington MCP key.

Phanatik Categories1phanatik-blog-categories-1Wrapped three column grid of five category blocks, each with an uppercase tag link and More stories arrow above a stacked list of text only post rows. Needs a Lexington MCP key.

Phanatik Category2phanatik-blog-category-2Vertical stack of three category blocks, each with an uppercase tag link and More stories arrow above a three column grid of stacked image cards for that tag. Needs a Lexington MCP key.

Phanatik TechHighlightsphanatik-blog-tech-highlightsTech label with See them all link, then a four column grid: one large gradient image card across three columns beside stacked text rows and one image card. Needs a Lexington MCP key.

Phanatik TopStories1phanatik-blog-top-stories-1Top stories label with More stories link, then a three column grid: a large gradient image card across two columns beside a stacked list of three text only rows. Needs a Lexington MCP key.

Phanatik TopStories2phanatik-blog-top-stories-2Uppercase Top Stories heading over a thin rule, then a two column grid of stacked image cards for every top story, six by default. Needs a Lexington MCP key.

Phanatik Subscribephanatik-cta-subscribeNewsletter panel on a light gray rounded background: serif heading, then a form with an email input and a small subscribe button in a row, plus a short note underneath. Needs a Lexington MCP key.

Phanatik EpisodeCategories1phanatik-podcast-episode-categories-1Wrapped five column grid of category blocks, each with an uppercase tag link and More stories arrow above a stacked list of text only episode rows, two per category. Needs a Lexington MCP key.

Phanatik EpisodeGuestsphanatik-podcast-episode-guestsPlain heading over a thin rule, then a divided vertical list of three guest episodes, each a three column card with cover image, episode meta, title and excerpt. Needs a Lexington MCP key.

Phanatik EpisodeSeriesphanatik-podcast-episode-seriesUppercase Podcast Series label over a thin rule, then a bordered, divided list of text only episode rows for every episode flagged as a series, four by default. Needs a Lexington MCP key.

Phanatik PodcastHero1phanatik-podcast-podcast-hero-1Wrapped keen-slider carousel of series episodes as full bleed slides with a blue gradient overlay and episode meta, with previous and next chevron buttons below on the right. Needs a Lexington MCP key.

Phanatik Advertisephanatik-pricing-advertiseAdvertising page: sticky 1/3 label column, 2/3 content with a wide image, two bullet list text blocks beside an eight stat grid, four ad format entries and two mailto blocks. Needs a Lexington MCP key.

Phanatik Membershipphanatik-pricing-membershipMembership page: sticky 1/3 label column, 2/3 content with three price cards in a 1/2/3 grid, a two column check list of benefits, then five native details FAQ items. Needs a Lexington MCP key.

Prima Persona Educationprimapersona-landing-educationEducation and study: rows of period, title, description and category with hairline rules. No images.

Prima Persona Introprimapersona-landing-introPortfolio intro: one large left-aligned statement (displayLG) on the four-column grid, nothing else. Name, place and what you do in two lines.

Prima Persona Projectsprimapersona-landing-projectsProjects index: same row grammar as Work (year, title, description, category, image) for side projects or a second body of work.

Prima Persona Speakingprimapersona-landing-speakingTalks and speaking: rows of year, title, description and a linked category with an arrow icon. No images.

Prima Persona Workprimapersona-landing-workFeatured work index: rows of year, title, description and category separated by hairline rules, each with a project image. Data is an array at the top of the file.

Pro FolioX Experienceprofoliox-about-experienceExperience section: a grey (Experience) label beside career rows under thin rules, each with years, role and city, then a (Services) label beside five numbered services as index rows. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-about-heroAbout hero: a grey (About) label beside a huge h1 that rises line by line and a short lead, then a wide studio photo inside the page width that wipes up on load. Needs a Lexington MCP key.

Pro FolioX Storyprofoliox-about-storyStory section: a grey (Story) label beside a large paragraph that fills word by word from grey to ink on scroll, two short muted columns, then four big figures under thin rules. Needs a Lexington MCP key.

Pro FolioX Faqprofoliox-contact-faqQuestions section: a grey (Before you write) label beside four questions as an accordion under thin rules, each opening in place with a plus that turns into a minus. Needs a Lexington MCP key.

Pro FolioX Formprofoliox-contact-formContact page: a grey (Contact) label and huge h1 with a short lead, then email, studio, reply time and a red Available dot on the left, and a form with underline inputs, service and budget chips, a message and a submit button. Needs a Lexington MCP key.

Pro FolioX Contactprofoliox-landing-contactClosing call to action: a tall studio photo inside the page width that drifts on scroll, darkened on the left, with a large white heading, a short line, a white button and an email pill button. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-landing-heroHome hero: a grey (Intro) label and a short lead, the name set huge with a small copyright mark, services, city and a red Available dot below, and a tall 3:4 portrait on the right that wipes up on load. Needs a Lexington MCP key.

Pro FolioX Statementprofoliox-landing-statementStatement section: a grey (About) label beside a large paragraph that fills word by word from grey to ink on scroll, with an arrow link to the about page. Needs a Lexington MCP key.

Pro FolioX Teachingprofoliox-landing-teachingTeaching section: a grey label, a large h2 and a lead with arrow links to courses and products, then courses and a template as index rows with kind, title, detail and price, and a photo that follows the pointer over the list. Needs a Lexington MCP key.

Pro FolioX Workprofoliox-landing-workSelected work: a grey label, a large h2 and an arrow link with the project count, then six project photos in paired tiles of mixed widths that wipe up and zoom on hover, each with title, discipline and year. Needs a Lexington MCP key.

Pro FolioX Issuesprofoliox-newsletter-issuesRecent letters: a grey label beside five past issues as index rows under thin rules, each with number, a large title that slides on hover, date and arrow, and a photo that follows the pointer over the list. Needs a Lexington MCP key.

Pro FolioX Quoteprofoliox-newsletter-quoteReader quote: a grey (A reader) label beside a large quote that fills word by word from grey to ink on scroll, with a name and role underneath. Needs a Lexington MCP key.

Pro FolioX Signupprofoliox-newsletter-signupNewsletter hero: a grey label and a short lead, a huge h1 that rises line by line, an email field on one underline with a subscribe button, a tall 3:4 photo that wipes up on the right, then three numbered perks. Needs a Lexington MCP key.

Pro FolioX NotFoundprofoliox-notfound-not-found404 page: a grey (Error 404) label, a huge Not here heading, a short line and an arrow link home, then four links to work, courses, products and journal as index rows that slide on hover. Needs a Lexington MCP key.

Pro FolioX Buttonsprofoliox-system-buttonsSystem buttons: a grey (Buttons) label beside primary and surface buttons in two sizes as rows, the surface ones on a dark panel, then a (Links) label with arrow links and nav links. Needs a Lexington MCP key.

Pro FolioX Colorsprofoliox-system-colorsSystem colours: ground, ink and accent groups, each a grey label beside colour swatches in four columns with the name, the token and its oklch value. Needs a Lexington MCP key.

Pro FolioX Typographyprofoliox-system-typographySystem typography: a grey (Switzer, one family) label beside every Text variant as rows under thin rules, from displayHero to textXS, each with its name and a real sample line. Needs a Lexington MCP key.

Pro FolioX CaseBodyprofoliox-work-case-bodycase study body with a sticky grey (Overview) label on the left and the project write-up in prose in the right nine columns; takes the project Markdown as its slot. Needs a Lexington MCP key.

Pro FolioX Datesprofoliox-workshops-datesUpcoming dates: a grey label beside four sessions as rows under thin rules, each with a large day, month, title, city and status, a red dot when seats are low and sold out in grey. Needs a Lexington MCP key.

Pro FolioX Formatsprofoliox-workshops-formatsWorkshop formats: a grey label and a book link on the left, four numbered formats as index rows on the right, each with a large title that slides on hover, a short line, length, group size and price. Needs a Lexington MCP key.

Pro FolioX Heroprofoliox-workshops-heroWorkshops hero: a grey label beside a huge h1 that rises line by line, a short lead and formats, place and languages, then a wide 21:9 workshop photo that drifts inside its frame on scroll. Needs a Lexington MCP key.

Pro FolioX Quoteprofoliox-workshops-quoteTeam lead quote: a grey label beside a large quote that fills word by word from grey to ink on scroll, with a name and role underneath. Needs a Lexington MCP key.

Quartiere AboutHeroquartiere-about-about-heroAbout hero: full-width photo at hero height with a white tab in its bottom right corner holding the brand and a Since line, a large display title below, then a hairline and a statement with the story paragraph across the right two of three columns. Needs a Lexington MCP key.

Quartiere AboutNumbersquartiere-about-about-numbersFigures block on a three column grid: small heading and line on the left, a hairline divided definition list of five key facts and values across the right two columns. Needs a Lexington MCP key.

Quartiere AboutOfficesquartiere-about-about-officesOffices block: small heading and line on the left, a two column grid of office cards on the right, each a hairline divided list with city, role, address, hours, phone and email links and an optional area guide link. Needs a Lexington MCP key.

Quartiere AboutPeoplequartiere-about-about-peopleShort closing row: small heading and line on the left, a full-width See all agents link with a long arrow aligned to the bottom across the right two columns. Needs a Lexington MCP key.

Quartiere AboutPrinciplesquartiere-about-about-principlesPrinciples block: small heading and line on the left, two rows on the right, each pairing a heading and paragraph with a 4:3 photo. Needs a Lexington MCP key.

Quartiere AgentsIndexquartiere-agents-agents-indexAgents index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of agent cards with portrait, role, office, languages and phone. Needs a Lexington MCP key.

Quartiere BlogIndexquartiere-blog-blog-indexNews index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of article cards with photo, title, short description, author and date. Needs a Lexington MCP key.

Quartiere BookingSectionquartiere-bookings-booking-sectionBooking request page: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a short hairline divided list of visit details on the left and a form with name, email, phone, visit type, office, date, time of day and message beside it, a submit button and a consent note. Needs a Lexington MCP key.

Quartiere ContactSectionquartiere-contact-contact-sectionContact page: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a hairline divided list with head office, phone, email, hours and an offices link on the left and a form with name, email, phone, topic and office selects and a message beside it, with a consent note. Needs a Lexington MCP key.

Quartiere Sellquartiere-ctas-sellTwo column call to action: tall photo on the left, an outlined panel on the right with a display heading, a hairline, a paragraph and one extra large button, sharp corners throughout. Needs a Lexington MCP key.

Quartiere Subscribequartiere-ctas-subscribeTwo column newsletter block: tall photo on the left, an outlined panel on the right with a display heading, a hairline, a paragraph, a labelled email input and a full-width Subscribe button. Needs a Lexington MCP key.

Quartiere NotFoundquartiere-errors-not-foundFull-height 404: a large Page not found title, a hairline, a short statement and paragraph across the right two columns and two buttons leading to the sale and rental indexes. Needs a Lexington MCP key.

Quartiere FaqGroupsquartiere-faq-faq-groupsFAQ groups: hairline separated rows, each with a group title on the left and a hairline divided list of questions and answers in two columns across the right two thirds. Needs a Lexington MCP key.

Quartiere ForRentIndexquartiere-for-rent-for-rent-indexRentals index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of property cards with photo, monthly rent, address and a facts row. Needs a Lexington MCP key.

Quartiere ForSaleIndexquartiere-for-sale-for-sale-indexHomes for sale index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of property cards with photo, price, address and a facts row. Needs a Lexington MCP key.

Quartiere Consentquartiere-forms-consentsmall muted consent note under a form, separated by a hairline, with Terms of use and Privacy policy links that change colour on hover. Stands alone, no props. Needs a Lexington MCP key.

Quartiere heroquartiere-headers-heroLanding hero: full-width photo at hero height with a white tab in its bottom right corner holding the brand and phone, a large display title below, then a hairline with a small heading and four reasons in a two by two grid. Needs a Lexington MCP key.

Quartiere NeighbourhoodsIndexquartiere-neighbourhoods-neighbourhoods-indexNeighbourhood guides index: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, then a three column grid of area cards with photo, city and three facts. Needs a Lexington MCP key.

Quartiere SellAgentquartiere-sell-sell-agentAgent block on a three column grid: small heading on the left, a 4:5 portrait in the middle, and a statement with a Meet our agents arrow link pushed to the bottom on the right. Needs a Lexington MCP key.

Quartiere SellIntroquartiere-sell-sell-introSell page opening: title alone in display size, a hairline, then a statement and paragraph across the right two of three columns, a Request a valuation button under it, then a full-width photo at hero height. Needs a Lexington MCP key.

Quartiere SellStepsquartiere-sell-sell-stepsSteps block: small heading and line on the left, then three columns of 4:3 photos, each with a step title and a short muted paragraph. Needs a Lexington MCP key.

Quartiere SellValuationquartiere-sell-sell-valuationValuation request: small heading and line on the left, a form on the right with name, email, phone, address, type of home select, rooms and message, a submit button and a consent note. Needs a Lexington MCP key.

Quartiere ButtonsSectionquartiere-system-buttons-sectionDesign system buttons: page title and intro beside the system page links, then every Button variant and size with icon-only versions and a row of buttons in use. Needs a Lexington MCP key.

Quartiere ColorsSectionquartiere-system-colors-sectionDesign system colors: page title and intro, a grid of swatches with token name and value read from colors.css, then the three grounds paired with their text colours. Needs a Lexington MCP key.

Quartiere LinksSectionquartiere-system-links-sectionDesign system links: page title and intro, then hairline rows showing the arrow link, inline text links and buttons as links, each with a short note on where it is used. Needs a Lexington MCP key.

Quartiere TypographySectionquartiere-system-typography-sectionDesign system typography: page title and intro, then hairline rows pairing each Text variant name with a live sample, from the display sizes down to the smallest text. Needs a Lexington MCP key.

Riflesso BlogListriflesso-blog-blog-listSmall heading above a one to five column grid of five image led post cards with wide row gaps, sorted newest first. Needs a Lexington MCP key.

Riflesso GalleryGridriflesso-gallery-gallery-gridFull width autoplaying video on a padded light slab, then a one to five column grid of five gallery thumbnails with titles and wide gaps. Needs a Lexington MCP key.

Riflesso StoreGridriflesso-store-store-gridSmall heading above a one to five column grid of five product cards, each an image with title and price on one line. Needs a Lexington MCP key.

Riflesso TeamGridriflesso-team-team-gridNarrow heading and intro paragraph above a one to five column grid of five portrait cards with name and role, sorted alphabetically. Needs a Lexington MCP key.

Rosewood Herorosewood-about-heroPage hero: uppercase eyebrow label, very large serif heading and a supporting paragraph, left aligned in a max width column with a hairline rule below. No image or buttons. Needs a Lexington MCP key.

Rosewood Missionrosewood-about-missionTwo column split: serif heading with two stats underneath, each an italic value, label and description, beside a 2x2 grid of square photos that zoom on hover. Needs a Lexington MCP key.

Rosewood Valuesrosewood-about-valuesTwelve column split: serif heading in four columns, one long paragraph flowing across three text columns in the other eight, then a row of three square photos below. Needs a Lexington MCP key.

Rosewood BlogIndexrosewood-blog-blog-indexBlog index: a two column grid of blog cards (4:3 image, serif title, excerpt), newest first, with generous vertical gaps. Needs a Lexington MCP key.

Rosewood Herorosewood-blog-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ContactFormrosewood-contact-contact-formTwo column contact block: uppercase labelled groups of contact details and social links on the left, a minimal underline form (first and last name, email, phone, message) with a dark rounded submit button on the right. Needs a Lexington MCP key.

Rosewood Herorosewood-contact-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood MainCtarosewood-ctas-main-ctaDark CTA panel: eyebrow, very large serif heading, paragraph and two plain text links in a two thirds column, with a photo filling the remaining third. Needs a Lexington MCP key.

Rosewood Herorosewood-faq-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood Questionsrosewood-faq-questionsFive column FAQ: a sticky Quick Links aside, then FAQ categories with serif headings and native details/summary accordions with plus icons across three columns. Needs a Lexington MCP key.

Rosewood BeforeAfterPreviewrosewood-landing-before-after-previewBefore and after feature: a draggable comparison slider spanning two of three columns, then eyebrow, serif project title, summary and a plain text link to the project. Needs a Lexington MCP key.

Rosewood Herorosewood-landing-heroLanding hero: uppercase serif title, established date and a services list arranged in a row, then a full width viewport height photo that is grayscale until hovered. Needs a Lexington MCP key.

Rosewood Introrosewood-landing-introThree column about block: a photo collage of three images across two columns, then eyebrow, serif heading, paragraph and three stacked italic stats in the third. Needs a Lexington MCP key.

Rosewood LatestPostsrosewood-landing-latest-postsLatest posts: eyebrow and serif heading with an All posts text link level with the heading, then a three column grid of the three newest blog cards. Needs a Lexington MCP key.

Rosewood ProcessPreviewrosewood-landing-process-previewThree column process teaser: eyebrow, serif heading and a plain text link to the full process on the left, then four numbered steps in a 2x2 grid with italic serif numerals, serif titles and short descriptions. Needs a Lexington MCP key.

Rosewood ProjectPreviewrosewood-landing-project-previewThree column tabbed layout: eyebrow, heading, paragraph and a numbered list of four project tab buttons on the left, stacked image panels spanning two columns that switch on click. Needs a Lexington MCP key.

Rosewood ServicePreviewrosewood-landing-service-previewEyebrow, heading, paragraph and previous and next arrow buttons in the first of three columns, then a native scroll snap carousel of tall portrait service images with titles spanning two columns; the arrows wrap around at the ends. Needs a Lexington MCP key.

Rosewood Testimonialsrosewood-landing-testimonialsCentered eyebrow and serif heading, then a four column grid of eight equal height tiles alternating photos with quote cards showing text, avatar, name and role. Needs a Lexington MCP key.

Rosewood NotFoundrosewood-notfound-not-found404 block: uppercase eyebrow, large serif heading, a short paragraph and a single dark button back home. Needs a Lexington MCP key.

Rosewood Expectationsrosewood-process-expectationsTwo column split: serif heading, paragraph and a 2x2 grid of four title and text items on the left, two staggered portrait photos on the right. Needs a Lexington MCP key.

Rosewood Guaranteesrosewood-process-guaranteesThree column layout: sticky column with heading, paragraph, two italic stats and a text link, beside six numbered rows with serif title and description divided by hairlines. Needs a Lexington MCP key.

Rosewood Herorosewood-process-heroPage hero: uppercase eyebrow label, very large serif heading and a small supporting paragraph, left aligned in a max width column with a hairline rule below. Needs a Lexington MCP key.

Rosewood Timelinerosewood-process-timelineNumbered steps: heading and paragraph, then six rows divided by hairlines, each with a huge italic serif number in four columns and title plus description in eight. Needs a Lexington MCP key.

Rosewood Herorosewood-projects-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ProjectsIndexrosewood-projects-projects-indexProjects index: a stacked list of two column project cards, newest first, each with a wide image, display heading, summary and meta list. Needs a Lexington MCP key.

Rosewood QuoteFormrosewood-quote-quote-formFree quote request form: name, email and phone fields in two columns, a project type select, a project details textarea and a dark rounded submit button, all with hairline underline inputs. Needs a Lexington MCP key.

Rosewood Herorosewood-services-heroPage hero: uppercase eyebrow label, very large serif h1 and a short supporting paragraph, left aligned. No image or buttons. Needs a Lexington MCP key.

Rosewood ServicesIndexrosewood-services-services-indexServices index: a stacked list of service cards sorted by name, each with a large image, display heading and tagline, followed by the dark CTA panel. Needs a Lexington MCP key.

Rosewood SystemColorsrosewood-system-system-colorsColour tokens: intro, then a four column grid of swatches for background, foreground, muted and muted foreground, each with its name and token. Needs a Lexington MCP key.

Rosewood SystemTypographyrosewood-system-system-typographyType specimen: intro, then every display variant in EB Garamond and every text variant in Switzer, each label beside a sample line on a four column grid. Needs a Lexington MCP key.

Sandstone NotFoundHerosandstone-404-not-found-hero404 page as a full height rounded photo panel with a stone overlay card on the right: the logo, a muted large line, a short hint and a copyright line at the bottom. Needs a Lexington MCP key.

Sandstone BlogGridsandstone-blog-blog-gridJournal index: the newest post as a 7 and 5 column feature with a 4:3 rounded image, date and author, a medium h2, excerpt and rolling text link, then three blog cards in a row. Needs a Lexington MCP key.

Sandstone BlogHerosandstone-blog-blog-heroJournal hero: one display statement as the h1, first line indented on desktop, with three phrases in light grey italic. Needs a Lexington MCP key.

Sandstone ContactFormsandstone-contact-contact-formEnquiry form beside a sticky white card with a short promise, the studio address and hours: rows split by lines for name, email and location, radio pills for project type, budget and timing, a message and a send button. Needs a Lexington MCP key.

Sandstone ContactHerosandstone-contact-contact-heroContact hero as a full height rounded photo panel with a stone overlay card on the right: the logo, a muted intro, email, phone and social links in small muted text. Needs a Lexington MCP key.

Sandstone BlogPreviewsandstone-landing-blog-previewJournal preview: a section heading with a rolling text link above three blog cards in a row. Needs a Lexington MCP key.

Sandstone Ctasandstone-landing-ctaClosing statement: one display sentence with grey italic phrases about taking on new projects, and a rolling text link to the contact page below. Needs a Lexington MCP key.

Sandstone Herosandstone-landing-heroHome hero as a full height rounded photo panel: a giant logo mark across the photo in difference blend, a scrolling ticker of contact details along the top edge. Needs a Lexington MCP key.

Sandstone Introsandstone-landing-introStudio statement: one display paragraph with phrases in light grey italic, then a press strip with six wordmarks under an "As featured in" label. Needs a Lexington MCP key.

Sandstone Processsandstone-landing-processProcess: a section heading with a subtitle above four white rounded cards in an ordered list, each with a big italic number, the duration, a medium title and a short paragraph. Needs a Lexington MCP key.

Sandstone ProjectPreviewsandstone-landing-project-previewRecent projects: a section heading with a rolling link, then a white card with the year, title, location and arrow buttons beside a scroll snapping slider of rounded project images. Needs a Lexington MCP key.

Sandstone ServicesPreviewsandstone-landing-services-previewServices as a full height rounded photo panel: a stone overlay card with a medium statement, three service names as tabs that swap the photo and description, and a rolling link. Needs a Lexington MCP key.

Sandstone Statssandstone-landing-statsStudio in numbers: a tall rounded photo with a caption beside a medium statement, a muted paragraph and four figures as rows split by lines, each a large number with its label. Needs a Lexington MCP key.

Sandstone Testimonialssandstone-landing-testimonialsClient quotes slider: a medium heading and arrow buttons beside scroll snapping white rounded cards, each with a large italic quote, a round portrait, the name, role and city. Needs a Lexington MCP key.

Sandstone ProjectsGridsandstone-projects-projects-gridProjects index: the newest project as a full width 16:9 feature, then the rest in a 12 column grid alternating 7 and 5 column cards with square and portrait covers. Needs a Lexington MCP key.

Sandstone ProjectsHerosandstone-projects-projects-heroProjects hero: one display statement as the h1, first line indented on desktop, with phrases in light grey italic. Needs a Lexington MCP key.

Sandstone ServicesFeessandstone-services-services-feesHow fees work beside a sticky white card: three rows split by lines, each with a big italic number, a medium h3 and a muted explanation. Needs a Lexington MCP key.

Sandstone ServicesGridsandstone-services-services-gridServices index: six service cards in a two column grid with rounded 4:3 images, numbers, titles and descriptions. Needs a Lexington MCP key.

Sandstone ServicesHerosandstone-services-services-heroServices hero: one display statement as the h1, first line indented on desktop, with phrases in light grey italic. Needs a Lexington MCP key.

Sandstone StudioApproachsandstone-studio-studio-approachStudio approach beside a sticky white card: three principles as rows split by lines, each with a big italic number, a medium h3 and a muted paragraph. Needs a Lexington MCP key.

Sandstone StudioHerosandstone-studio-studio-heroStudio hero: a display h1 with four phrases in light grey italic, then two short muted paragraphs about how the studio started and works. Needs a Lexington MCP key.

Sandstone StudioRecognitionsandstone-studio-studio-recognitionRecognition: a display h2 with grey italic words above rows split by lines, each with the year, the award and the project it went to. Needs a Lexington MCP key.

Sandstone StudioSpacesandstone-studio-studio-spaceThe studio space: a tall rounded photo beside a medium statement with grey italic phrases, a list of facts split by lines and a book a visit rolling link. Needs a Lexington MCP key.

Sandstone Swatchessandstone-system-swatchesDesign system colour sheet: groups of rounded 4:3 swatches, each with its name and token, under a small heading and a muted line. Needs a Lexington MCP key.

Sandstone TextLinkssandstone-system-text-linksDesign system link sheet: the rolling text link in its light and dark variants with a short explanation, the dark one on a photo. Needs a Lexington MCP key.

Sandstone TypeScalesandstone-system-type-scaleDesign system type sheet: every display and text size as a row with its name and a sample sentence, grouped by weight. Needs a Lexington MCP key.

Sandstone TeamGridsandstone-team-team-gridTeam grid: two team cards side by side with square portraits, names, roles and bios. Needs a Lexington MCP key.

Sandstone TeamHerosandstone-team-team-heroTeam hero: one display statement as the h1, first line indented on desktop, with five words in light grey italic. Needs a Lexington MCP key.

Sandstone TeamJoinsandstone-team-team-joinCareers note beside a sticky white card: a medium statement with grey italic phrases, a list of what the studio looks for split by lines and a send your portfolio rolling link. Needs a Lexington MCP key.

Sandstone TeamMakerssandstone-team-team-makersMakers: a display h2 with grey italic phrases above six white rounded cards in a three column grid, each with the year the partnership started, the craft and the town. Needs a Lexington MCP key.

Scarlet Heroscarlet-about-heroAbout page hero: large h1 and lead, then a three column grid with a wide sage-tinted photo over two columns beside a second tall photo. Needs a Lexington MCP key.

Scarlet Milestonesscarlet-about-milestonesDark sage panel with an h2 and a four column timeline, each year on a hairline with a dot marker and a short caption. Needs a Lexington MCP key.

Scarlet Storyscarlet-about-storyFounder story in two cards: a tinted portrait with a notch tab naming the founder and an arrow link, beside a muted card with a large quote, two paragraphs and three stat facts. Needs a Lexington MCP key.

Scarlet Teamscarlet-about-teamHeading row with an h2 and a Meet the team button, then a four column grid of team cards with tinted portraits and notch arrows. Needs a Lexington MCP key.

Scarlet Heroscarlet-blog-heroBlog index split hero: muted card with h1, lead and the latest post (date, title, excerpt, author avatar) beside a full height tinted cover photo with a notch arrow. Needs a Lexington MCP key.

Scarlet Formscarlet-book-formBooking page: h1 and lead, then a muted form card with pill radio and checkbox choices for treatment, days and time, underline inputs and a submit button, beside a sticky dark sage panel listing what happens next. Needs a Lexington MCP key.

Scarlet Perksscarlet-careers-perksFour column grid of perks under an h2, each with a short title and description, no images. Needs a Lexington MCP key.

Scarlet Heroscarlet-children-heroFriendly split hero on light sage: a drawn smile that winks on hover, h1, lead and two buttons, beside a tinted photo of laughing children with a price notch tab. Needs a Lexington MCP key.

Scarlet Stagesscarlet-children-stagesFour muted cards under an h2, one per age range (0 to 2 up to 13 to 17) with a large range, a title and advice for that stage. Needs a Lexington MCP key.

Scarlet Tipsscarlet-children-tipsDark sage panel with an h2 on the left and a two column grid of parent tips on hairlines, each with a short title and one line of advice. Needs a Lexington MCP key.

Scarlet Accessscarlet-clinic-accessTall split section: muted card with an h2, address, opening hours, parking and transit facts, beside an OpenStreetMap embed with a directions notch tab. Needs a Lexington MCP key.

Scarlet Equipmentscarlet-clinic-equipmentEquipment list under an h2: divided rows in a three column grid, each naming a piece of kit and explaining it in plain words. Needs a Lexington MCP key.

Scarlet Heroscarlet-clinic-heroClinic page hero: h1 and lead, then a four column mosaic of sage-tinted room photos, one large tile over two rows beside smaller ones. Needs a Lexington MCP key.

Scarlet Detailsscarlet-contact-detailsThree muted contact cards in a row for visit, call and write, each with a line icon, two lines of detail and a full width button. Needs a Lexington MCP key.

Scarlet Heroscarlet-contact-heroStacked page hero: h1, lead paragraph and two pill buttons, no image. Needs a Lexington MCP key.

Scarlet Heroscarlet-emergency-heroEmergency split hero: h1 and lead on the left, a dark sage panel with a live dot, a large phone number, weekly hours and a phone notch button on the right. Needs a Lexington MCP key.

Scarlet Situationsscarlet-emergency-situationsHeading row with an h2 and a note, then six muted first-aid cards in a three column grid, each with advice and how soon to be seen. Needs a Lexington MCP key.

Scarlet Questionsscarlet-faq-questionsFAQ page: h1 and lead, then a four column layout with a category list on the left and native details accordions with round plus toggles across three columns. Needs a Lexington MCP key.

Scarlet Contactscarlet-landing-contactContact split: a tall tinted photo of the front desk beside an h2, lead and an underline form with name, phone or email and message fields. Needs a Lexington MCP key.

Scarlet Faqscarlet-landing-faqMuted card with an h2 and lead in two of five columns and native details accordions with round plus toggles in the other three. Needs a Lexington MCP key.

Scarlet Heroscarlet-landing-heroLanding split hero: muted card with h1, lead, a book button with arrow pair and three opening facts, beside a full height tinted photo with a featured treatment notch tab. Needs a Lexington MCP key.

Scarlet Introscarlet-landing-introMuted intro panel with a large statement h2, three stats on hairlines and a sage arch drawn off the bottom right corner. Needs a Lexington MCP key.

Scarlet Pricingscarlet-landing-pricingPricing under an h2 and a payment plan note: a light sage care plan card with a drawn smile, monthly price, feature list and join button, beside muted cards listing everyday and cosmetic prices. Needs a Lexington MCP key.

Scarlet Testimonialsscarlet-landing-testimonialsDark sage panel with a small label, a large featured quote with avatar, then two columns of shorter quotes on hairlines with small avatars, names and treatments. Needs a Lexington MCP key.

Scarlet Treatmentsscarlet-landing-treatmentsHeading row with an h2, lead and two buttons, then a two column grid of square muted treatment cards with line icons, duration, price and notch arrows. Needs a Lexington MCP key.

Scarlet Visitscarlet-landing-visitFirst visit steps: an h2 and a drawn smile on the left, a numbered list of four steps on hairlines on the right. Needs a Lexington MCP key.

Scarlet Checklistscarlet-new-patients-checklistChecklist under an h2 on the left, a two column grid of things to bring with check icons across two columns. Needs a Lexington MCP key.

Scarlet Heroscarlet-new-patients-heroNew patients split hero: h1, lead and two buttons stretched top to bottom on the left, a tall tinted photo with a notch tab on the right. Needs a Lexington MCP key.

Scarlet Paymentscarlet-new-patients-paymentThree muted payment cards under an h2 (insurance, monthly payments, care plan), each with a title, explanation and a closing detail line. Needs a Lexington MCP key.

Scarlet CarePlanscarlet-pricing-care-planLight sage care plan panel: h2, lead, monthly price per adult and a join button on one side, the list of what the plan includes on the other. Needs a Lexington MCP key.

Scarlet PriceListscarlet-pricing-price-listPricing page: split hero with h1, lead and a tinted photo with a notch, then price groups per treatment with itemised prices and a spread the cost card. Needs a Lexington MCP key.

Scarlet Summaryscarlet-reviews-summaryReviews page hero: h1 and lead, then three large stats on hairlines for rating, number of reviews and recommendation rate. Needs a Lexington MCP key.

Scarlet Wallscarlet-reviews-wallReviews wall: zigzag rows pairing a tinted patient portrait with a muted quote card, a dark sage featured quote, then a grid of short text reviews with small avatars. Needs a Lexington MCP key.

Scarlet Joinscarlet-team-joinCareers call to action on a light sage panel: h2, lead and a See open roles button, with a sage arch drawn in the background. Needs a Lexington MCP key.

Scarlet Valuesscarlet-team-valuesThree column values under an h2, each with a short title and paragraph, no images. Needs a Lexington MCP key.

Scarlet Heroscarlet-treatments-heroTreatments index split hero: muted card with h1, lead and a divided list of treatments with line icons, starting prices and rotating arrows, beside a tinted photo with a book a check-up notch. Needs a Lexington MCP key.

Semplice Detailssemplice-about-detailsFour mono columns on a hairline rule: based in, subjects, clients and recognition, each a short list of small monospace lines. Needs a Lexington MCP key.

Semplice Introsemplice-about-introAbout hero with a portrait and mono caption on the left, a medium weight headline and three short bio paragraphs on the right. Needs a Lexington MCP key.

Semplice Processsemplice-about-processProcess band: mono label and a two line heading on the left, four numbered steps in a two column grid on the right, each on a thin top rule. Needs a Lexington MCP key.

Semplice Sheetsemplice-archive-sheetContact sheet of every photo: mono subject filters with a live frame count, then a two to six column grid of 4:5 thumbnails with numbered mono captions. Needs a Lexington MCP key.

Semplice PostBodysemplice-blog-post-bodyNarrow centred prose column for an article body, typography plugin colours mapped to the theme tokens. Pass the Markdown content as the slot. Needs a Lexington MCP key.

Semplice TagIndexsemplice-blog-tag-indexMonospace list of every tag with its post count in brackets, rows on hairlines that invert to black on hover. Needs a Lexington MCP key.

Semplice TagListsemplice-blog-tag-listRow of mono tag filter links with counts in brackets, the current one black and underlined, on a content aligned top rule. Needs a Lexington MCP key.

Semplice Formsemplice-contact-formContact page: headline and a mono details list on the left, an enquiry form on the right with bottom border only fields, mono labels, a project type select and a black submit button. Needs a Lexington MCP key.

Semplice Herosemplice-landing-heroFull viewport hero: a mono name label and one centred medium line over an endless ribbon of mixed height photos on a slight 3D curve that drifts, follows scroll and drags, with a small View all work button. Needs a Lexington MCP key.

Semplice Profilesemplice-landing-profileFour mono columns on a hairline rule: a short profile with an about link, subjects, clients and output. Needs a Lexington MCP key.

Semplice SelectedWorksemplice-landing-selected-workSelected work: mono label over a four column staggered grid of 4:5 project covers, each with a centred mono title and client. Needs a Lexington MCP key.

Semplice LegalBodysemplice-legal-legal-bodyLegal document body where every h2 becomes a numbered mono row on the left with its text in a wide right column, no rules. Pass the Markdown content as the slot. Needs a Lexington MCP key.

Semplice NotFoundsemplice-not-found-not-foundCentred 404 with a portrait photo, a mono 404 label, a short medium headline, one grey line and two buttons. Needs a Lexington MCP key.

Semplice Faqsemplice-services-faqQuestions band: mono label and heading on the left, five open and close questions on hairline rows with a mono plus and minus on the right. Needs a Lexington MCP key.

Semplice Licensingsemplice-services-licensingLicensing band: mono label and heading on the left, a monospace table of use, period, territory and fee on hairline rows on the right. Needs a Lexington MCP key.

Semplice Offerssemplice-services-offersFour commission rows, each with a 4:5 photo, numbered mono category, medium title, grey description, a mono list of what is included and a day rate on the right. Needs a Lexington MCP key.

Semplice Buttonssemplice-system-buttonsStyle guide block showing the primary and muted buttons in both sizes, as links and icon only. Needs a Lexington MCP key.

Semplice Colorssemplice-system-colorsStyle guide grid of colour swatches, each with its token name and OKLCH value in mono. Needs a Lexington MCP key.

Semplice Typographysemplice-system-typographyStyle guide list of every text variant from the display sizes to mono, one per row on hairlines with its name. Needs a Lexington MCP key.

Semplice ProjectIndexsemplice-work-project-indexMonospace project index table of date, name, category, client and image count, rows invert to black on hover and swap a large 4:5 preview photo on the left. Needs a Lexington MCP key.

Semplice ViewTogglesemplice-work-view-toggleMono Grid and Index toggle buttons on a content aligned top rule, switching which [data-view] section below is shown. Needs a Lexington MCP key.

Semplice WorkGridsemplice-work-work-gridTwo column staggered grid of large 4:5 project covers with a mono title, client, category and date under each. Needs a Lexington MCP key.

Simplexity BlogListsimplexity-blog-blog-listTall padded heading block, then a bordered stacked list of five post rows with small square thumbnail, date, reading time, title and clamped excerpt. Needs a Lexington MCP key.

Simplexity BlogPreviewsimplexity-landing-blog-previewBordered header row with heading and see all link, then two text only post rows showing uppercase date, reading time and title. Needs a Lexington MCP key.

Simplexity Herosimplexity-landing-heroMinimal text hero: body size heading in a tall padded wrapper, then a second wrapper with a hairline rule, intro label and a long paragraph, no image or buttons. Needs a Lexington MCP key.

Simplexity ProjectsListsimplexity-projects-projects-listTall padded heading block, bordered intro paragraph, then a divided stacked list of three project rows with a padded image panel, title and subtitle. Needs a Lexington MCP key.

Simplexity StoreListsimplexity-store-store-listTall padded heading block, bordered intro line, then three stacked product entries with a padded image panel, title, description and read more link. Needs a Lexington MCP key.

Snowpeak AsidePostsnowpeak-blog-aside-postDark rounded panel stacking the four newest featured posts as text-only rows divided by thin lines, each with tags, date, reading time, title and arrow button. Needs a Lexington MCP key.

Snowpeak BlogHero1snowpeak-landing-pages-blog-hero-1Three column grid of the three newest featured posts, each a tall tile with meta line, large uppercase title, arrow button and a 12/6 image below. Needs a Lexington MCP key.

Snowpeak BlogHero2snowpeak-landing-pages-blog-hero-2Full width keen slider of top story posts, each slide a three column card with meta, title, description and image, plus previous and next arrow buttons below. Needs a Lexington MCP key.

Snowpeak Breaking1snowpeak-landing-pages-breaking-1Three column grid of breaking posts on grey rounded tiles, each with tags, date and reading time meta, uppercase title and an arrow button at the bottom. Needs a Lexington MCP key.

Snowpeak Briefs1snowpeak-landing-pages-briefs-1Three column grid of the three newest brief posts as text-only grey tiles, whole tile linked, meta line with tags, date and reading time above the title. Needs a Lexington MCP key.

Snowpeak Briefs2snowpeak-landing-pages-briefs-2Three column grid of the three newest brief posts as text-only grey rounded tiles with tags, date and reading time meta above an uppercase title, whole tile linked. Needs a Lexington MCP key.

Snowpeak Categories1snowpeak-landing-pages-categories-1Stacked blocks for five categories, each a dark header bar linking to the tag page followed by a two column grid of that category's posts on grey tiles. Needs a Lexington MCP key.

Snowpeak Category2snowpeak-landing-pages-category-2Stacked blocks for business, finance and tech, each a dark header linking to the tag page above a three column grid of that category's posts on grey tiles. Needs a Lexington MCP key.

Snowpeak TechHighlightssnowpeak-landing-pages-tech-highlightsSingle newest tech post in a wide three column card, text tile with date, reading time, title and arrow button beside a large image, spanning three columns. Needs a Lexington MCP key.

Snowpeak TopStories1snowpeak-landing-pages-top-stories-1Two column stack of two top stories, each a wide card with a text tile holding date, reading time, title and arrow button next to a large image. Needs a Lexington MCP key.

Snowpeak TopStories2snowpeak-landing-pages-top-stories-2Four column grid of top story posts on grey rounded tiles, each with tags, date and reading time meta, uppercase title and an arrow button pinned to the bottom. Needs a Lexington MCP key.

Snowpeak EpisodeCategories1snowpeak-podcast-episode-categories-1Stacked blocks for five categories, each a dark header bar linking to the podcast tag page above a two column grid of white episode tiles with tags and date. Needs a Lexington MCP key.

Snowpeak EpisodeGuestssnowpeak-podcast-episode-guestsVertical list of guest episodes, each a wide card with episode number, duration, author, date, title and description beside a cover image, stacked with small gaps. Needs a Lexington MCP key.

Snowpeak EpisodeSeriessnowpeak-podcast-episode-seriesDark rounded panel stacking series episodes as text-only rows divided by thin lines, each with tags, date, white uppercase title and a small arrow button. Needs a Lexington MCP key.

Snowpeak PodcastHero1snowpeak-podcast-podcast-hero-1Autoplaying keen slider of series episodes, each slide a text tile with date, title and arrow button beside a 12/8 cover image, with full width previous and next buttons below. Needs a Lexington MCP key.

Spazio Bianco SubscribeCtaspaziobianco-blog-subscribe-ctaNewsletter band with hairline top rule: heading and paragraph span two columns, an email input stacked over a Subscribe button and a small consent note in the third. Needs a Lexington MCP key.

Spazio Bianco Feature1spaziobianco-features-feature-1Kicker, heading, paragraph and two buttons in a half-width intro, then eight linked cells in a hairline-divided 2/3/4 grid with yellow icon chip, title, copy and Learn more. Needs a Lexington MCP key.

Spazio Bianco Feature2spaziobianco-features-feature-2Split feature: kicker, heading, two-paragraph copy and a two column list of four icon bullet points on the left, an illustrated visual asset component on the right. Needs a Lexington MCP key.

Spazio Bianco Feature3spaziobianco-features-feature-3Two column feature with heading, four icon led definition items in a two column list, one customer logo card, and a code block with an overlapping visual asset. Needs a Lexington MCP key.

Spazio Bianco Feature4spaziobianco-features-feature-4Split feature with no visual: kicker, heading and paragraph on the left, a two column definition list of four icon-led items with short descriptions on the right. Needs a Lexington MCP key.

Spazio Bianco Feature5spaziobianco-features-feature-5Gradient panel with two column tabbed demo: heading and five vertical tab buttons left, each switching an Astro Code block plus check list on the right via inline script. Needs a Lexington MCP key.

Spazio Bianco Feature6spaziobianco-features-feature-6Intro row: kicker, heading and paragraph span two columns, two buttons in the third. Then eight icon, title, copy items with no card background in 2/4 columns. Needs a Lexington MCP key.

Spazio Bianco Feature7spaziobianco-features-feature-7Comparison list: half-width kicker, heading and paragraph, then brand versus others column labels and four hairline-divided rows with title, description, a check chip and a cross chip. Needs a Lexington MCP key.

Spazio Bianco Feature8spaziobianco-features-feature-8Centered kicker, heading and paragraph, then a large dashboard screenshot with heavy shadow that bleeds off the bottom edge with a white fade overlay. Needs a Lexington MCP key.

Spazio Bianco Hero1spaziobianco-headers-hero-1Left-aligned hero over a lime stripe backdrop: display heading, lead paragraph, two buttons, then an Astro Code snippet and a mock UI card side by side overlapping the hero bottom. Needs a Lexington MCP key.

Spazio Bianco Hero2spaziobianco-headers-hero-2Full viewport split hero: display heading, lead paragraph and two buttons on the left, a mock UI card on a striped panel behind a hairline divider on the right. Needs a Lexington MCP key.

Spazio Bianco HelpCenterFaqspaziobianco-helpcenter-help-center-faqFAQ in a 1/3 split: kicker, heading and paragraph in the first column, eight question rows with plus/minus toggles in a white card spanning two, driven by an inline script. Needs a Lexington MCP key.

Spazio Bianco Statusspaziobianco-helpcenter-statusSystem status list on a light grey band: half-width kicker, heading and paragraph, then ten stacked white rows pairing a service name with a coloured status pill. Needs a Lexington MCP key.

Spazio Bianco TicketCtaspaziobianco-helpcenter-ticket-ctaTwo column call to action: kicker, heading and paragraph on the left, a single Submit a ticket button aligned right and bottom. No form, just a link. Needs a Lexington MCP key.

Spazio Bianco Pricing1spaziobianco-pricing-pricing-1Fee table pricing: kicker, heading, paragraph and Contact sales button, then three stacked category panels, each with an icon header and a divided list of label, price and unit rows. Needs a Lexington MCP key.

Spazio Bianco Pricing2spaziobianco-pricing-pricing-2Fee cards: kicker, heading and paragraph, then three outlined cards in a row, each with icon header, a divided list of label, price and unit rows and a full-width button. Needs a Lexington MCP key.

Spazio Bianco StatsOnespaziobianco-stats-stats-oneStats block: uppercase kicker and a large heading, then four columns each with an oversized blue figure and a one line description. Raw tags, no Text component. Needs a Lexington MCP key.

Spazio Bianco StatsTwospaziobianco-stats-stats-twoStats block: uppercase kicker, heading and paragraph, then six items in a three column grid, each figure set against a thick blue left border with a description below. Needs a Lexington MCP key.

Spazio Bianco Testimonial1spaziobianco-testimonials-testimonial-1Single customer case study card in a bordered wrapper, with customer name, quoted testimonial, call to action line and a coloured logo panel on the right. Needs a Lexington MCP key.

Spazio Bianco Testimonial2spaziobianco-testimonials-testimonial-2Centred kicker, heading and intro above a keen slider carousel of four customer testimonial cards with portrait, name and quote, plus previous and next buttons below. Needs a Lexington MCP key.

Spazio Bianco Chatspaziobianco-widgets-chatfloating chat panel, hidden until toggled, with a greeting header and a contact form of name, email and message fields plus Submit button. Takes class and passthrough attributes. Needs a Lexington MCP key.

Streamer Applystreamer-forms-applyTwo column application section: justified uppercase h1 and statement paragraph on the left, underline style form with full name, email, resume link and cover letter fields plus full width submit. Needs a Lexington MCP key.

Streamer BlogSectionstreamer-landing-blog-sectionOversized black display heading above a four column grid of three square post cards with a hover overlay for author and title, plus a dark more posts tile. Needs a Lexington MCP key.

Streamer Herostreamer-landing-heroFull accent panel hero: portrait image floated left, two short bold paragraphs in two text columns, then an oversized justified statement paragraph in beige, no heading or buttons. Needs a Lexington MCP key.

Streamer PodcastSectionstreamer-landing-podcast-sectionOversized black display heading above a four column grid of three square episode cards with a hover overlay for host and title, plus a dark more episodes tile. Needs a Lexington MCP key.

Streamer Advertisestreamer-pricing-advertiseLong page: justified uppercase h1 and lead, eight sticky rotated stat plaques, text blocks with bullet lists, four ad format entries, two contact blocks with buttons in a thick frame. Needs a Lexington MCP key.

Streamer Membershipstreamer-pricing-membershipJustified uppercase h1, three thick framed pricing cards in a 1/2/3 grid with name, price, description, uppercase feature list and icon only arrow button, then five native details FAQ items. Needs a Lexington MCP key.

Studiomax Agentsstudiomax-about-agents"Agents" label beside a list of the agency's people as big grey rows: name, role and email, each row turning black on hover. Needs a Lexington MCP key.

Studiomax Introstudiomax-about-introPage intro: a small "About" label in the first column, a display headline beside it, then four small facts (founded, agency, board, booked in). Needs a Lexington MCP key.

Studiomax Methodstudiomax-about-method"How we work": a medium statement about keeping the board short, then three small titled steps in a row. Needs a Lexington MCP key.

Studiomax Picturestudiomax-about-pictureOne large 4:5 runway photo across four columns with a small grey caption beside its bottom edge. Needs a Lexington MCP key.

Studiomax Articlestudiomax-blog-articleJournal post body: Markdown in the prose wrapper, set from the second column of the six column grid. Needs a Lexington MCP key.

Studiomax PostListstudiomax-blog-post-list"Notes": journal posts as rows with a big grey title, the author and the date, each row turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax TopicListstudiomax-blog-topic-list"All topics": every journal topic as a big grey link with its note count, turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax Introstudiomax-campaigns-introCampaigns index intro: a small label, the headline "Booked from the board." and a grey line about the work. Needs a Lexington MCP key.

Studiomax Liststudiomax-campaigns-listCampaign index: each campaign a 3:4 cover alternating left and right across the grid, with its title and season, photographer and models beside it. Data inlined. Needs a Lexington MCP key.

Studiomax Modelsstudiomax-campaigns-models"Models" label beside the models booked on a campaign: 3:4 portraits with name, city and height, linked to each profile. Data inlined. Needs a Lexington MCP key.

Studiomax Notesstudiomax-campaigns-notes"On set": large paragraphs of notes from the shoot in a slot, set from the second column. Needs a Lexington MCP key.

Studiomax Introstudiomax-contact-introBook a model intro: a Contact label, the headline "Book a model.", a grey line and four details (agency, bookings, phone, hours). Needs a Lexington MCP key.

Studiomax Requeststudiomax-contact-requestBooking request form: job types and models as big grey radio and checkbox words that turn black when picked, fields with floating labels on a bottom line, and a rounded black send button. Data inlined. Needs a Lexington MCP key.

Studiomax Aboutstudiomax-landing-about"About" label beside a medium statement about the agency and a two column list of the models' names as small links. Data inlined. Needs a Lexington MCP key.

Studiomax CampaignListstudiomax-landing-campaign-list"Campaigns": a tall cover that changes as you hover a list of big grey campaign titles, the active one black. Data inlined. Needs a Lexington MCP key.

Studiomax Facesstudiomax-landing-facesModel slider: a large full length portrait, the name, board, city and height, two smaller shots and a 1/6 counter with arrows, the previous model peeking in on the left. Data inlined. Needs a Lexington MCP key.

Studiomax Herostudiomax-landing-heroFull screen hero: every model portrait on a 3D row that turns as you scroll (GSAP ScrollTrigger), the hovered model's name in huge type across the middle, the agency line at the bottom. Data inlined. Needs a Lexington MCP key.

Studiomax Bodystudiomax-legal-bodyLegal page body: a sticky stacked list of the legal pages beside the Markdown text in the prose wrapper. Data inlined. Needs a Lexington MCP key.

Studiomax Boardstudiomax-models-board"Board": big grey filters for all, women, men and new faces above a loose six column grid of portraits with empty cells, each swapping to full length on hover, with name, city and height. Data inlined. Needs a Lexington MCP key.

Studiomax Campaignsstudiomax-models-campaigns"Campaigns" label beside the campaigns a model was booked for, as big grey titles with the type and photographer. Data inlined. Needs a Lexington MCP key.

Studiomax Introstudiomax-models-introModels index intro: a small label, the headline "The board." and a grey line about the models. Needs a Lexington MCP key.

Studiomax NotFoundstudiomax-not-found-not-found404 page: an "Error 404" label, the headline "Not on the board.", a grey line and the site's pages as big grey links. Data inlined. Needs a Lexington MCP key.

Studiomax Applicationstudiomax-scouted-applicationScouting application: big grey board choices, fields with floating labels on a bottom line, three photo upload rows that show the file name, an under 18 note and a rounded send button. Needs a Lexington MCP key.

Studiomax Introstudiomax-scouted-introGet scouted intro: a label, the headline "Send us three photos.", a grey line and four requirements (age, women, men, reply). Needs a Lexington MCP key.

Studiomax Photosstudiomax-scouted-photos"What to send": a medium line on how to take the photos, then three 3:4 example shots (front, three quarter, full length) with a caption each. Needs a Lexington MCP key.

Studiomax Introstudiomax-services-introServices index intro: a small label, the headline "Four things, done properly." and a grey line. Needs a Lexington MCP key.

Studiomax Liststudiomax-services-list"What we do": services as rows with the name in big grey type, a short description and the agent, each row turning black on hover. Data inlined. Needs a Lexington MCP key.

Studiomax Buttonsstudiomax-system-buttonsButton system page: the primary and outlined buttons in every size from xxs to xl, as buttons and as links. Needs a Lexington MCP key.

Studiomax Specimensstudiomax-system-specimensType specimens: every Text variant from display4XL to textXS with its name and a real sample line. Needs a Lexington MCP key.

Studiomax Swatchesstudiomax-system-swatchesColour swatches grouped under small labels: each token as a 3:4 tile with its name and token below. Needs a Lexington MCP key.

Trendspotter Faqtrendspotter-infopages-faqFAQ page: centered heading and intro in a narrow wrapper, then ten native details accordions with a rotating plus icon and answer paragraph. No JavaScript. Needs a Lexington MCP key.

Trendspotter StorePreviewtrendspotter-landing-store-previewCentred heading and intro paragraph above a two column grid of two product cards, each with a square image and a title row showing the price on the right. Needs a Lexington MCP key.

Vanta Beliefsvanta-about-beliefsBeliefs panel: a big rounded navy panel with a light h2 and four beliefs in a row, each under a hairline with its stage shape (mustard circle, coral arch, blue square), a title and a short line. Needs a Lexington MCP key.

Vanta Governancevanta-about-governanceHow the school is run: an h2, then three points in three columns under one hairline, each a title and a short muted line on ownership, the board and inspection. Needs a Lexington MCP key.

Vanta Herovanta-about-heroAbout hero: a small label and the displayHero h1 beside a lead, a wide rounded photo of children walking through the wood, and four big figures underneath. Needs a Lexington MCP key.

Vanta Historyvanta-about-historyStory section: a sticky h2 and short line on the left, the school's years as a hairline timeline on the right, each a big muted year, a title and a line. Needs a Lexington MCP key.

Vanta Lettervanta-about-letterLetter from the head: a small label on the left, a large display quote and two paragraphs on the right, signed with the three stage shapes, a name and a role. Needs a Lexington MCP key.

Vanta Nextvanta-about-nextNext steps: an h2, then three rounded surface cards linking to visit, admissions and fees, each with a big stage shape that lifts on hover, a title and a short line. Needs a Lexington MCP key.

Vanta Applyvanta-admissions-applyApplication form in a rounded surface panel: an h2, a short line and the admissions contact on the left, fields for parent, child, date of birth, stage and start date, a message and a pill submit button on the right. Needs a Lexington MCP key.

Vanta Bursariesvanta-admissions-bursariesBursaries panel: a rounded navy panel with a mustard circle cropped in the corner, a light h2, a short line and an arrow link to fees, and three big figures on the right. Needs a Lexington MCP key.

Vanta Calendarvanta-admissions-calendarAdmissions year: an h2 and short line on the left, the key dates from applications opening to the first day as a hairline list on the right, each a date, a title and a line. Needs a Lexington MCP key.

Vanta Faqvanta-admissions-faqAdmissions questions: an h2 with an arrow link to the FAQ on the left, five questions as a hairline accordion on the right, each opening in place with a plus that turns. Needs a Lexington MCP key.

Vanta Herovanta-admissions-heroAdmissions hero: a small label and the displayHero h1 beside a lead and two pill buttons, then four big figures under a hairline (closing date, reply time, start months, fee). Needs a Lexington MCP key.

Vanta Stepsvanta-admissions-stepsHow it works: an h2, then four steps as hairline rows, each a number set in its stage shape, a title, a paragraph and a short list of what to have ready. Needs a Lexington MCP key.

Vanta Clubsvanta-campus-clubsClubs section: a sticky h2 and short line on the left, the week as hairline rows on the right, each a day and the clubs that run on it. Needs a Lexington MCP key.

Vanta Herovanta-campus-heroCampus hero: a small label, the displayHero h1 and a lead beside two photos, a tall arch-cropped wood photo and a square building photo under a mustard circle. Needs a Lexington MCP key.

Vanta Lunchvanta-campus-lunchLunch panel: a big rounded coral panel with the h2 and a line about the kitchen on the left, this week's menu as light hairline rows of day and dish on the right. Needs a Lexington MCP key.

Vanta Nextvanta-campus-nextClosing call to action: a rounded navy panel with a light h2 and a short line, and two pill buttons to book a visit and read about the school. Needs a Lexington MCP key.

Vanta Placesvanta-campus-placesPlaces section: an h2 beside a short line, four rounded 4:5 photo cards of the wood, main building, studios and science wing, then more of the campus as a hairline list. Needs a Lexington MCP key.

Vanta Traditionsvanta-campus-traditionsTraditions section: an h2, then four tall rounded surface cards for the seasons, each with the season, a stage shape, a title and a short line. Needs a Lexington MCP key.

Vanta Herovanta-contact-heroContact hero: a small label and the displayHero h1 beside a lead, then reception phone and email, the address and office hours in three columns under a hairline. Needs a Lexington MCP key.

Vanta Messagevanta-contact-messageContact form in a rounded surface panel: an h2, a short line and the three stage shapes on the left, name, email, phone, a topic select, a message and a pill submit button on the right. Needs a Lexington MCP key.

Vanta Peoplevanta-contact-peopleWho to write to: a sticky h2 and short line on the left, four people as hairline rows on the right, each a portrait cropped to a stage shape, role, name, a line and an email link. Needs a Lexington MCP key.

Vanta EventBodyvanta-events-event-bodyevent page body: the event's Markdown in prose across seven columns; takes the event content as its slot. Needs a Lexington MCP key.

Vanta Listingvanta-events-listingEvents index: a small label and the displayHero h1 beside a lead, then the events grouped by month, a sticky month name beside hairline rows of day, title, time, place and category mark. Needs a Lexington MCP key.

Vanta Askvanta-faq-askClosing call to action: a rounded mustard panel with an h2 and a line about the head of admissions, and two pill buttons to send a message or call. Needs a Lexington MCP key.

Vanta Herovanta-faq-heroFAQ hero: a small label and the displayHero h1 beside a lead, then the question topics as rounded surface cards with a count and a stage shape, each jumping to its group. Needs a Lexington MCP key.

Vanta Questionsvanta-faq-questionsFAQ groups: one block per topic, a sticky stage shape and h2 on the left, the questions as a hairline accordion on the right, each opening in place with a plus that turns. Needs a Lexington MCP key.

Vanta Bursariesvanta-fees-bursariesBursaries panel: a big rounded mustard panel with a circle and an arch in the corner, an h2 and a short line, then sibling discounts and bursaries as three big figures under hairlines. Needs a Lexington MCP key.

Vanta Herovanta-fees-heroFees hero: a small label and the displayHero h1 beside a lead and two pill buttons to apply and jump to bursaries. Needs a Lexington MCP key.

Vanta Includedvanta-fees-includedWhat's included: a rounded surface card with a checked list of what the fee covers beside an outlined card of optional extras with prices, then the one-time costs as big figures under a hairline. Needs a Lexington MCP key.

Vanta Paymentvanta-fees-paymentHow paying works: an h2 and a rounded surface card with the bursar's contact and a pill button on the left, the payment terms as hairline rows of title and text on the right. Needs a Lexington MCP key.

Vanta Tuitionvanta-fees-tuitionTuition table: one hairline row per stage with its shape, name and years, the monthly fee set large and the yearly total muted, with a short note on instalments underneath. Needs a Lexington MCP key.

Vanta Admissionsvanta-landing-admissionsAdmissions teaser in a rounded surface panel: an h2, a short line and two pill buttons on the left, four numbered steps as hairline rows on the right. Needs a Lexington MCP key.

Vanta Datesvanta-landing-datesComing up: an h2 with an arrow link, then five dates as hairline rows, each a big day and month, a title, a short line and the kind of date on the right. Needs a Lexington MCP key.

Vanta Dayvanta-landing-dayA day at school: an h2 beside a short line, then six moments from 08:00 to 15:00 along a line with small stage shapes, each a time, title and line; scrolls sideways with snap on small screens. Needs a Lexington MCP key.

Vanta Herovanta-landing-heroFull-screen home hero: a small line and the displayHero h1, a lead and two pill buttons, and three stage photos cropped to their shapes (mustard circle, coral arch, blue square) that lift on hover. Needs a Lexington MCP key.

Vanta Quotevanta-landing-quoteParent quote: a portrait cropped to a coral arch on the left, a large display quote and the parent's name and child's year on the right. Needs a Lexington MCP key.

Vanta Reasonsvanta-landing-reasonsWhy families choose us: an h2 with an arrow link, then a bento grid of rounded tiles, a large photo tile with a mustard circle and four smaller tiles in coral, blue, mustard and navy, each a shape, title and line. Needs a Lexington MCP key.

Vanta Statementvanta-landing-statementStatement section: a large display sentence with the three stage shapes set inline between its phrases, the last part muted, then four big figures under a hairline. Needs a Lexington MCP key.

Vanta Visitvanta-landing-visitVisit call to action: a tall rounded blue panel with a big light h2, a short line, a paper pill button and a phone link, and a cluster of shapes and an arch-cropped photo in the corner. Needs a Lexington MCP key.

Vanta Listingvanta-news-listingNews index: a small label and the displayHero h1 beside a lead, a lead story with a large rounded photo and its title beside it, then every other story as cards in a three-column grid. Needs a Lexington MCP key.

Vanta Herovanta-not-found-heroFull-screen 404: the three stage shapes set large, the displayHero h1 and a short line with two pill buttons, and popular pages as a hairline list of links on the right. Needs a Lexington MCP key.

Vanta Listingvanta-staff-listingStaff index: a small label and the displayHero h1 beside a lead, then the people grouped by department, a sticky shape and department name beside a three-column grid of portrait cards. Needs a Lexington MCP key.

Vanta Applyvanta-stages-overview-applyClosing call to action: a rounded navy panel with a light h2 and a short line on closing dates, and two pill buttons to apply and book a visit. Needs a Lexington MCP key.

Vanta Herovanta-stages-overview-heroStages hero: a small label and the displayHero h1 beside a lead, then an age bar of three rounded stage tiles in mustard, coral and blue, each as wide as the years it covers. Needs a Lexington MCP key.

Vanta Movesvanta-stages-overview-movesMoving up: a big rounded surface panel with an h2 beside a short line, then three moves between stages under hairlines, each a pair of stage shapes, a title and a line. Needs a Lexington MCP key.

Vanta Rulervanta-stages-overview-rulerFixed age ruler (3 to 18) on the left edge, visible from xl, whose mustard, coral and blue segments fill with a CSS scroll-driven animation as each stage block passes the middle of the screen; needs the stages list with data-ruler-track. Needs a Lexington MCP key.

Vanta Stagesvanta-stages-overview-stagesStages list: one hairline block per stage, a photo cropped to its shape on the left, ages, a large name, an intro, figures and an arrow link on the right; carries data-ruler-track for the age ruler. Needs a Lexington MCP key.

Vanta Buttonsvanta-system-buttonsStyle guide: every pill button variant as a hairline row with its name and use, shown in three sizes, the paper variant on a navy panel. Needs a Lexington MCP key.

Vanta Colorsvanta-system-colorsStyle guide: the base, stage and extra colour tokens in groups, each a rounded swatch or the stage shape with its name and token. Needs a Lexington MCP key.

Vanta Linksvanta-system-linksStyle guide: arrow links on paper, surface and navy grounds, button links in three variants and inline links in running text, as hairline rows with a name and use. Needs a Lexington MCP key.

Vanta Typographyvanta-system-typographyStyle guide: two surface cards for Bricolage Grotesque and Inter, then every display and text size as hairline rows with a sample line. Needs a Lexington MCP key.

Vanta Bookvanta-visit-bookVisit booking form in a big rounded blue panel: an h2, a short line and reception contacts on the left, name, email, visit type and stage selects, a day, a message and a paper pill submit button on the right. Needs a Lexington MCP key.

Vanta Directionsvanta-visit-directionsGetting here: the address set large with a short line and an arrow link to maps on the left, train, bus, bike and car as hairline rows on the right. Needs a Lexington MCP key.

Vanta Herovanta-visit-heroVisit hero: a small label, the displayHero h1, a lead and two pill buttons to book or jump to open mornings, beside a tall campus photo cropped to a coral arch. Needs a Lexington MCP key.

Vanta Morningsvanta-visit-morningsOpen mornings: an h2 and short line on the left, four dates as hairline rows on the right, each a big day, the focus, the month and a line. Needs a Lexington MCP key.

Vanta Optionsvanta-visit-optionsThree ways to visit: an h2, then three tall outlined rounded cards for a tour, an open morning and a video call, each a stage shape, title, when, a line and an arrow link. Needs a Lexington MCP key.

Vanta Tourvanta-visit-tourHow a tour goes: a big rounded surface panel with an h2 and four timed moments along a line with small stage shapes, each a time, title and line. Needs a Lexington MCP key.

Westend AgentListingswestend-agents-agent-listingsAgent's active listings: a display h2 with a Browse listings fancy link opposite, then a three column grid of small property cards. Takes a title and the properties. Needs a Lexington MCP key.

Westend AgentProfilewestend-agents-agent-profileAgent profile in labelled 3/9 rows: portrait beside name, role, licence, email, phone and a hairline fact list, then the bio in prose and a consultation heading with a Book a call button. Needs a Lexington MCP key.

Westend AgentsIndexwestend-agents-agents-indexAgents index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of agent cards with tall portraits, name, role, city and languages. Needs a Lexington MCP key.

Westend BlogIndexwestend-blog-blog-indexBlog index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of blog cards sorted newest first. Needs a Lexington MCP key.

Westend PostBodywestend-blog-post-bodyArticle body: a labelled 3/9 row with the post prose in a readable column. Replace the paragraph with the rendered markdown. Needs a Lexington MCP key.

Westend PostHerowestend-blog-post-heroArticle hero: labelled 3/9 row with the title as h1, the excerpt and the publish date, then a full width rounded cover image. Takes the post frontmatter. Needs a Lexington MCP key.

Westend RelatedPostswestend-blog-related-postsRelated posts: a display h2 with a Browse all posts fancy link opposite, then three blog cards in a row. Takes the posts to show. Needs a Lexington MCP key.

Westend BookCallwestend-book-a-call-book-callConsultation booking: a contact aside with email and phone beside the full call form with topic, preferred date and time, call method radios and message. Needs a Lexington MCP key.

Westend Herowestend-book-a-call-heroBooking hero: labelled 3/9 row with an h1 and lead paragraph, then a second labelled What to expect row of four benefit items in four columns. Needs a Lexington MCP key.

Westend ApplyFormwestend-careers-apply-formJob application: heading and one line beside a two column form with name, email, phone, LinkedIn, salary, start date, source select, CV upload, cover letter and consent. Needs a Lexington MCP key.

Westend CareerDetailwestend-careers-career-detailJob detail in labelled 3/9 rows: title, description and posted date, a hairline list of department, type and location, then requirements and benefits side by side. Needs a Lexington MCP key.

Westend CareersIndexwestend-careers-careers-indexCareers index: labelled intro with h2 and lead, a numbered count of current openings above career cards, then the same openings grouped by department. Needs a Lexington MCP key.

Westend Herowestend-company-heroAbout hero: labelled 3/9 row with the brand as h1, a one line lead and story paragraphs in prose, then a full width rounded interior photo. Needs a Lexington MCP key.

Westend Teamwestend-company-teamTeam preview: labelled 3/9 row with an h2, long lead and a Meet all our agents fancy link, then three agent cards with tall portraits. Needs a Lexington MCP key.

Westend Valueswestend-company-valuesValues: labelled 3/9 row with an h2, long lead and six title and text items in three columns, then large stat numerals with labels under a hairline. Needs a Lexington MCP key.

Westend WhyChooseUswestend-company-why-choose-usReasons to choose: labelled 3/9 row with an h2, short lead and title and text items in three columns, then a full width rounded interior photo. Needs a Lexington MCP key.

Westend SellCtawestend-ctas-sell-ctaSelling call to action in a labelled 3/9 row: h2 and lead paragraph, then an accent free valuation pill and a muted Book a call pill. Needs a Lexington MCP key.

Westend LookingForwestend-forms-looking-forBuyer and seller enquiry: uppercase heading and a response time line beside a two column form for name, buy, sell or rent, location, budget, email and phone, with submit and valuation link. Needs a Lexington MCP key.

Westend Agentswestend-landing-agentsHome agents row: display h2 and one line lead with an All agents fancy link opposite, then a six up grid of agent cards with tall portraits. Needs a Lexington MCP key.

Westend FeaturedPropertieswestend-landing-featured-propertiesEdge to edge keen-slider of featured homes: carousel cards with title, location, price and price per m² above wide rounded photos, no heading. Needs a Lexington MCP key.

Westend Herowestend-landing-heroHome hero: a huge display h1 with a small rounded photo set inline at the start of the sentence, then a short lead paragraph. Needs a Lexington MCP key.

Westend Introwestend-landing-introStatement and stats: labelled 3/9 row with a long h2 and lead paragraph, then four large numerals with labels under a hairline. Needs a Lexington MCP key.

Westend Methodwestend-landing-methodSelling steps: display h2, then four columns, each a large 01 to 04 numeral above a hairline, title and one line of text. Needs a Lexington MCP key.

Westend Neighborhoodswestend-landing-neighborhoodsHome neighbourhoods: display h2 and lead about commute, schools and price per m², an All neighborhoods fancy link opposite, then four neighbourhood cards. Needs a Lexington MCP key.

Westend NextOpenHousewestend-landing-next-open-houseNext open house: a large rounded photo beside the date and time, home title, city and price, an optional note, Plan your visit and See the home pills, then up to three later dates. Needs a Lexington MCP key.

Westend RecentlySoldwestend-landing-recently-soldRecently sold table: display h2 and lead, then hairline rows of home, city, asking price, sale price, difference in accent and days on market. Needs a Lexington MCP key.

Westend StuffPickswestend-landing-stuff-picksStaff picks: display h2 with a Browse listings fancy link opposite, then three small property cards with spec chips on hover, price, price per m² and next viewing. Needs a Lexington MCP key.

Westend Testimonialwestend-landing-testimonialFeatured story: display h2 with an All stories fancy link opposite, then one large card with a portrait, big quote, name, role, sale price and days on market. Needs a Lexington MCP key.

Westend LegalDetailwestend-legal-legal-detailLegal page in a labelled 3/9 row: h1, last updated date and prose beside a sticky aside listing the other legal pages and a Book a call pill. Needs a Lexington MCP key.

Westend Officeswestend-locations-officesOffice directory: labelled 3/9 row with an h2, lead and Book a call fancy link, then country groups of city, address, email and phone rows. Needs a Lexington MCP key.

Westend NeighborhoodHerowestend-neighborhoods-neighborhood-heroNeighbourhood hero: labelled 3/9 row with the name as h1, tagline, summary, a hairline fact list and a highlights list, then a full width rounded cover photo. Needs a Lexington MCP key.

Westend NeighborhoodHomeswestend-neighborhoods-neighborhood-homesHomes in a neighbourhood: display h2 with an Other neighborhoods fancy link opposite, then a grid of small property cards. Takes the name and the properties. Needs a Lexington MCP key.

Westend NeighborhoodsIndexwestend-neighborhoods-neighborhoods-indexNeighbourhoods index: labelled 3/9 row with an h1 and lead paragraph, then a three column grid of neighbourhood cards. Needs a Lexington MCP key.

Westend NearbyOpenHouseswestend-openhouses-nearby-open-housesMore open houses: display h2 with a Browse all open houses fancy link opposite, then three open house cards. Takes the open houses to show. Needs a Lexington MCP key.

Westend OpenHouseDetailswestend-openhouses-open-house-detailsOpen house detail rows: a hairline list of beds, baths, area, type, year built, lot, postal code, listed date and neighbourhood with a property link, a map embed, agent contact and a register form. Needs a Lexington MCP key.

Westend OpenHouseHerowestend-openhouses-open-house-heroOpen house hero: labelled 3/9 row with the title as h1, an invitation line with the note, address, city and the date with time range, then a full width rounded photo. Needs a Lexington MCP key.

Westend OpenHousesIndexwestend-openhouses-open-houses-indexOpen houses index: labelled 3/9 row with an h1 and one line lead, then a three column grid of open house cards sorted by date. Needs a Lexington MCP key.

Westend MoreHomeswestend-properties-more-homesMore homes nearby: display h2 naming the neighbourhood with a fancy link to it opposite, then three small property cards. Needs a Lexington MCP key.

Westend PropertyDetailswestend-properties-property-detailsProperty detail rows: description prose, a rounded photo gallery, interior, exterior, community and other feature lists, a hairline fact list, a map embed and the agent's portrait and contact details. Needs a Lexington MCP key.

Westend PropertyHerowestend-properties-property-heroListing hero: labelled 3/9 row with status, title as h1, tagline, address, a fact line with price, price per m², beds, area and energy class, an open house link, then a full width photo. Needs a Lexington MCP key.

Westend PropertyListingwestend-properties-property-listingProperty index: labelled intro, status pills for all, for sale, for rent, off market and sold, country and city selects that filter in place, then a grid of small property cards. Needs a Lexington MCP key.

Westend ResourceDetailwestend-resources-resource-detailGuide page in a labelled 3/9 row: h1 and prose beside a sticky aside listing the other guides and a Book a call pill. Needs a Lexington MCP key.

Westend ResourcesListwestend-resources-resources-listGuides index: labelled 3/9 row with an h1, lead paragraph and a divided list of guide rows with arrow icons. Needs a Lexington MCP key.

Westend Herowestend-sell-your-property-heroSelling hero: labelled 3/9 row with an h1, lead, free valuation and Book a call pills and benefits in three columns, then a full width photo and stat numerals. Needs a Lexington MCP key.

Westend Resourceswestend-sell-your-property-resourcesSeller guides: labelled 3/9 row with an h2, one line lead and a divided list of guide rows with arrow icons. Needs a Lexington MCP key.

Westend ServiceDetailwestend-services-service-detailService page in a labelled 3/9 row: h1, tagline, summary and prose beside a sticky aside listing the other services and a Book a call pill. Needs a Lexington MCP key.

Westend ServicesIndexwestend-services-services-indexServices index: labelled intro with h1 and lead, then services grouped under buying, selling, renting and investing headings as service cards. Needs a Lexington MCP key.

Westend OtherStorieswestend-stories-other-storiesMore stories: display h2 with an All stories fancy link opposite, then three story cards. Takes the stories to show. Needs a Lexington MCP key.

Westend StoriesListwestend-stories-stories-listStories index: labelled 3/9 row with an h1 and lead, then a grid of story cards with portraits, name, role and outcome, newest first. Needs a Lexington MCP key.

Westend StoryBodywestend-stories-story-bodyStory body: labelled 3/9 row with the story prose beside the small card of the home that was sold. Takes the role and the property. Needs a Lexington MCP key.

Westend StoryHerowestend-stories-story-heroStory hero: labelled 3/9 row with the client name as h1, their quote as the lead and a hairline fact list of prices and days on market, then a full width portrait. Needs a Lexington MCP key.

Westend Swatcheswestend-system-swatchesDesign system colour sheet: labelled groups of rounded 4:3 swatches with token name and class below. Needs a Lexington MCP key.

Westend TextLinkswestend-system-text-linksDesign system fancy link sheet: the dotted fancy link in its light and dark variants with a one line note. Needs a Lexington MCP key.

Westend TypeScalewestend-system-type-scaleDesign system type scale: labelled groups listing each Text variant name above a sample line set in it. Needs a Lexington MCP key.

Westend Herowestend-valuation-heroValuation hero: labelled 3/9 row with an h1, lead and three benefits in columns, then a second labelled row of four deliverables. Needs a Lexington MCP key.

Westend Valuationwestend-valuation-valuationValuation request: a contact aside with email and phone beside the full valuation form with address, property details, condition and timeline. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-about-heroFull-bleed photo hero at hero height with a bottom gradient and a huge uppercase wall title in light text, a short inline note set beside the last word. Needs a Lexington MCP key.

Williamsburg Processwilliamsburg-about-processProcess steps: wall title with an inline note, then a full-bleed four column gap-px grid of tall photo tiles, each with a gradient, step number and short uppercase caption. Needs a Lexington MCP key.

Williamsburg Storywilliamsburg-about-storyStory block on a muted ground: wall title across the full width, then two columns of small indented body copy in the right half. Needs a Lexington MCP key.

Williamsburg Teamwilliamsburg-about-teamTeam grid: wall title with an inline note, then a full-bleed gap-px grid of square portraits on surface tiles, each with name, role and a Since year in uppercase captions. Needs a Lexington MCP key.

Williamsburg CartDrawerwilliamsburg-cart-cart-drawerRight-side cart dialog opened by data-cart-open: line items rendered from localStorage with quantity steppers, an empty state, subtotal and a Checkout button; pairs with data-add-to-cart buttons. Needs a Lexington MCP key.

Williamsburg CartItemswilliamsburg-cart-cart-itemsCart page: wall title with a pair count note and Keep shopping link, a full-bleed gap-px grid of product tiles with quantity steppers and Remove, and a summary tile with a large total and Checkout. Needs a Lexington MCP key.

Williamsburg Checkoutwilliamsburg-checkout-checkoutFull-screen checkout split in two: logo, wall title and a four step form (contact, shipping, delivery radio tiles, payment) on the left, a sticky order summary with product tiles and total on the right. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-contact-heroContact page: wall title with an inline note, then a full-bleed two column gap-px split, contact channel tiles with large values on one side and a surface tile with workshop details and a message form on the other. Needs a Lexington MCP key.

Williamsburg HelpArticlewilliamsburg-help-help-articleHelp article: wall title with the topic description as its note and an All topics link, then a sticky topic nav in the first column and prose across the other two. Needs a Lexington MCP key.

Williamsburg HelpIndexwilliamsburg-help-help-indexHelp center index: wall title with a note and a Write to the workshop link, then a full-bleed gap-px grid of surface tiles, each with a topic title, description and its question links. Needs a Lexington MCP key.

Williamsburg JournalIndexwilliamsburg-journal-journal-indexJournal index: wall title with a note, then full-bleed rows split in three, a surface tile with author, date, large title and description across two columns and a 4/3 photo in the third. Needs a Lexington MCP key.

Williamsburg MorePostswilliamsburg-journal-more-postsLatest posts: wall title with an optional note and an All notes link, then a full-bleed gap-px row of two or three tall photo journal cards. Needs a Lexington MCP key.

Williamsburg PostBodywilliamsburg-journal-post-bodyPost body: sticky author block with avatar, date and reading time in the first column, prose across the other two. Needs a Lexington MCP key.

Williamsburg PostHerowilliamsburg-journal-post-heroPost hero: huge wall title with the description as its note and an All notes link, then a full-bleed cover photo at peek height. Needs a Lexington MCP key.

Williamsburg BootWallwilliamsburg-landing-boot-wallProduct wall: wall title with a note and a Shop all link, then a full-bleed five column gap-px grid of square surface tiles, one cutout product per tile. Needs a Lexington MCP key.

Williamsburg Departmentswilliamsburg-landing-departmentsTwo departments: wall title with a note and a Shop all link, then a full-bleed two column gap-px grid of tall surface tiles with a large cutout product, name, description and a pair count. Needs a Lexington MCP key.

Williamsburg Herowilliamsburg-landing-heroFull-screen photo hero with top and bottom gradients and a huge uppercase wall title in light text at the bottom, a short inline note beside the last word. Needs a Lexington MCP key.

Williamsburg NewArrivalswilliamsburg-landing-new-arrivalsProduct grid with an editorial photo: wall title with a note and a Shop all link, then a full-bleed four column gap-px grid where a large photo spans half and four product cards fill the rest; can flip sides. Needs a Lexington MCP key.

Williamsburg Reviewswilliamsburg-landing-reviewsSingle review: wall title with a note, then a full-screen portrait with a gradient, a large pull quote in light text and the reviewer's name and pair linked below. Needs a Lexington MCP key.

Williamsburg Statementwilliamsburg-landing-statementStatement on a muted ground: a huge uppercase wall sentence with two small inline notes set between its words, one Shop all boots button, then a wide full-width photo below. Needs a Lexington MCP key.

Williamsburg LegalDocumentwilliamsburg-legal-legal-documentLegal page: wall title with an Updated date note and links to the other documents, then a sticky On this page list in the first column and prose across the other two. Needs a Lexington MCP key.

Williamsburg ProductHerowilliamsburg-products-product-heroProduct page hero: swipeable image slider across two columns with a thumbnail strip and arrows, title, summary, price, size picker, Add to cart and a Details trigger in the first column. Needs a Lexington MCP key.

Williamsburg ProductReviewswilliamsburg-products-product-reviewsReview slider: wall title with a note, a count and previous and next buttons, then a full-bleed split of the reviewed product on a surface tile and a large quote with an avatar caption. Needs a Lexington MCP key.

Williamsburg ProductTestimonialwilliamsburg-products-product-testimonialFull-screen testimonial: portrait photo with a gradient, a large pull quote in light text and the customer's name and boot below. Needs a Lexington MCP key.

Williamsburg Relatedwilliamsburg-products-relatedRelated products: wall title with a note and a Shop all link, then a full-bleed five column gap-px grid of square surface tiles with cutout products. Needs a Lexington MCP key.

Williamsburg Cataloguewilliamsburg-shop-catalogueShop catalogue: wall title with a note, department buttons with counts and text sort controls, then a full-bleed four column gap-px grid of product cards that re-sorts client side. Needs a Lexington MCP key.

Williamsburg Buttonswilliamsburg-system-buttonsDesign system buttons: full-bleed surface tile rows showing every Button variant and size, with and without icons. Needs a Lexington MCP key.

Williamsburg Colorswilliamsburg-system-colorsDesign system colors: a grid of square swatches, one per semantic token, each labelled in a contrasting text color. Needs a Lexington MCP key.

Williamsburg Linkswilliamsburg-system-linksDesign system links: full-bleed surface tile rows showing the text link styles and their hover colors. Needs a Lexington MCP key.

Williamsburg Typographywilliamsburg-system-typographyDesign system typography: full-bleed surface tile rows, each pairing a Text variant name with a live sample, from the wall title down to small text. Needs a Lexington MCP key.

ZeroIndex GettinStartedzeroindex-landing-gettin-startedDocs scale heading and lead paragraph, then four plain text feature columns in a 1/2/4 grid, each with title, description and a chevron link, no cards or images. Needs a Lexington MCP key.

ZeroIndex Herozeroindex-landing-heroDocumentation hero on a tinted band: shared Header block with title and one-paragraph description, then two small buttons, accent and muted, in a row. Needs a Lexington MCP key.

ZeroIndex Resourceszeroindex-landing-resourcesThree column split: heading and lead paragraph in column one, four soft rounded resource cards with title, description and chevron link in a two column grid spanning the rest. Needs a Lexington MCP key.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information