Brand kit
ReportKit brand
The mark shows the product in one picture: two databases streaming into a merge node,
emerging as a single report. Every asset is vector-first and transparent.
Logos
Primary mark
Transparent. Use everywhere the product name already appears in text.
SVG PNG Horizontal lockup
Mark + wordmark + tagline, for light backgrounds.
SVG PNG Lockup (inverse)
For dark backgrounds and dark-mode docs.
SVG PNG App icon
Emerald badge. Social avatars and app tiles.
SVG PNG Small-size icon
Simplified glyph that stays legible at 16–32px. Source of favicon.ico.
SVG PNG Palette
Typography
Display: Sora · Body: Manrope · Mono: JetBrains Mono.
The lockups reference this stack, so they render in the brand font wherever those fonts are loaded.
Usage
- Keep clear space around the mark equal to the height of one database cylinder.
- Don’t recolour, rotate, stretch, or add effects to the mark.
- On dark backgrounds use the inverse lockup rather than the light one.
- Below 32px use the small-size icon — the detailed mark loses legibility.
Product of Lorapok Labs. Assets are MIT-licensed alongside the code.