Techniques
Iridescent gorget shift
A green-to-magenta gradient with a gold specular highlight, simulating the angle-dependent colour shift of a hand-finished hummingbird gorget. Use on hero accents, badges, and featured cards.
.element {
background: linear-gradient(
115deg,
#1F7A4D 0%,
#2FA56A 28%,
#9B2257 72%,
#C24272 100%
);
background-size: 200% 200%;
position: relative;
transition: background-position 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.element:hover {
background-position: 100% 0;
}
.element::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(
circle at 30% 25%,
rgba(202, 166, 74, 0.55) 0%,
transparent 45%
);
mix-blend-mode: screen;
pointer-events: none;
}
Gold-leaf plate frame
A thin gold hairline border with an offset rule, evoking the engraved plate margin and gold-leaf trim around every Gould illustration.
.element {
border: 1px solid #CAA64A;
outline: 1px solid rgba(202, 166, 74, 0.28);
outline-offset: 4px;
background: #283D2B;
box-shadow: 0 2px 8px rgba(6, 26, 17, 0.45),
inset 0 0 0 1px rgba(220, 186, 99, 0.15);
}
Dark-foliage vignette ground
The shadowed habitat backdrop: a deep foliage green radiating to near-black at the edges, so the subject is lit at center and swallowed by shadow at the margins.
.element {
background:
radial-gradient(
ellipse 80% 70% at 50% 42%,
#2A3A2E 0%,
#1F2A22 45%,
#12180F 100%
);
color: #EDF1EC;
}