Fireworks AI cover image

Metadata

Sector

  • AI

Scope

  • UI/UX Design

Technologies

Fireworks AI

Monogram designed Fireworks AI's new brand identity and web design foundation; Fireworks AI's engineering team built the marketing pages using that foundation. Monogram's deliverables included a logo system and raster grid, a dark visual identity anchored by Fireworks Purple, buttons, typography lockups, background textures, and a Figma template library for social, digital, and print production.

Fireworks AI grew fast on an agile methodology, and its brand stayed where the company started. The identity no longer reflected the innovation and thought leadership the company was known for by the time Monogram came in. The brief was not a refresh of the old mark, it was an identity built to carry Fireworks AI years forward and upmarket into its target audience.

Visit Website
Fireworks AI cover image
Diagram of a starburst, a code icon, and a book adding up to the Fireworks AI mark.
The idea behind the mark, fireworks plus code plus a book equals Fireworks AI. Fireworks AI brand redesign, identity design by Monogram.
Old fireworks.ai wordmark above the new Fireworks AI logo.
The fireworks.ai wordmark before and the Fireworks AI mark after. Fireworks AI brand redesign, identity design by Monogram.

Day and Night

Monogram made dark the default ground for Fireworks AI's identity to reflect the product's developer and technical focus. The identity's contrast, imagery, and typography were designed against that dark ground first.

A Grid for Every Element

Monogram delivered a raster grid as part of Fireworks AI's identity system. The grid positions graphical elements in and around the new logo mark, allowing the mark to be modified for future uses and placed alongside partner logos without redrawing it.

Fireworks AI logo construction diagram with guideline grids.
Raster grid governing the construction of the logo mark and wordmark. Fireworks AI brand redesign, raster system by Monogram.
Laptop showing the Fireworks AI homepage headline and partner logos.
Homepage built by Fireworks AI's engineers from the web design foundation. Fireworks AI brand redesign, web design foundation by Monogram.

Marketing Pages Without a New Design Round

Monogram designed website examples, buttons, typography lockups, and background textures for Fireworks AI. Fireworks AI's engineering team uses these delivered elements to build and scale its marketing pages with little additional design, rather than starting each new page with a design request.

Three Fireworks AI social media cards, a founder quote, a stat, and a headline.
Social cards from the template system, a founder quote, a 200+ tokens a second stat, and a headline card. Fireworks AI brand redesign, production templates by Monogram.

Fireworks Purple, Sourced From Akihabara

Against the dark ground, Monogram set a vibrant purple sourced from the Akihabara Electric Town of Tokyo and made it the official Fireworks Purple. The electric standout energy of an arcade-lit Tokyo night is the effect the color has to carry for a company positioned as a beacon of knowledge in its industry.

Fireworks AI logo on a solid Fireworks Purple background.
Fireworks Purple with the white mark. Fireworks AI brand redesign, color system by Monogram.
Two phones showing Fireworks AI social posts.
Social posts from the Figma templates on two phones. Fireworks AI brand redesign, production templates by Monogram.

Figma Templates for Social and Print

Monogram designed Figma templates and grids for Fireworks AI's social media outreach and advertising. Built on the new brand guidelines, the templates apply the identity's typography, color, and logo rules so Fireworks AI's marketing team can produce digital and print ads without rebuilding the visual system for each one.

Grid of Fireworks AI brand guideline pages.
Nine pages of the brand guidelines, including logo use, color palette, and typography. Fireworks AI brand redesign, brand guidelines by Monogram.

AI'SCII Artwork

Every brand needs patterns and backgrounds that reinforce it, and Monogram designed one specific to Fireworks AI: AI'SCII, an ASCII-like artwork assembled from tiny pieces of the new Fireworks logo. Rotating the arrow vectors establishes directionality across a surface, and the pattern was designed to support animation in color and direction for a three-dimensional effect.

AI'SCII pattern forming a hexagon from small arrow glyphs.
AI'SCII, a hexagon assembled from directional arrow glyphs. Fireworks AI brand redesign, motif design by Monogram.