청해파 (세이가이하)

<div class="wrap"><svg viewBox="0 0 240 240" preserveAspectRatio="xMidYMid slice" width="100%" height="100%">
  <defs>
    <pattern id="sg" width="48" height="48" patternUnits="userSpaceOnUse">
      <rect width="48" height="48" fill="#eaf1f5"/>
      <g fill="none" stroke="#2f6690" stroke-width="1.6">
        <path d="M-8 48 A8 8 0 0 1 8 48"/>
        <path d="M-14 48 A14 14 0 0 1 14 48"/>
        <path d="M-20 48 A20 20 0 0 1 20 48"/>
        <path d="M40 48 A8 8 0 0 1 56 48"/>
        <path d="M34 48 A14 14 0 0 1 62 48"/>
        <path d="M28 48 A20 20 0 0 1 68 48"/>
        <path d="M16 24 A8 8 0 0 1 32 24"/>
        <path d="M10 24 A14 14 0 0 1 38 24"/>
        <path d="M4 24 A20 20 0 0 1 44 24"/>
      </g>
      <animateTransform attributeName="patternTransform" type="translate" from="0 0" to="0 -48" dur="9s" repeatCount="indefinite"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#sg)"/>
</svg></div><span class="tag">청해파 · seigaiha</span>

.wrap{position:absolute;inset:0;overflow:hidden}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(20,50,80,.8);
  color:#eaf1f5;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}