Hazard-Stripe Divider
Diagonal black-and-amber caution stripes as section dividers and footers.
.hazard-stripe {
height: 16px;
background: repeating-linear-gradient(
-45deg,
#16130E 0 20px,
#E7A81E 20px 40px
);
border-top: 2px solid #16130E;
border-bottom: 2px solid #16130E;
}
Amber-Resin Inclusion Panel
Translucent fossilized-resin depth with a suspended-inclusion fleck — used for hero panels.
.amber-resin {
background:
radial-gradient(circle at 62% 40%, rgba(243,239,226,0.14) 0 6px, transparent 7px),
radial-gradient(ellipse at 30% 20%, #F1C255 0%, #E7A81E 45%, #6B4A22 130%);
border: 2px solid #16130E;
border-radius: 4px;
box-shadow: inset 0 2px 10px rgba(22,19,14,0.25);
}
Red-Ring Roundel Frame
The red-ringed roundel caging a bone silhouette, echoing the skeleton logo.
.roundel {
display: grid;
place-items: center;
width: 160px; height: 160px;
border-radius: 9999px;
background: #16130E;
border: 6px solid #B62E24;
box-shadow: 0 0 0 2px #16130E, 0 5px 0 rgba(22,19,14,0.92);
color: #F3EFE2; /* bone silhouette / glyph */
}