Brand resources

The CommentKit essentials.

Official logos, colors, and artwork for your website, article, presentation, or integration.

Two marks. One identity.

Simple at small sizes. Full of character when there’s room for detail.

Detailed mark

Use at 128px or larger for launch artwork, presentations, and large brand moments. Give the grain and offset edges room to show.

Download SVG Download PNG

Simple mark

Use the flat mark at 32px and above. For navigation, favicons, and controls at 16–24px, use the small icons included in the kit.

Download SVG Get the icon set

The logo, with the name

Choose the lockup for its background. Keep the colors, proportions, and clear space around it.

For light backgroundsDownload SVG

For dark backgroundsDownload SVG

Our four core colors

Persimmon for the action. Graphite and stone for the canvas.

#FF5733

Electric Persimmon

Primary actions and open pins

#121316

Deep Graphite

Dark canvas and light-mode text

#F7F6F2

Warm Stone

Light canvas and dark-mode text

#3B82F6

Cobalt Blue

Localhost identity

Friendly headlines. Clear details.

Bricolage Grotesque for short headings and the wordmark. DM Sans for body copy and the product UI.

Bricolage Grotesque · 600 / 700

Feedback, right where it belongs.

DM Sans · 400 / 500 / 600

Leave a comment on the page. Give your team the context to move it forward.

Ready for your next project.

SVG and PNG logos, light and dark lockups, favicons, product pins, social artwork, patterns, fonts, licenses, and the practical brand guide.

Download brand kit

Use these assets to identify CommentKit. Keep them separate from your own brand, and avoid suggesting an endorsement or partnership that has not been agreed. Keep clear space of at least one eighth of the symbol’s canvas around the mark.