Rompus Studios Document Style Guide

Purpose & Philosophy

This guide defines the visual language for all Rompus Studios publications. The aesthetic draws from vintage nautical journals, ship manifests, and mid-century print publications—think Life Aquatic meets Art Deco. The goal is functional elegance: documents that are beautiful, readable, and optimized for the browser-to-PDF workflow.

These specifications are organized by implementation order. Build your document foundation first, then layer typography, then add components. This sequence ensures consistency and prevents conflicting rules.

1. Foundation: Page Setup & Borders

Page Configuration

Page size: US Letter (8.5" × 11")

Page margins: 0.45in on all sides (this is the content margin inside the border system)

Additional padding: 0.25in inside content margin for breathing room

Art Deco Double Border System

Every page must feature the double border system. This is non-negotiable—it's the visual signature of all Rompus publications.

Outer Border:

• Width: 3px solid
• Color: #1E3A52 (Navy)
• Position: 0.08in from page edge on all sides
• Z-index: Behind content, never obscuring text

Inner Border:

• Width: 2px solid
• Color: #1E3A52 (Navy)
• Position: 0.1in inside the outer border
• Function: Creates the frame within which all content lives

2. Typography System

Font Families

Headers: Courier New, monospace (evokes typewritten manifests and technical documents)

Body text: Segoe UI, Tahoma, Geneva, Verdana, sans-serif (clean, readable, professional)

Complete Type Hierarchy

Document Title (H1)

• Font: Courier New, monospace
• Size: 20pt
• Weight: Bold
• Transform: Uppercase
• Letter-spacing: 0.15em
• Color: #1E3A52 (Navy)
• Alignment: Center
• Bottom border: 3px solid #4A8B9E (Teal)
• Spacing: 0.15in margin below, 0.1in padding below

Document Subtitle

• Font: Courier New, monospace
• Size: 12pt
• Transform: Uppercase
• Letter-spacing: 0.1em
• Color: #4A8B9E (Teal)
• Alignment: Center
• Spacing: 0.3in margin below

Section Headers (H2)

• Font: Courier New, monospace
• Size: 14pt
• Weight: Bold
• Transform: Uppercase
• Letter-spacing: 0.08em
• Color: #1E3A52 (Navy)
• Bottom border: 2px solid #4A8B9E (Teal)
• Spacing: 14pt margin above and below, 6pt padding below

Subsection Headers (H3)

• Font: Courier New, monospace
• Size: 11pt
• Weight: Bold
• Transform: Uppercase
• Letter-spacing: 0.05em
• Color: #4A8B9E (Teal)
• Spacing: 14pt margin above, 8pt margin below

Minor Headers (H4)

• Font: Courier New, monospace
• Size: 10pt
• Weight: Bold
• Letter-spacing: 0.03em
• Color: #1E3A52 (Navy)
• Spacing: 10pt margin above, 6pt margin below

Body Text

• Font: Segoe UI (or fallback sans-serif)
• Size: 10.5pt
• Line-height: 1.6
• Color: #1E3A52 (Navy)
• Alignment: Justified
• Spacing: 10pt margin below paragraphs

Lists

• Indent: 20pt from left margin
• Item spacing: 6pt between items
• List spacing: 10pt margin below list

Emphasis & Special Text

• Italic emphasis: Color #C8563C (Rust/Coral), italic style
• Bold emphasis: Color #1E3A52 (Navy), bold weight

3. Color Palette

Primary Colors

Navy: #1E3A52 — Primary borders, headers, body text, strong emphasis

Teal: #4A8B9E — Accent borders, subheadings, secondary emphasis, captions

Rust/Coral: #C8563C — Italic emphasis, warning notes, special callouts

Background Colors

Cream: #EDE4D3 — Base paper color, chapter boxes

Tan: #E8C4A0 — Alternate section backgrounds, note boxes

Light Blue: #B8D4D5 — Section backgrounds, example boxes, code highlights

4. Component Library

Standard Section Box

• Background: rgba(255, 255, 255, 0.7)
• Border: 2px solid #1E3A52
• Padding: 14pt all sides
• Margin: 14pt above and below

Note/Warning Box

• Background: rgba(232, 196, 160, 0.3)
• Border: 4px solid #C8563C (left side only)
• Padding: 12pt all sides
• Text style: Italic