DAS / 01 · Foundations

The DAS
design system.

A small, focused system for the Dunedin Astronomical Society — built from the visual DNA of the existing sign and observatory identity. Night-sky palette, editorial type, and a friendly-but-precise tone.

01 · Palette

Color

A deep night-sky core, warmed by twilight violet and lifted by a star-blue and a star-gold accent.

Midnight
#06081a
--bg-deep
Page background
Deep navy
#0a0e2a
--bg-base
Body surface
Raised
#11163a
--bg-raised
Cards
Card
#161b46
--bg-card
Cards on raised
Royal violet
#3a2a6e
--bg-violet
Sign gradient
Twilight
#6b4ee8
--bg-twilight
Sign gradient end
Star blue
#7fb3ff
--accent-star
Primary accent
Star gold
#e8d4a0
--accent-gold
Secondary accent
Ink 100
#f4f6ff
--ink-100
Headlines
Ink 200
#d8def0
--ink-200
Body
Ink 300
#a8b0d4
--ink-300
Muted
Ink 400
#7a82ad
--ink-400
Captions
SIGNATURE GRADIENT
Midnight → twilight
linear-gradient(105deg, #0a0e2a → #1a1f4a → #3a2a6e → #6b4ee8)
02 · Type

Typography

DISPLAY · DM SERIF DISPLAY
Aa
Looking up since 1922
Headlines · editorial moments
SANS · MANROPE
Aa
The night sky, shared from Dunedin.
Body · UI · navigation
SCALE
Display 1
96px
Beverly-Begg Observatory
Display 2
64px
Beverly-Begg Observatory
Heading
32px
Beverly-Begg Observatory
Body lg
19px
Beverly-Begg Observatory
Body
16px
Beverly-Begg Observatory
Caption
13px
Beverly-Begg Observatory
Mono eyebrow
12px
Beverly-Begg Observatory
03 · Geometry

Spacing & shape

SPACING SCALE · 8PX BASE
8px
12px
16px
24px
32px
48px
64px
96px
RADII
8px
16px
24px
32px
04 · Building blocks

Components

BUTTONS
PILLS · EYEBROWS
NEXT VIEWING MEMBER ONLY
Plan your visit Free series
CARDS
LESSON 01
Reading the southern sky
$5
SUNDAY ENTRY
Gradient card
For hero / sign moments
LOGO · LOCKUP & BIRD-ONLY
Dunedin Astronomical Society
Dunedin Astronomical Society
DUNEDIN
ASTRONOMICAL
SOCIETY
05 · Voice

Principles

Welcoming first.

We are the friendliest observatory in the southern hemisphere. Tone is warm and plain — never gatekeeping.

Precise where it matters.

Times, dates, coordinates, magnitudes — these are sharp. Mono type signals 'real data'.

Quietly reverent.

The sky does the heavy lifting. Composition gives it room — generous spacing, deep dark, restrained color.