Brand marks

<Wordmark />                      // follows data-brand
<Wordmark brand="aswinology" />
<Wordmark brand="lurnelle" />
<Wordmark suffix="components" as={Link} href="/" />

<h2>The study of becoming<Degree /></h2>
<span>100<Degree plain /></span>

import { gsap } from "gsap";
import { useGSAP } from "@gsap/react";

useGSAP(() => {
  gsap.fromTo(".ds-loop path",
    { strokeDasharray: 1, strokeDashoffset: 1 },
    { strokeDashoffset: 0, duration: 1.6, ease: "power2.inOut" });
}, { scope });

<Loop width={4} />

<BrandOnly brand="aswinology">Soft Swiss, one lime degree.</BrandOnly>
<BrandOnly brand="lurnelle">Glass, clay and a loop.</BrandOnly>