Skip to content
Browse
Library

The Surfer’s Journal Archives. Sea-glass plinth, printed volume.

  • Media
  • Mixed theme
  • 7 colors
  • 1 typeface

The Surfer’s Journal Archives is a magazine collection presented one issue at a time on changing full-viewport color fields. Sea Glass #b1ded3, Shell Blush #fce8f1, Dune Olive #96916c and Sun Paper #fff8a3 respond to the covers rather than acting as universal brand colors. Practice supplies quiet 20px serif navigation and 56px year and issue markers. A centered portrait cover carries the visual weight, with a modest physical shadow and generous space around it. A nested issue scroller transitions between volumes, while All opens a contrasting black grid grouped by year; the layout has no conventional landing-page footer.

Visit archives.surfersjournal.com
Screenshot of The Surfer’s Journal Archives
Captured from archives.surfersjournal.com on November 3, 2026

The Surfer’s Journal Archives design system

The Surfer’s Journal Archives

Brand1

  • Navigation and year markers on the light issue stages, plus the inverted full-archive grid background.

Accent5

  • Full-screen stage behind the currently featured 35.5 cover; use it as an issue-specific background.

  • Pale pink stage for the next issue, extending its cover palette into the surrounding screen.

  • Muted olive stage for a later recent issue; part of the issue-by-issue chromatic sequence.

  • Light yellow stage behind another recent issue, keeping the cover visually distinct.

  • Blue-gray stage for a recent issue with a pale photographic cover.

Neutrals1

  • White Close action and issue labels in the inverted all-issues grid.

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Reverse Paper on Archive Ink

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.