Case study

White Oak Renovations

Brand identity and website for an owner-led residential renovation company in Elk Grove, California.


Competing logo directions needed one answer. An oak leaf became the link between the identity and a warm residential website.

Role
Brand identity + web designer
Year
2026
Status
Pre-launch
Art-directed kitchen photography used on the White Oak homepage concept

The challenge

What should White Oak actually feel like as a brand?

A few logo directions were already in play. The founders were split, and competing marks would have shown up on trucks, apparel, invoices, social, and the site.

The risk was launching with more than one identity: a name that looked different depending on which surface you saw first.

Unify

One direction both founders could see themselves using on every surface.

Differentiate

Skip the tree, roof, and hammer language most contractor brands use.

Scale

Work at 16 px, on a hat, on a truck, and across a full website.

Finding the direction

Early directions leaned on a full tree.

A full oak reads instantly as "White Oak," which is why contractor brands with this kind of name default to it. It is recognizable, and already everywhere.

The obvious answer was also the common one.

Early direction: pictorial oak tree above a serif WHITE OAK wordmark
Direction 1Pictorial oak + wordmark
Early direction: stacked White Oak wordmark with a small tree silhouette
Direction 2Stacked tree lockup
Early direction: circular badge with a white oak tree and script lettering
Direction 3Badge / script tree

The central decision

From an obvious tree to a leaf that can travel.

The leaf keeps the family-name reference without another full-tree contractor badge. Its upright silhouette carries the identity into smaller, simpler applications.

The wordmark carries the heritage; the leaf supplies recognition. Together, they give the website and physical applications the same starting point.

Approved White Oak leaf symbol
Primary White Oak Renovations lockup: oak leaf beside the wordmark

Hierarchy

Symbol to White Oak to Renovations. The leaf is the recognisable mark, the wordmark carries personality, and the descriptor stays deliberately quiet.

Rule

The leaf stays upright. Orientation is part of how you recognize it.

Color + typography

Warm materials, quiet contrast.

The palette comes from residential materials, not from typical construction branding. Color does the public-facing work. Monochrome is there for production constraints.

Oak Green#465F32
Oak Tan#B98352
Warm Ivory#F5F0E8
Warm Taupe#5C5147

Display

Heritage lives in the display.

Karimun for headlines, the wordmark voice, and editorial moments.

Interface

Raleway Medium

Navigation, body, buttons, and secondary information. One voice for the name, another for the work of reading.

Logo system

One identity, multiple jobs.

PrimaryDefault horizontal mark
Stacked White Oak lockup
StackedSecondary / square formats
SymbolSmall-format recognition

Application

Readable at a glance.

Application concepts show how the identity works with the object instead of decorating every available surface.

Application mockup: grey pickup with the reversed White Oak mark on the door
Vehicle application concept · Reversed lockup

On a dark truck body the reversed mark stays simple. Apparel is where the standalone leaf earns its keep: embroidered cleanly, readable from a distance, without turning the shirt into a billboard.

Ivory and oak-green cap with an embroidered leaf on the crown
Cap concept
White polo shirt with a small embroidered oak leaf
Polo concept

Digital applications

Symbol first when the crop gets small.

A profile picture cannot be a lockup stuffed into a circle. The leaf is the unit that still reads at 110 pixels. Color stays in the system. Orientation stays upright.

Ivory leaf on oak green, the primary social avatar
PrimaryIvory leaf on oak green
Green leaf on warm ivory, the secondary social avatar
SecondaryGreen leaf on warm ivory
White leaf on black, the monochrome avatar
MonoProduction / single-color

Digital experience

The site carries the same tone.

Open full preview

Karimun gives the opening its warmth; Raleway keeps navigation and supporting copy easy to read. The oak palette frames the photography, while the same leaf and lockup connect the website to the physical identity.

White Oak desktop website concept, showing the identity, residential headline and kitchen heroEnlarge desktop view
The identity becomes an opening: warm type, oak colors, and one clear invitation.
White Oak mobile website concept with the same identity and a stacked headlineEnlarge mobile view
Mobile keeps the message and primary action together.

Photography in the mockup is art direction for the concept. It is not a record of completed White Oak projects. The contact form is mockup-only and does not send data.

Outcome

A system that can grow with the company.

It was the first direction both founders agreed to use. The identity and website design are complete; implementation remains pre-launch.

Daniel Anderson / Brand identity + web designer