Tran + Thomas Design Studio

Brand Style Guide

← Back to Home
01

Brand

The wordmark is the heart of the identity: a bold, boxed TRAN + THOMAS set above a widely-spaced DESIGN STUDIO. It signals confidence, structure, and refinement—luxury design that commands attention.

Tran + Thomas Design Studio Primary · on light
Tran + Thomas Design Studio Reversed · on dark

Clear Space

Tran + Thomas Design Studio

Maintain clear space around the wordmark equal to the height of the boxed cap height on every side. Never stretch, recolor, or rearrange the lockup.

Brand Voice

Originally founded in 1982, family-owned Tran + Thomas brings extraordinary beauty and luxury to homes and well-planned interiors to commercial projects in the Kansas City area and beyond—grounded in craftsmanship, guided by clarity, balance, and intention.

02

Colors

A restrained, gallery-like palette: near-black ink and soft warm neutrals let the photography lead, with a single brass accent reserved for buttons and fine rules.

Ink Black #111111
Body Grey #3A3A3A
Brass Accent #B59F7E
Muted Stone #8A8A86
Hairline #D9D6D0
Soft Linen #F6F4F1
Paper White #FFFFFF
Placeholder #E3E1DD
03

Typography

A single geometric sans carries the whole system—Jost handles headings, labels, and reading copy alike, distinguished only by weight, tracking, and case.

Aa

Jost

The single typeface — headings, body, labels & buttons

Page Title
Font
Jost Regular
Size
40px / uppercase
Tracking
0.10em

Luxury Design That Commands Attention

Section Heading
Font
Jost Light
Size
26px / uppercase
Tracking
0.16em

Design Without Limits

Body Copy
Font
Jost Regular
Size
17px
Leading
1.7

No two homes—or homeowners—are the same. We create residential interiors that reflect the people who live in them. Every layout, finish, and interior detail is shaped by your lifestyle and guided by clarity, balance, and intention.

Button / Label
Font
Jost Regular
Size
13px / uppercase
Tracking
0.24em

Residential

04

Design Elements

Components share generous whitespace, soft 14px rounded media, hairline dividers, and the brass outline button—quiet structure that frames the work without competing with it.

Buttons

Brass hairline outline; fills to ink black on hover.

Media & Rules
Spacing Scale
8
16
24
40
64
96
Content Block

The repeating homepage unit: image left, heading + copy + button right. Stacks to a single column on mobile.

Spaces That Connect

Commercial