Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!-- Sea -->
<div class="buoy-logo">
  <div class="w-fit max-w-full h-fit aspect-500/81">
    <svg xmlns="http://www.w3.org/2000/svg" width="500" height="81" viewbox="0 0 500 81" class="max-w-full max-h-full text-brand-sea">
      <title>Buoy Software</title>
      <g fill="currentColor" fill-rule="nonzero">
        <path d="M94.615 78.18H0V1.943h94.615L72.882 40.061zM199.955 42.933l-2.816-2.872 2.801-2.843c6.842-6.954 7.405-18.018 1.127-25.478-5.053-5.997-12.625-9.797-21.072-9.797H123.92V78.18h56.075c8.897 0 16.793-4.21 21.833-10.74 5.672-7.362 4.658-17.891-1.86-24.507h-.013ZM183.05 57.91c0 10.332-8.106 15.413-18.1 15.413h-18.594V42.496h18.594c8.163 0 15.06 3.407 17.312 10.276.508 1.182.774 2.477.774 3.927 0 .183-.028.352-.028.521 0 .225.028.45.028.69h.014Zm0-34.473c0 1.45-.28 2.745-.774 3.927-2.252 6.884-9.149 10.276-17.312 10.276H146.37V6.799h18.594c9.994 0 18.1 5.081 18.1 15.413 0 .24-.028.45-.028.69 0 .183.028.338.028.521l-.014.014ZM284.843 1.957v40.54c0 19.439-1.548 32.74-19.747 32.74-18.2 0-19.748-13.301-19.748-32.74V1.956h-22.464v40.54c0 22.113 18.889 37.597 42.198 37.597 23.308 0 42.197-15.484 42.197-37.598V1.956h-22.464.028ZM366.889 0c-23.31 0-42.198 17.933-42.198 40.047 0 22.114 18.889 40.047 42.198 40.047 23.308 0 42.199-17.933 42.199-40.047 0-22.114-18.905-40.047-42.2-40.047Zm15.16 71.803c-9.839 4.702-24.604-5.715-32.98-23.254-8.375-17.539-7.191-35.57 2.647-40.272 9.839-4.702 24.604 5.715 32.978 23.254 8.375 17.539 7.193 35.57-2.645 40.272ZM500 1.957h-4.856l-26.631 50.59h-.886l-26.589-50.59h-22.577l29.572 56.277v19.903h22.465V58.008z"></path>
      </g>
    </svg>
  </div>
</div>
<!-- Coral -->
<div class="buoy-logo">
  <div class="w-fit max-w-full h-fit aspect-500/81">
    <svg xmlns="http://www.w3.org/2000/svg" width="500" height="81" viewbox="0 0 500 81" class="max-w-full max-h-full text-brand-coral">
      <title>Buoy Software</title>
      <g fill="currentColor" fill-rule="nonzero">
        <path d="M94.615 78.18H0V1.943h94.615L72.882 40.061zM199.955 42.933l-2.816-2.872 2.801-2.843c6.842-6.954 7.405-18.018 1.127-25.478-5.053-5.997-12.625-9.797-21.072-9.797H123.92V78.18h56.075c8.897 0 16.793-4.21 21.833-10.74 5.672-7.362 4.658-17.891-1.86-24.507h-.013ZM183.05 57.91c0 10.332-8.106 15.413-18.1 15.413h-18.594V42.496h18.594c8.163 0 15.06 3.407 17.312 10.276.508 1.182.774 2.477.774 3.927 0 .183-.028.352-.028.521 0 .225.028.45.028.69h.014Zm0-34.473c0 1.45-.28 2.745-.774 3.927-2.252 6.884-9.149 10.276-17.312 10.276H146.37V6.799h18.594c9.994 0 18.1 5.081 18.1 15.413 0 .24-.028.45-.028.69 0 .183.028.338.028.521l-.014.014ZM284.843 1.957v40.54c0 19.439-1.548 32.74-19.747 32.74-18.2 0-19.748-13.301-19.748-32.74V1.956h-22.464v40.54c0 22.113 18.889 37.597 42.198 37.597 23.308 0 42.197-15.484 42.197-37.598V1.956h-22.464.028ZM366.889 0c-23.31 0-42.198 17.933-42.198 40.047 0 22.114 18.889 40.047 42.198 40.047 23.308 0 42.199-17.933 42.199-40.047 0-22.114-18.905-40.047-42.2-40.047Zm15.16 71.803c-9.839 4.702-24.604-5.715-32.98-23.254-8.375-17.539-7.191-35.57 2.647-40.272 9.839-4.702 24.604 5.715 32.978 23.254 8.375 17.539 7.193 35.57-2.645 40.272ZM500 1.957h-4.856l-26.631 50.59h-.886l-26.589-50.59h-22.577l29.572 56.277v19.903h22.465V58.008z"></path>
      </g>
    </svg>
  </div>
</div>
<!-- White -->
<div class="buoy-logo">
  <div class="w-fit max-w-full h-fit aspect-500/81">
    <svg xmlns="http://www.w3.org/2000/svg" width="500" height="81" viewbox="0 0 500 81" class="max-w-full max-h-full text-white">
      <title>Buoy Software</title>
      <g fill="currentColor" fill-rule="nonzero">
        <path d="M94.615 78.18H0V1.943h94.615L72.882 40.061zM199.955 42.933l-2.816-2.872 2.801-2.843c6.842-6.954 7.405-18.018 1.127-25.478-5.053-5.997-12.625-9.797-21.072-9.797H123.92V78.18h56.075c8.897 0 16.793-4.21 21.833-10.74 5.672-7.362 4.658-17.891-1.86-24.507h-.013ZM183.05 57.91c0 10.332-8.106 15.413-18.1 15.413h-18.594V42.496h18.594c8.163 0 15.06 3.407 17.312 10.276.508 1.182.774 2.477.774 3.927 0 .183-.028.352-.028.521 0 .225.028.45.028.69h.014Zm0-34.473c0 1.45-.28 2.745-.774 3.927-2.252 6.884-9.149 10.276-17.312 10.276H146.37V6.799h18.594c9.994 0 18.1 5.081 18.1 15.413 0 .24-.028.45-.028.69 0 .183.028.338.028.521l-.014.014ZM284.843 1.957v40.54c0 19.439-1.548 32.74-19.747 32.74-18.2 0-19.748-13.301-19.748-32.74V1.956h-22.464v40.54c0 22.113 18.889 37.597 42.198 37.597 23.308 0 42.197-15.484 42.197-37.598V1.956h-22.464.028ZM366.889 0c-23.31 0-42.198 17.933-42.198 40.047 0 22.114 18.889 40.047 42.198 40.047 23.308 0 42.199-17.933 42.199-40.047 0-22.114-18.905-40.047-42.2-40.047Zm15.16 71.803c-9.839 4.702-24.604-5.715-32.98-23.254-8.375-17.539-7.191-35.57 2.647-40.272 9.839-4.702 24.604 5.715 32.978 23.254 8.375 17.539 7.193 35.57-2.645 40.272ZM500 1.957h-4.856l-26.631 50.59h-.886l-26.589-50.59h-22.577l29.572 56.277v19.903h22.465V58.008z"></path>
      </g>
    </svg>
  </div>
</div>
1
2
3
4
5
6
7
8
# Sea
anchor_logo(color: :sea)
# Coral
anchor_logo(color: :coral)
# White
anchor_logo(color: :white)

No notes provided.

No params configured.