Brand kit

Identity assets, ready to ship.

Production files for the Hanta Research identity. Generated from the same source-of-truth as the website, so what you upload always matches what visitors see.

Profile picture

500 × 500

iOS-style rounded square with the H-monogram on the brand ink surface. Renders cleanly when X masks it to a circle. Works at any size.

Profile picture preview

X / Twitter banner

1500 × 500

Cinematic 3:1 banner. Left 30% intentionally clean for the profile picture overlap. Wordmark anchored center-right with subtle brand glow and accent line.

X / Twitter banner preview
Palette

Six tones. Nothing else.

Identical to tailwind.config.ts

Ink#0B0F17

Surface · primary background

Graphite#161B25

Elevation · cards on dark

Brand#1787E8

Primary action · brand line

Brand Light#4AA8FF

Hover · accent gradient

Brand Glow#87C7FF

Wordmark · soft highlight

Snow#F8FAFC

Foreground · primary text

Usage

Keep it calm.

  • Always pair the H-monogram with the brand ink surface or true white. Avoid coloured backgrounds.
  • Never recolour the crossbar. The brand gradient is the only accent the mark carries.
  • Maintain breathing room equal to the width of one vertical bar around the monogram.
  • Use sentence case in headings. Never set the wordmark in all caps.