https://rickymoorhouse.uk/reference/ Recent content in References on Ricky Moorhouse Hugo en-gb Wed, 28 Jan 2026 00:00:00 +0000 https://rickymoorhouse.uk/style-guide/ Wed, 28 Jan 2026 00:00:00 +0000 https://rickymoorhouse.uk/style-guide/ <style> .swatch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-md); margin: var(--space-lg) 0; } .swatch { border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow-sm); } .swatch-color { height: 80px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.3); } .swatch-info { background: var(--bg-surface); padding: var(--space-sm); font-size: var(--text-sm); } .swatch-name { font-weight: 600; color: var(--text-primary); } .swatch-hex { color: var(--text-muted); font-family: var(--font-mono); } .typography-sample { padding: var(--space-lg); background: var(--bg-surface); border-radius: var(--border-radius); margin: var(--space-md) 0; } .typography-sample h1 { font-size: 2rem; margin-bottom: var(--space-sm); } .typography-sample h2 { font-size: 1.5rem; margin-bottom: var(--space-sm); } .typography-sample h3 { font-size: 1.25rem; margin-bottom: var(--space-sm); } .typography-sample p { margin-bottom: var(--space-sm); } .typography-sample code { background: var(--bg-code); padding: 2px 6px; border-radius: var(--border-radius-sm); font-family: var(--font-mono); font-size: 0.9em; } .spacing-scale { margin: var(--space-lg) 0; } .spacing-block { background: var(--color-primary); margin-bottom: var(--space-sm); border-radius: 2px; } </style> <h1 id="blog-style-guide">Blog Style Guide</h1> <p>A reference for the colors, typography, and design tokens used in this blog.</p>