High-level guidelines and assets to help you bring our brand to life
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.
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.
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.
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).
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.
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.
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.