SBOM Starter Kit: Get Your Copy

Brand Guidelines

High-level guidelines and assets to help you bring our brand to life

Logo

The FOSSA logo is the tangible symbol of our brand, and our most valuable corporate assets. This is part of our core brand identity, and we can find it in every touchpoint that users have with FOSSA (website, product, ads, social media, trade shows, etc).

The FOSSA logo is a minimal, modern, and youthful graphical representation of the fossa animal, constructed with precise, rounded geometric shapes, and a logotype in a bold, modern sans serif. The logotype and logo mark should be clearly displayed against black, white, and color backgrounds.

Please do not edit, change, distort, recolor, or reconfigure the FOSSA logo.

Primary Logo, Logo Mark, and Word Mark

The Primary Logo is the preferred mark for FOSSA, ready to apply in any internal or external work.

The stand alone Logo Mark is only for specific use cases such as our favicon or as an abbreviated identity in our product.

The Word Mark can stand alone as long as the primary logo is used in an obvious manner somewhere else within the asset.

Download FOSSA Logo

Safe Zone and Minimum Clear Space

The horizontal logo is the primary logo and should be used in most instances. The stacked logo is for large-scale use where the horizontal format is not possible. Avoid using it at small sizes, as it can become illegible.

“X” is the minimum distance between the logo mark and the word mark, and it’s used as the foundation of the logo safe space.

Color

Primary Colors

Our primary color palette includes neutrals, whites and green. When combined in logical ways, these guide the eye and highlight important information or actions.

We use FOSSA Green for primary actions, buttons and text links. Neutral colors are primarily used for both, text and backgrounds (ptss... you can mix them to create depth and bring a top notch quality to designs).

Green 100
#289E6D
White
#FFFFFF
Green 005
#F3F3F5
Green 080
#384257
Gray 100
#06132d
Black
#000000
Pick your color to copy in the clipboard

Secondary Colors

Our secondary palette includes a variety of colors to expand the boundaries of the FOSSA Brand. You might find these in non-institutional pages, and in the product as well, to indicate actions (such as status, help, errors, and more).

Each color is selected intentionally to provide meaningful feedback. When used in conjunction with our primary palette, these colors make every moment feel on-brand and every interaction informative.

We also create pretty cool gradients with them to spice things up.

Cyan 100
#0096E2
Blue 100
#1F60E0
Purple 100
#5429DD
Pink 100
#ED217C
Red 100
#E71D36
Orange 100
#F6511D
Yellow 100
#EE9900
Pick your color to copy in the clipboard

Typography

Typography is our visual voice, and it speaks to the variety of our audience. FOSSA uses the Open Sauce Two and the iA Writer Quattro S font families across its website, products, and more.

Open Sauce Two is designed and developed by Creative Sauce to be used as the agency’s in-house corporate typeface. It is a compact typeface that is optimised for better viewing small text on screen and print.

iA Writer Quattro S is an open source font family created by iA Inc. for their application, iA Writer. Built based on IBM Plex font family, Quattro shares similarities with a proportional typeface. At the same time, it retains a lot of the technical virtues of the classic typewriter fonts using wider gaps between the words and giving each letter more room than a classic, fully proportional face.

Iconography

Icons are part of our language as well, bringing visual elements to better communication. FOSSA uses Font Awesome as its iconography source.

Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want. Full Font Awesome Free license: https://fontawesome.com/license/free.