Netizen Watch

Brand Guide

This page captures the current production brand colors and typography choices used throughout the website.

Color Palette

Signal Blue

#59B4F1

Primary action color, key headings, links

Ghost Green

#89FF87

Highlights, accents, positive emphasis

Midnight Black

#000000

Primary text, dark sections, contrast base

Clean White

#FFFFFF

Main background and negative space

Typography

Base UI (layout.tsx)

Inter

Loaded via next/font/google and applied to the <body> class.

Body copy + utility text

IBM Plex Mono

Applied globally to paragraph/text elements in globals.css.

Display headings

Monaco

Applied to h1-h6 for branded headline style.

Alternate / imported typeface

B612

Imported in globals.css for brand flexibility.

Usage notes

  • Use Signal Blue for primary calls-to-action and key interactive elements.
  • Use Ghost Green sparingly as a high-contrast accent to draw attention.
  • Keep long-form text dark on light backgrounds for readability.
  • Maintain generous whitespace to preserve a clean security-first aesthetic.
Back to homepage