Offical Jamstack logos and uages guidelines.
The Jamstack logo was designed to be an iconic brand that can be recognized with the full wordmark as well as by the icon alone. It pays tribute to core Jamstack attributes of Javascript, APIs and Markup with the three stacked shapes, and designed to illicit a J for Jamstack. It was designed to achieve a fresh, sophisticated and professional brand for the Jamstack Community, and distinct from any corporate sponsors.
The Jamstack logo needed to be versatile, and hold up at a variety of sizes and applications (digital, print, embroidery, screen printing, etc).
The logo can be used as both a two-color version or a one-color alternate.
The Jamstack logo is available in PNG & SVG formats, and in two layouts (horizontal and icon). The logo is not intended to be stacked with the icon on top of the wordmark. Icon layout is intended for square use cases.
Please note that although PNG is more common, SVG files sizes are smaller, supported in all common web browsers, and a high resolution format also suitable for screens on web or print.
The Jamstack logo can be used in combination with either light or dark backgrounds. On a light background the wordmark should aways be black and the icon should always use white J shapes inside of a dark drop gem. On a dark background the wordmark should always be white. The icon has more flexibility on a dark background and can be dark drop gem with white J shapes, or white drop gem with dark J shapes.
It is recommended to use the Jamstack pink as seen below. If another background color is desired, please use the all-white Jamstack logo.