Brand resourcesEverything you need to put the studio's name on something.
Logos and brand guidelines: colors, type and the rules for using them, for the studio's staff, contractors and trade partners.
Logo files
Start with the wordmark: navy ink on light backgrounds, light gold on dark ones. SVG for screens, PNG for documents, PDF for print.
Wordmark
2 more colorwaysgold deep, paper
Two-tone and reversed are under Two-tone and reversed, for special moments.
Usageuse it for, backgrounds, clear space, minimum size
Use it for
Most jobs — documents, slides, web, social.
Backgrounds
Navy ink
- Paper 11.40:1
- Paper 2 10.44:1
- White 12.52:1
- Tan 9.82:1
Light gold
- Ink 9.02:1
- Dark areas of photos check it
Two-tone and gold deep: Paper and white only. Reversed: Ink only.
Clear space
Leave the height of the glyph clear on every side. Nothing enters it: text, rules, photo or page edges, other logos.
Minimum size
120 px or 32 mm wide; two-tone and gold deep 160 px or 40 mm.
Too small? Switch to navy ink, then step down: lockup, wordmark, glyph or tile.
Contrast: every color in the mark keeps 3:1 on what's behind it. All usage rules
Horizontal lockup
2 more colorwaysgold deep, paper
Two-tone and reversed are under Two-tone and reversed, for special moments.
Usageuse it for, backgrounds, clear space, minimum size
Use it for
Wide spaces that introduce us — signage, covers, proposals.
Backgrounds
Navy ink
- Paper 11.40:1
- Paper 2 10.44:1
- White 12.52:1
- Tan 9.82:1
Light gold
- Ink 9.02:1
- Dark areas of photos check it
Two-tone and gold deep: Paper and white only. Reversed: Ink only.
Clear space
Leave the height of the glyph clear on every side. Nothing enters it: text, rules, photo or page edges, other logos.
Minimum size
200 px or 50 mm wide; two-tone and gold deep 260 px or 65 mm.
Too small? Switch to navy ink, then step down: lockup, wordmark, glyph or tile.
Contrast: every color in the mark keeps 3:1 on what's behind it. All usage rules
Stacked lockup
2 more colorwaysgold deep, paper
Two-tone and reversed are under Two-tone and reversed, for special moments.
Usageuse it for, backgrounds, clear space, minimum size
Use it for
Narrower spaces — signage, stationery, covers.
Backgrounds
Navy ink
- Paper 11.40:1
- Paper 2 10.44:1
- White 12.52:1
- Tan 9.82:1
Light gold
- Ink 9.02:1
- Dark areas of photos check it
Two-tone and gold deep: Paper and white only. Reversed: Ink only.
Clear space
Leave the height of the glyph clear on every side. Nothing enters it: text, rules, photo or page edges, other logos.
Minimum size
140 px or 36 mm wide; two-tone and gold deep 180 px or 45 mm.
Too small? Switch to navy ink, then step down: lockup, wordmark, glyph or tile.
Contrast: every color in the mark keeps 3:1 on what's behind it. All usage rules
Glyph
2 more colorwaysgold deep, paper
Usageuse it for, backgrounds, clear space, minimum size
Use it for
Where the name already appears, or space is tight.
Backgrounds
Navy ink
- Paper 11.40:1
- Paper 2 10.44:1
- White 12.52:1
- Tan 9.82:1
Light gold
- Ink 9.02:1
- Dark areas of photos check it
Gold deep: Paper and white only.
Clear space
Leave a quarter of its height clear on every side: at least 8 px on screen or 2 mm in print. Beside another logo, half its height.
Minimum size
24 px or 6 mm tall; gold deep 32 px or 8 mm.
Too small? Switch to navy ink, then step down: lockup, wordmark, glyph or tile.
Contrast: every color in the mark keeps 3:1 on what's behind it. All usage rules
Two-tone and reversed
Special moments only. Use them once per piece, large, on flat, type-led layouts — covers, title slides, stationery, signage panels, typographic posts.
Two-tone · on Paper or white
Reversed · on InkHurricane Ranch
Ready-to-build plans,coming soon.
- Two-tone on Paper or white, reversed on Ink.
- Never over photos or texture.
- Proof two-tone in print.
Tiles and wordmark bars
They carry their own background, so they work anywhere. All 6 · zip
Using the marks
How we, and anyone working with us, use the marks. The wording lives in our design system; these pictures are drawn from the files above.
Start here
Not sure which mark to use? Use the navy ink wordmark on light backgrounds and the light gold one on dark backgrounds. They're our most used.
Clear space
Around the wordmark and lockups, leave the glyph's height on every side. Around the glyph alone, a quarter of its height, never less than 8 px or 2 mm, and half its height beside another logo.
Minimum size
Never go below these sizes — fine lines close up.
Two-tone and gold deep need more, because gold deep has the least contrast. Marks are shown at actual size at 100% zoom.
| Mark | Most colorways | Two-tone and gold deep |
|---|---|---|
| Wordmark | | |
| Horizontal lockup |  |  |
| Stacked lockup |  | |
| Glyph |  |  |
| Tiles | In a tile the glyph has no minimum, and a tile may shrink to a 16 px favicon. | |
Too small? Switch to navy ink, then step down: lockup, wordmark, glyph or tile.
Approved backgrounds
Every color in the mark keeps at least 3:1 on these. Anywhere else, use the colorway with the most contrast and check it where it's weakest; under 3:1, move the mark or use a tile.
| Paper#F7F4EE | Paper 2#EFEAE0 | White#FFFFFF | Tan#E9E3DB | Ink#1A2A36 | Dark photoWeakest spot | |
|---|---|---|---|---|---|---|
| Navy ink | Yes · 11.40:1 | Yes · 10.44:1 | Yes · 12.52:1 | Yes · 9.82:1 | No · 1.17:1 |  No |
| Two-tone | Yes · 3.18:1 | No · 2.91:1 | Yes · 3.49:1 | No · 2.74:1 | No · 1.17:1 | No |
| Gold deep |  Yes · 3.18:1 | No · 2.91:1 | Yes · 3.49:1 | No · 2.74:1 | No · 4.21:1 | No |
| Light gold | No · 1.49:1 | No · 1.36:1 | No · 1.63:1 | No · 1.28:1 | Yes · 9.02:1 | Yes · check it |
| Reversed |  No · 1.00:1 | No · 1.09:1 | No · 1.10:1 | No · 1.16:1 | Yes · 9.02:1 | No |
| Paper | No · 1.00:1 | No · 1.09:1 | No · 1.10:1 | No · 1.16:1 | Yes · 13.39:1 | Yes · check it |
Ratios are the weakest color in the mark against the background, by the WCAG formula. Tiles and wordmark bars carry their own background, so they work on any of these.
Photos
Only over a calm, even area. If there isn't one, use a tile.
Next to another company's logo
About the same visual size, at least our clear space between them, never merged. We approve every joint layout.
“Example Builders” is a placeholder for a trade partner’s logo.
Please don't
Use the marks as supplied, and keep the glyph as the A in COMPASS only.
RBORDesigned with care by in New Market.
Colors and who may use them
Brand colors only, plus pure black and white for one-color jobs.
Pure black and white are for one-color jobs only: single-color printing, embroidery, vinyl. Black and white files aren't in the kit yet, so ask us. Any other color, such as a material's own finish, needs Allison's or Canyon's approval for that one job.
- Employees and contractors, for studio work.
- Trade partners, only to identify work done with or for the studio.
- Ask us before putting a mark on anything sold, and never suggest we endorse another business.
- Only Allison or Canyon approves a new, changed or retired mark. Nobody else makes one-off versions.
Color
Navy and Ink carry weight. Paper and Tan carry surfaces. Gold is a fine pen line, never a fill. Select a swatch to copy its hex.
RGB 42 93 126
RGB 31 74 102
RGB 19 53 88
RGB 26 42 54
RGB 247 244 238
RGB 239 234 224
RGB 233 227 219
RGB 173 154 76
RGB 156 136 66
RGB 225 201 130
Print values are coming once we’ve proofed them with a printer. For print jobs, ask us.
Pairings · text and background
Status colors · for status only, always with a word or icon
Typography & fonts
Tenor Sans for display, lightly tracked. DM Sans for everything else. All three are free from Google Fonts.
Designing your home should be the best part of having one.
A place to listen first. We keep our project list short, so every home receives the founders’ hands from first sketch to final walk-through.
We work in warm, quiet materials (cedar, stone, lime plaster, brass that ages) and we build to last for generations, not seasons.
Type scale · sizes and uses
| Display64 px | Small on purpose. |
|---|---|
| Heading 236 px | Who you'll work with. |
| Heading 328 px | Hurricane Ranch |
| Heading 417 px | Ready-to-build plans |
| Lead21 px | Kept small on purpose. |
| Body15 px | We respond to every serious inquiry within the week. |
| Small13 px | No newsletter, no spam — just a reply from the studio. |
| Eyebrow11 px | The studio · Est MMXXV |
Voice & copy
Warm, plainspoken, personal. We, never I. Domestic words: home, porch, walk-through. Short sentences that may smile.
Have a site in mind?
Not this: Transform your residential program!
We respond to every serious inquiry within the week.
Casing & punctuation · sentence case, the middle dot, no exclamation points
- Sentence case
- Small on purpose.
- Title Case, for names only
- Hurricane Ranch · Allison Browning
- Roman numerals, capstones
- Est MMXXV · © MMXXVI
- The separator
- New Market · 2026
- Ranges take an en dash
- $30,000 – $100,000 · 3–6 months
- Never
- Exclamation points, emoji, "I", all caps in type
Iconography
20 or 24 px, 1.5 px stroke. Navy on light, light gold on dark. Filled only for status.
- house
- ruler
- pencil
- blueprint
- map pin
- envelope
- phone
- tree
- arrow right
- calendar
- The glyph, never a stock compass
Spacing, radius & shadows · for web contractors
Sections breathe 80–112 px; page gutters are 56–64 px. Hairlines over boxes.
Spacing scale · 4 → 112 px, on a 4-pt grid
Corner radii · square by default
Shadows & rules · low, soft, never colored
Imagery
A project moves from watercolor to photography once it's built. The two never mix within one project. Examples only; ask us for files.
Hurricane Ranch · New Market · 2026
Hickerson Home · CullmanWidner Residence · New MarketPhotography
For completed work. Warm, slightly desaturated, available light.
Harbor Line · Coming soon
Stone Meadow
The studioWatercolor
For ready-to-build plans and the studio itself. Loose washes on paper, navy and tan with a little gold.
Text over images · a capsule or a solid panel, never a gradient
Hurricane Ranch · New Market · 2026
A few places we’ve shaped.A few places we’ve shaped.In situ
The marks where people see them most.
Website
Light gold wordmark over the watercolor gallery
Screenshots of compass-design.studio, taken 21 October 2026.
Email signature
Email tile, name, title, the wordmark, one line of contact |
Allison Browning
Founder · Principal Designer
allison@compass-design.studio · 256-384-3539
Residential Design · Interiors · compass-design.studio
|
The wordmark is 130 px here, above the 120 px minimum.
Hurricane Ranch · 2026Need a file that isn't here?
A missing format, a correction, or a question about using a mark. It goes to Allison and Canyon.