Diverse

The declared palette is four values in css/colors.css: green #34CC8C, blue #0f43c7, purple #710fc7 and red #cd1531, plus #111214 for the open menu panel. In practice one of them does nearly all the work. #34CC8C fills the full-width header bar, the square-cornered promo button, the five-pixel underline used for emphasis, the map pins dropped over the hero and every highlighted span inside the headline. Purple #710fc7 is the link hover. The blue and the red are declared and then barely used. Type is two Google families: Montserrat for headings, weight 800 at 4vw for the h1 and weight 700 at 2vw for the h2, and Open Sans for body copy. Sizing runs in viewport units rather than rem, so the page scales with the window. The shared h1 through h6 rule misspells the family as "Monserrat" and quietly falls back to sans-serif, which is why only the per-element rules render in Montserrat at all.

The logo is where the palette opens up. Two dark grey chevrons, #414042, are drawn as real paths rather than typed characters, and they wrap the letters d, i and v while "erse" runs on past the closing bracket. Each letter takes its own hue: d red #BE1E2D, i green #39B54A, v navy #2B3990, e cyan #00AEEF, r magenta #EE2A7B, s yellow #F9ED32, final e black. A low-poly origami butterfly perches above the opening bracket, five faceted greens in the lower wing and eight mixed hues in the upper. Twelve or more colors in a mark, set on a four-color page. Three variants shipped: the vector master, a 300 by 156 raster, and a reversed cut with white letterforms on a thin green keyline for the green header bar. Two devices carry the identity onto the page. The hero is a duotone cut-out composite, all thirteen graduates knocked out of white and overlapped in one row, each tinted a different color, with green pins over the faces linking through to that person's page, so the class photo is the navigation. The second is a set of thirteen flat- vector illustrated scenes, one per graduate, every one clipped into the same hexagonal 45-degree-cut frame that echoes the brackets in the logo.