International Signal Code Design System
Drawn from the international maritime signal flag spectrum: the four primary signal colors that must be visible across open ocean, paired with brass hardware and weathered rope.
Condensed, stencil-style fonts evoke ship hull markings and harbor signage. Monospace for coordinates, log entries, and technical data.
A 4px base unit provides consistent rhythm. Like the measured lines on a nautical chart, spacing maintains legibility at every scale.
Signal-flag-inspired color coding ensures clear visual hierarchy. Brass-finished buttons evoke shipboard instruments.
Ship's log style inputs. Brass-accented focus states, chart-paper subtle texture, stencil labels.
Content panels with signal-flag top stripes. Each stripe pattern identifies the card category at a glance, just as flags identify vessels at sea.
This vessel is carrying, loading, or discharging dangerous goods. All vessels must maintain safe distance and observe precautions.
I am altering my course to starboard. All vessels in the vicinity should take appropriate action and monitor VHF Channel 16.
My vessel is healthy and I request free pratique. All crew have been inspected and documentation is in order for port entry.
Yes. Affirmative. The preceding signal or group should be read in the affirmative. Standing by on frequency for confirmation.
You should stop your vessel instantly. In harbour: the ship is under quarantine. All movement prohibited until further notice.
I wish to communicate with you. Switch to working channel as assigned by port control. Maintain radio watch at all times.
Status messages styled after maritime signal classifications. Color-coded for instant recognition, as at sea.
Chart BA 1234 has been updated. Shoal reported at position 50.42N 001.15W. Mariners should exercise caution and update passage plans accordingly.
Vessel cleared for entry to berth 7, Victoria Dock. Pilot boarding at waypoint Alpha at 0630 UTC. Harbor speed limits apply.
Storm Force 10 expected in sea area Fitzroy. Southwest veering northwest, 48 to 55 knots. Very rough to high seas. Moderate to poor visibility.
All stations, all stations. MAYDAY RELAY. Motor vessel Dorado, 12 persons on board, taking water in position 49.30N 005.45W. All vessels in vicinity requested to assist.
A selection of International Code of Signals flags rendered in pure CSS. Each flag has a single-letter meaning when flown alone.
Compact nav bar with signal-red active indicator and brass hover state.
Tabular data styled as a captain's log book. Brass-topped headers, subtle row hover.
| Time (UTC) | Position | Course | Speed | Weather |
|---|---|---|---|---|
| 0000 | 50.72N 001.16W | 225 T | 12.4 kts | Clear, SW 15 kts |
| 0400 | 50.18N 001.82W | 228 T | 11.8 kts | Overcast, SW 18 kts |
| 0800 | 49.65N 002.47W | 230 T | 12.1 kts | Rain, W 22 kts |
| 1200 | 49.10N 003.15W | 232 T | 10.6 kts | Fog, W 12 kts |
| 1600 | 48.55N 003.88W | 235 T | 13.2 kts | Clear, NW 10 kts |