PageWeave/Design

Themes / Sunbeam '70

3 Theme retrolightwarmprintplayful .md

Sunbeam '70

Retro print — harvest cream, burnt orange, avocado

#f2e3c6 #33261a #d4652f #587e5a

About this theme

A 1970s offset-print register: harvest cream, burnt orange, avocado. Chunky radius tokens and a 2px border give components that printed-sticker weight; --depth: 1 adds the soft ink-emboss daisyUI can apply to buttons and cards.

Apply it

Paste into update_theme. Add fonts separately in html_head:

<link href="https://fonts.pageweave.dev/css2?family=Alfa+Slab+One&family=Karla:wght@400;500;700&display=swap" rel="stylesheet">

Then set font-family: "Alfa Slab One" on headings, "Karla" on body.

Where it works

Food & drink, record stores, events, community newsletters, anything warm-handed. Halftone dot backgrounds at 4% opacity complete the print illusion.

Tuning

  • More 80s? Push accent toward magenta (hue 340) and secondary to teal (195).
  • Softer? Drop primary chroma 0.19 → 0.14 for a faded-print look.

CSS Paste into update_theme

color-scheme: light;
--color-base-100: oklch(0.93 0.035 85);
--color-base-200: oklch(0.88 0.05 75);
--color-base-300: oklch(0.82 0.06 70);
--color-base-content: oklch(0.25 0.04 60);
--color-primary: oklch(0.6 0.19 45);
--color-primary-content: oklch(0.96 0.02 85);
--color-secondary: oklch(0.55 0.11 130);
--color-secondary-content: oklch(0.96 0.02 85);
--color-accent: oklch(0.7 0.15 300);
--color-accent-content: oklch(0.2 0.04 300);
--color-neutral: oklch(0.35 0.03 60);
--color-neutral-content: oklch(0.93 0.035 85);
--color-info: oklch(0.6 0.1 240);
--color-info-content: oklch(0.96 0.02 85);
--color-success: oklch(0.55 0.11 130);
--color-success-content: oklch(0.96 0.02 85);
--color-warning: oklch(0.75 0.14 80);
--color-warning-content: oklch(0.25 0.04 60);
--color-error: oklch(0.55 0.19 28);
--color-error-content: oklch(0.96 0.02 85);
--radius-selector: 0.5rem;
--radius-field: 0.5rem;
--radius-box: 0.75rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 2px;
--depth: 1;
--noise: 1;