Design System · Logos

Ten marks for Oregon Web Works

Every concept has to read digital with no wordmark attached. A tree logo on a web company drifts into tree-service territory, and half our lead sheet is arborists. Douglas fir, not generic pine. No gradients, swooshes, globes, or cursor arrows.

#1b6b4a brand
#2b8f63 brand-bright
#0b2419 brand-deep
#8ed5b1 mint
#b08d57 gold
#141c19 ink
#f7f9f8 paper

Palette pulled from the live site's :root. Type on site: Source Serif 4 for headings, Inter for UI. Lockups below use the site's own heading stack.

The favicon test: all ten at 16 px, the way anyone first sees a logo
01–10 on paper.
Same ten on a busy background. A logo that only works on white is not finished.
01

Signal Fir

A fir built from signal bars. Four rounded bars stack into a canopy; the trunk is the fifth bar turned upright. Cold read is phone signal / loading bars first, tree second. That order is the whole point.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: yes, and it's the strongest system here. Drop the trunk and shift the bars off-center and the same five-bar language builds a peak for Colorado, a long horizon for Montana. One grammar, fifty states.

02

The Viewport

A fir living inside a browser window. Chrome bar with one dot and an address pill, tree knocked out of the viewport below. It says "your trade, on a website" without a cursor or a globe.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: yes. The window is the constant; the knockout swaps per state: peak for Colorado, butte for Montana. The frame carries the "web" read so the state motif can be literal.

03

Upstack

Three chevrons and a stub of trunk. Reads as rank-going-up / expand-less stacked into a fir silhouette. The pitch is literally "move up the search results," and this is that drawn.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: as-is. It is state-agnostic, which is also the confession. There is nothing Oregon in it beyond the color. In Colorado the chevrons even read as mountains for free. Included as the control: the system with zero regional content.

04

Pixel Fir

A fir drawn on a favicon grid, with four pixels breaking loose. The pixelation is the digital tell: this tree could only exist on a screen. Deliberately coarse at 400 px, natively crisp at 16.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: yes. The grid draws any state motif: a staircase peak for Colorado shown here, a bison or butte for Montana. The loose-pixel gesture carries over unchanged.

05

Root & Branch

A tree that is literally a tree: the data structure. Six nodes and edges in fir topology, rooted into a square server block. The best pun in the set: their tree, our tree, same word.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: as-is, because it never mentions Oregon. Same mark in every state; only the wordmark changes. Whether that's a system or an evasion depends on how much the state name needs to live in the mark.

06

ASCII Fir

A fir typed, not drawn. Detached slash strokes droop off a vertical bar the way Douglas fir branches actually droop; the whole tree is punctuation. Reads as code comment art.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: partially. Slash strokes can sketch a peak, but the mountain version loses the typed-character logic that makes the fir version smart. The system is really an Oregon idea wearing a system costume.

07

The Stamp

A solid seal with a pixel-staircase fir punched out. The disc says invoice stamp, shop door, wax seal: plainspoken trade credibility. The staircase edge says screen, which keeps it out of the parks department.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color (mark is one color by design)
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: yes. The seal is the constant; the staircase knockout swaps per state. Because the cutout is built on the same pixel grid, every state's version is automatically in the same family.

08

Found

A map pin with the fir knocked out of its head. The entire pitch, "great work deserves to be found," in one shape. Also the most off-the-shelf idea on this page, and it knows it.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color (mark is one color by design)
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: trivially. Pin plus any state motif. That universality is exactly why a hundred local-SEO shops already use some version of it.

09

The Handoff

One fir, half solid, half scanlines. Left side is the physical trade; right side is the same business rendered as a screen. The split is the service: we take what you already are and put it online.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: yes. The half-solid, half-scanline treatment applies to any silhouette; peak shown for Colorado. The treatment is the brand; the silhouette is the state.

10

The Doug

An actual Douglas fir, drooping, jagged, characterful, knocked out of an app icon. The tree does zero digital work; the rounded-square container does all of it. The most beautiful tree here and the most dangerous.

Scale · 400 / 96 / 32 / 16
400
96
32
16
Color
Full color (mark is one color by design)
One color · black
One color · reversed
Lockups
Oregon Web Works
Oregon Web Works
Extension · Colorado Web Works

Extends: conceptually yes, cheaply no. Each state gets its own tree: blue spruce for Colorado shown here, ponderosa for Montana. But every new state is a fresh silhouette commission, not a parameter change. A system of portraits, not a template.

Verdict

Where I actually stand

Top three

  • 01 Signal Fir. Passes the cold-read test in the right order: bars first, tree second. Built on the favicon grid so 16 px costs nothing, and the bar grammar rebuilds any state. If one becomes the logo, it's this one.
  • 07 The Stamp. The trade-stamp form matches how this company talks: invoices, door decals, plainspoken. The pixel staircase is the one detail keeping it off a park sign, and it works: one color, every size, every state.
  • 02 The Viewport. The only mark that literally contains the product. Strongest lockup presence at 32 px and up; the chrome bar gets tight at 16 but stays legible.

Weak, and why they're still here

  • 08 Found. A pin-plus-motif is local-SEO wallpaper. Included to prove the "be found" message angle exists without committing to a cliché.
  • 05 Root & Branch. Best idea, worst favicon: six nodes turn to gravel at 16 px. Included because at 400 px it's the most "web" thing on the page.
  • 03 Upstack. Clean, scalable, and completely anonymous: nothing Oregon, nothing tree beyond the silhouette. Included as the control.
  • 06 ASCII Fir. The typed-tree conceit is fragile: in one color at small sizes it stops being punctuation and becomes just a tree, which is the exact failure this brief forbids.
  • 04 / 09 / 10 are mid-table: Pixel Fir is solid but reads more like a game studio; The Handoff has the best story and a mushy 16 px; The Doug is the prettiest tree with the highest tree-service risk.