Crane-in-disc mark
A navy crane figure precisely centered in a defined circle — the system's anchor mark.
.crane-disc {
width: 96px;
height: 96px;
border-radius: 9999px;
background: #05164D;
display: grid;
place-items: center;
}
.crane-disc svg { width: 56px; height: 56px; fill: #FFAD00; }
Lowercase Helvetica-Bold lockup
Tight, all-lowercase wordmark lockups that sit on the grid baseline.
.lockup {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
text-transform: lowercase;
letter-spacing: -0.03em;
line-height: 1.0;
color: #05164D;
}
Flat yellow field block
Large edge-to-edge melon-yellow panels divided by hard navy rules — the systematic surface.
.field-block {
background: #FFAD00;
color: #05164D;
padding: 96px 48px;
border-bottom: 2px solid #05164D;
}