Primary Wordmark

Downloads

sf_wordmark_white.svg

sf_wordmark_white.png

sf_wordmark_black.svg

sf_wordmark_black.png

Logo

Downloads

sf_logo_white.svg

sf_logo_white.png

sf_logo_black.svg

sf_logo_black.png

Colors

$$ \color{#000000}\textsf{Black\;}\textcolor{white}{\colorbox{#000000}{\textsf{\#000000}}}

$$

$$ \color{#000000}\textsf{Mustard\;}\color{#FFF}\colorbox{#c69b41}{\textsf{\#C69B41}} $$

$$ \color{#000000}\textsf{Purple\;}\color{#FFF}\colorbox{#ac2eb6}{\textsf{\#AC2EB6}} $$

$$ \color{#000000}\textsf{Acid Green\;}\color{#000}\colorbox{#B2FE99}{\textsf{\#B2FE99}} $$

$$ \color{#000000}\textsf{Lite Blue\;}\color{#000}\colorbox{#BCDDFA}{\textsf{\#BCDDFA}} $$

$$ \color{#000000}\textsf{Off Black\;}\color{#FFF}\colorbox{#232423}{\textsf{\#232423}} $$

$$ \color{#000000}\textsf{Dark Red\;}\color{#FFF}\colorbox{#ba002a}{\textsf{\#BA002A}} $$

$$ \color{#000000}\textsf{White\;}\color{#000}\colorbox{#fff}{\textsf{\#FFFFFF}} $$

$$ \color{#000000}\textsf{Yellow\;}\color{#000}\colorbox{#F5C043}{\textsf{\#F5C043}} $$

$$ \color{#000000}\textsf{Mauve\;}\color{#000}\colorbox{#C3BBEC}{\textsf{\#C3BBEC}} $$

$$ \color{#000000}\textsf{Green\;}\color{#FFF}\colorbox{#24a167}{\textsf{\#24A167}} $$

$$ \color{#000000}\textsf{Blue\;}\color{#FFF}\colorbox{#2c14b6}{\textsf{\#2C14B6}} $$

$$ \color{#000000}\textsf{Off White\;}\color{#000}\colorbox{#faf7f7}{\textsf{\#FAF7F7}} $$

$$ \color{#000000}\textsf{Orange Red\;}\color{#000}\colorbox{#E8684B}{\textsf{\#E8684B}} $$

Pixel Illustrations

You can use pixel illustrations to add some flair to Superform branded content. Open the image full size and right click save as to get the svg.