Assets
Colour ranked by rendered painted area, not by declaration count. Everything below was measured on the live source at a 1440px viewport.
Deliberately not carried: #020381 and #2874FC ranked at 123 CSS declarations each and paint on zero elements. So do #DDDDDD, #FF6900, #7A00DF and #006BA1. The theme declares exactly one brand custom property across nine stylesheets.
Source face is brother-1816 from Adobe Fonts, which is paid and cannot ship. Archivo substitutes it across display and body, matching the source's single family system. Leading is re-tuned for Archivo's taller x-height, and the source's 1.15 body leading is corrected to 1.6.
Trust the Best Roofers in Arizona
Licensed and bonded, our roofing contractors combine the latest technology, highest quality materials, and most advanced techniques with decades of industry-leading, client-recommended service.
We are available 24/7.
Extracted whole: 1px red border, white ground, red text, 7px radius, 10px by 25px padding, bold. Hover lifts 5px with a hard offset shadow to the lower right. The declared 50px pill renders on zero elements site wide and is not carried.
box-shadow: 0 3px 1px var(--accent) with a matching red border. Zero blur. Shown here in its hover state.
A 22px panel with overflow: hidden clipping a full bleed red heading into its own top curve.
Yes. Lyons Roofing is licensed under AZ ROC# 348074, fully bonded, and insured for all residential and commercial roofing work in Arizona.
The same underglow on the open card. One treatment reused across two components is what makes it a system.
Rendered census: 0px on 48 elements, 12px on 30, 9px on 8, 7px on 6, 8px on 6. Inputs are square, buttons 7px, cards 12px, panels 22px.
The dominant card shadow is 0 20px 30px rgba(16,27,38,.02), effectively flat. Separation comes from borders and grounds.
Extracted: 0.3s on buttons, 0.2s and 0.3s ease elsewhere. The only transform in the system is the button's 5px lift.