Style Guide

NOSIG Tokens and Components

This guide defines the visual system for the modern NOSIG pages. Dark is the default navy mode, while Bright is a lighter blue-gray mode.

Core Tokens

Color

--bg #131e29, --surface #243746, --text #fff, --accent #1e73be

Typography

--font-main (Rajdhani) applied globally for a rugged military style.

Rhythm

--space-2 to --space-8, uppercase headings, and a 12-column fluid grid.

Components

Card

Component Card

Cards use elevated surfaces and subtle border contrast per theme.

Action link

Motion

Reveal Animation

Sections fade and rise with slight stagger to guide reading order.

Review motion

Page Quality Checklist

Content

Imported Copy

Homepage content is sourced from local mirrored NOSIG pages.

Branding

Header Media

Local Viggen header and NOSIG logo are used from nosig-static assets.

Navigation

Link Health

Homepage links point to existing local mirrors and official social channels.