gkoreli.com

Design Language

The substrate of a personal publication. One author, many forms, one sensibility. A web museum collective wearing a publication's clothes.

Palette

A warm cream base — not white, not gray. Semantic accent colors per section. All tokens have dark equivalents. The palette is restrained so the brand gradient carries weight when it appears.

Paper

--color-bg

#faf8f5 / #1a1a1a

Page background — warm, not white

Ink

--color-text

#2d2a24 / #e0ddd5

Primary text — warm near-black

Deep Green

--color-link

#1a6b4e / #6ec9a8

Links, CTAs, brand primary

Warm Gold

--color-accent-warm

#a88a2a / #e8c87a

Essays — attention, warmth

Rust

--color-accent-rust

#b04a24 / #c05a2e

OSS Radar — urgency, signal

Blueprint

--color-accent-blue

#4a7a94 / #5b8fa8

Engineering — clarity, depth

Muted

--color-text-muted

#7a7568 / #9a9589

Secondary text, metadata

Typography

Two typefaces only. Lora carries all editorial voice. Monospace carries all administrative metadata. The contrast between them is itself expressive.

Lora 700 · Display

Goga Koreli

Lora 500 · Section title

The Toolchain Is the Moat

Lora 500 · Article heading

Topologies of Thoughts

Lora 400 italic · Pull quote

A note when there is signal.

Lora 400 · Body

There's a lot of hype and ambiguity out there about agentic engineering. This publication exists because we need honest, grounded writing about what it actually means to build with agents — the real principles, not the marketing.

Mono · Metadata, labels, kickers

OSS RADAR · ISSUE #02 · APRIL 12, 2026

Mono · Tags and tokens

agentscontexttoolchain

Surfaces

Glass panel

Used for featured cards and elevated surfaces. Backdrop blur + sage wash gives it depth.

Glass — glass-panel

Flat surface

Used for section archive cards, code blocks, and supporting UI. No blur.

Flat — --color-surface

Brand Gradient

Reserved exclusively for identity marks. Logo, sparkle separator, #tag hashes. Use sparingly so it lands with weight.

Deep Green
#1a6b4e

Mint
#6ec9a8

Sky
#93c5fd

Logo markThe masked gk letterform

Sparkle separatorBetween content sections

#tag hashesBefore every tag token

Brand momentsDeliberate, never decorative

Canvas Moods

The neural canvas is the publication's life force. Two modes, each assigned to a context — never repeated across the same page type.

Threshold Homepage · OSS Radar

Alive, unpredictable. Nodes charge up and fire dopamine cascades. Represents the chaotic emergence of ideas.

Flow Engineering

Linear, systematic. A wave sweeps left-to-right, lighting nodes as it passes. Represents methodical construction.

Motifs

Recurring visual signatures that appear across every page. Use them consistently — their power comes from repetition.

Sparkle

Brand gradient sparkle. Lives inside every gradient separator and marks the center of section divisions.

Gradient separator

Fading green lines converging on the sparkle. Marks section transitions throughout the publication.

Logo mark

Gradient gk letterform. Brand gradient masked through the letterform — the only other application of the gradient besides tags.

Section Identities

Four sections — four emotional tones. Each has one accent color. The color appears in kickers, section headers, page hero rules, and canvas banner borders.

Essays

Literary · spacious · warm gold

Canvas: None — quiet

More text-led. Quieter. More spacious. The reader should feel they entered a library.

personalphilosophyattention

Engineering

Structured · flow wave · blueprint blue

Canvas: Flow mode

More structured. Code-tolerant. The canvas sweeps left-to-right — systematic, linear.

agentsbuildslogs

OSS Radar

Serialized · cascades · rust signal

Canvas: Threshold mode

Publication-like. Issue numbers. The canvas fires dopamine cascades — signal, urgency.

ossradarcurated

Frames

Cinematic · whitespace · green growth

Canvas: None — image leads

Image-first. Captions optional. More cinematic whitespace. The photo speaks first.

photographyjournalframes

Philosophy

Six principles that guide every design decision in this publication. The north star: "The site should feel like a well-organized publication, even when each piece feels like a one-off artwork."

Stable shell. Expressive interior.

The publication shell — sidebar, nav, metadata, footer — stays calm and legible at all times. The body of each post is allowed to break pattern. This is where the artistic freedom lives. The museum building gives orientation. The rooms can vary.

DRY for navigation. Not for art.

Reuse the navigation system. Reuse the token system. Reuse the component language. But never apply DRY dogma to creative expression. Every post can be its own art object. Every section can have its own atmosphere.

III

One gradient. Many appearances.

The brand gradient (Deep Green → Mint → Sky) appears only for identity marks: logo, sparkle separator, #tags. It is the chromatic signature of the publication. Use it sparingly so it lands with weight.

Section color = section mood.

Each section has one accent color. Essays: Warm Gold. Engineering: Blueprint Blue. OSS Radar: Rust. Frames: Deep Green. These are not arbitrary — they are emotional tones for different rooms of the museum.

One canvas mode per context.

The neural canvas is the publication's life force. Each context gets its own mode. Threshold for the homepage (alive, unpredictable). Flow for Engineering (linear, systematic). Each post can invent its own.

Lora for thought. Mono for administration.

Lora, Georgia serif carries all editorial voice: headings, body, pull quotes. Monospace carries all metadata: dates, labels, tags, kickers, issue numbers. Two voices, never more. The contrast itself is expressive.

Dispatch

GK-001