About This Design
The site’s visual identity was created for HKADH in 2026. Its mark, typography, colours, icons, and interface draw on Hong Kong itself while adapting to the different scales and contexts in which the association appears.
The Mark
The mark traces the Central waterfront as seen from Kowloon, rendering the city and sky as two fields divided by the skyline. The sky is the page itself, allowing the mark to remain open rather than enclosed in a frame. From east to west, the silhouette moves from Wan Chai and the Hopewell Centre to Central Plaza, Admiralty, Lippo Centre, the Bank of China Tower, Cheung Kong Center, HSBC, Jardine House, Exchange Square, Two IFC, and One IFC. Distinctive architectural details, including the Bank of China Tower’s braces and masts, HSBC’s suspended floors and roof cranes, Jardine House’s round windows, and Two IFC’s crown and mullions, remain legible at larger sizes.
The drawing changes with scale much as a typeface changes across optical sizes. Two IFC carries nine crown fins at 150 px and above, five at 64 px, three at 40 px, and a plain cap at smaller sizes. Fine details such as ladders and windows recede at the same thresholds, preserving the skyline rather than forcing detail beyond the point at which it can be read.
Colours
- Cool paper#F2F3F7, #1B2733the page by day; deep Prussian by night
- Prussian blue#2F4A5E, #9DB5C8the mark, the footer, the primary button; light Prussian at night
- Prussian ink#14202A, #EEF0F2text
- Harbour teal#2A7A85, #78C6CFlinks, the active page, focus: everything interactive
- Taxi red#B5302D, #E8827Btime: forthcoming, deadlines
- Star Ferry green#2F7A5B, #7CC8A0state: registration open, confirmed, paid
- Bauhinia magenta#A83A78, #E68BBEnew and featured
- Temple orange#BD5426, #F0A070a deadline near
- Peak violet#6D4A96, #B99BE0the members' area
- Golden Bauhinia#8F6D1F, #E9C45Akeynotes and honours; brightest at night
Icons
- sun
- moon
- auto
- external
- calendar
- arrow
- chevron
- menu
- close
- download
- members
- place
- language
- new
- time
- info
Twenty-unit grid, a stroke and a half wide, square joins. The place icon is the skyline; the auto-theme icon is a sun half in shadow.
Files
- hkadh-mark.svgThe mark in Prussian blue, transparent ground.
- hkadh-mark-night.svgThe mark in light Prussian, for dark grounds.
- hkadh-mark-small.svgThe small cut, for 40 px and below.
- favicon.svgThe favicon.