Colophon - Jay Margalus

Type

Inter Tight · 800

Build in public.

Display headlines.

Inter · 400 / 600

Reality is where humans thrive. Working with hands is thinking — and shipping is the proof. The body of this site is set in Inter at 18px, line-height 1.7, with measure locked to 68 characters on long-form pages.

Body, UI, navigation.

IBM Plex Mono · 400 / 500

2026 · 04 · 28 LAB · LEXINGTON, VA rev_2.0.7

Metadata, status, kicker, code.

Color

--ink

#0B0B0F

Body type, lines, ink
--paper

#FAFAF7

Default surface
--accent

#2F6DF6

Hyperlinks, IA
--signal

#FF5A0A

Status only — release badge
--pine

#0E7C66

Reserved (currently dormant)

Signal orange is reserved for the release status badge only. Buttons and links use ink and accent.

Status badges

log spec release

Log is the default neutral state. Spec marks design or planning notes. Release is reserved for shipped work.

Spacing · 4pt grid

--space-xs 4px
--space-sm 8px
--space-md 16px
--space-lg 24px
--space-xl 32px
--space-2xl 48px
--space-3xl 64px

Vocabulary

▲ Games — interactive experiences
■ Objects — hardware and physical systems
● Communities — programs and platforms
◆ Education — courses, curricula, pedagogy

Build pipeline

CMS · WordPress on a DigitalOcean VPS (delta).
Theme · Custom child theme on bigbangwp — poplicola/jaymargalus-theme (private).
Type · Inter Tight, Inter, IBM Plex Mono via Google Fonts CSS API v2 with font-display: swap.
JS · Minimal — heavy parent-theme libs (prettyPhoto, isotope, FlexSlider) dequeued by the child.
CSS · CSS custom properties, color-mix(in oklab, …) for tonal tints, brutalist hard edges (no border-radius).
Deploy · rsync over SSH from ~/Desktop/basecase/jaymargalus-theme/ to /var/www/jaymargalus/public_html/wp-content/themes/bigbangwp-child/.