falkster

Brand styleguide. Mark, palette, typography, lockups, and usage rules.

Color

Navy

#0b1220

Navy Card

#111a2e

Ink

#e8eef5

Ink Muted

#94a3b8

Cyan CTA

#38bdf8

Type scale

RoleSizeWeightTrackingSample
H156px700-0.03emBuild product, not documents
H228px700-0.02emSection heading
Lede18px400normalIntroductory paragraph text in ink-dim
Body15px400normalStandard reading body copy in ink-dim
Eyebrow12px5000.22emEYEBROW LABEL
Nav11px6000.14emNAV LABEL

Lockups

falkster
Horizontal, large
falkster
Horizontal, compact
falkster
Stacked
Mark alone

Nav drop-in

falkster
Contact

Surfaces

Navy (default)
Ink (invert)
Cyan (demo)
Black

Scale

96pxdefault
48pxdefault
32pxbold
16pxfavicon
falkster.com

Do / Don't

DoInk on navy
DoNavy on ink
Don'tCyan mark
Don'tGradient fill

What the mark means

A system holds. A question crosses through it. Three dots wait for the answer. That's the whole logo.

The square, the system

Not a circle. Squares mean structure, frameworks, methodology. The whole site is about replacing the old PM playbook with a new operating model. The square is that system: stable, rational, built with intent.

Slightly rounded corners (rx=1.5) because you're a builder, not a bureaucrat. Sharp enough to mean business, soft enough to be human.

The tilted diamond, the question

Same square, rotated −14°, weaving through the first one. One half passes behind, the other in front. Two ways of thinking meeting at the center: the PM method and the AI-native method fused, not stacked.

The −14° tilt matters. 45° would feel like a cliché. −14° feels like something shifted, a familiar shape seen from an unfamiliar angle. The job didn't disappear, the angle changed.

Three dots, thinking

The ellipsis. The pause. The loading state of a mind working. Every modern AI product has these three dots: ChatGPT typing, Claude thinking, Perplexity reasoning. Inside the system, not floating outside it.

They also map to the builder's loop: Discover (talk to customers), Build (prototype before spec), Measure (outcome-driven). Three beats.

Why the weave

A single shape is static. Two shapes stacked is a logo. Two shapes interlocking is a process. The weave depicts thought in motion: structure meeting question, the familiar intersecting the new.

Why this beats a wordmark alone

The mark reads as a system thinking, not a person talking. Which is what the site actually offers: not opinions, but a reusable operating model for the AI era. The mark works at 16px (favicon) because the square + dots survive when the diamond drops. “falkster” at 16px is mush.

The elevator pitch

A structured system with a question cutting through it, thinking in three beats. That's the PM Rewrite in a logo.

Specs

Mark geometry

Square + diamond rotated -14deg, weaving overlap

Stroke widths

2.2-2.5 default, 3.5 bold, 5 favicon

Fill

currentColor only. Never hardcode a color on the mark.

Wordmark

Inter 700 (or DM Sans 700), lowercase, tight tracking

Clear space

1 dot diameter (~4px at nav size) on all sides

Min size

16px. Use favicon variant at 16px and below.