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
| Role | Size | Weight | Tracking | Sample |
|---|---|---|---|---|
| H1 | 56px | 700 | -0.03em | Build product, not documents |
| H2 | 28px | 700 | -0.02em | Section heading |
| Lede | 18px | 400 | normal | Introductory paragraph text in ink-dim |
| Body | 15px | 400 | normal | Standard reading body copy in ink-dim |
| Eyebrow | 12px | 500 | 0.22em | EYEBROW LABEL |
| Nav | 11px | 600 | 0.14em | NAV LABEL |
Lockups
Nav drop-in
Surfaces
Scale
Do / Don't
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.