Untitled

<body>

<rect class="works" width="100" height="100" fill="purple" stroke="white"/>

    <rect class="works" width="100" height="100" fill="blue" stroke="white"/>

    <rect class="works" width="100" height="100" fill="purple" stroke="white"/>

    <rect class="works" width="100" height="100" fill="blue" stroke="white"/>

    <rect class="works" width="100" height="100" fill="blue" stroke="white"/>

    <line x1="0" y1="-150" x2="0" y2="0" stroke="white"/>
</svg>

</header>

body {
 background-color: black;
}

svg :first-of-type {
    transform:  translateX(300px) translateY(100px) rotate(45deg);}
svg :nth-of-type(2) {
            transform: translateX(442px) translateY(100px) rotate(45deg);}
svg :nth-of-type(3) {
            transform: translateX(442px) translateY(241px) rotate(45deg);}

<text x="-140" y="250" stroke="white" font-size="24" transform="rotate(-45)" >Lorem</text>