Margaret River Landscapers

Colour palette

• Paper, #F5F4EF, page background, nav dropdown, callbar and text on the accent button
• Ink, #2B2B28, headings and primary body copy
• Ink Grey, #66655F, secondary copy, footer text
• Accent Green, #5E6351, buttons, links, numbered eyebrow labels
• Sage, #E8EDDF, light green section backgrounds and photo placeholders
• Charcoal, #2C2C2A, dark band background
• On Dark, #ECEBE4, text on the charcoal dark band
• On Dark Grey, #A6A49C, secondary text and labels on the dark band
• Rule, #D4D2C8, borders and dividers

Type scale

• Contact H2: Manrope, weight 300, 151px, used for contact section heading, the largest on the site
• Hero H1: Manrope, weight 300, 89px, used for home hero headline, set over the backdrop wreath
• Section H2: Manrope, weight 300, 86px, used for feature grid and jobs section headings
• Dark band H2: Manrope, weight 300, 81px, used for service area heading on the dark band
• Page H1: Manrope, weight 300, 72px, used for service and area page headlines
• FAQ H2: Manrope, weight 300, 55px, used for FAQ section heading
• Call big: Manrope, weight 300, 34px, used for phone number callout on inner pages
• Card title: Manrope, weight 600, 23px, used for service card and step titles
• Sub-intro: Manrope, weight 300, 23px, used for intro line under a page title
• Eyebrow: IBM Plex Mono, weight 500, 12px, used for numbered section labels and kickers
• Body: Inter, weight 400, 16px, used for paragraph copy

Grid

12 columns, 48px margin, 24px gutter, 1344px content width at 1440px wide.