Color Palette
Iron
#243347
rgb(36, 51, 71)
PRIMARY
Amber
#C8772A
rgb(200, 119, 42)
ACCENT
Slate
#5C7085
rgb(92, 112, 133)
SECONDARY
Stone
#EDE9E1
rgb(237, 233, 225)
NEUTRAL-LIGHT
Ash
#3D4147
rgb(61, 65, 71)
BODY-TEXT
Chalk
#F6F4F0
rgb(246, 244, 240)
BACKGROUND
Typography
The Right Materials,
Right on Time.
Right on Time.
Aa
Bb
Cc
0123456789
We stock the materials contractors actually need — same-day on most orders. Structural & Civil Engineering
Logo
Wordmark-primary identity. VARROW set in condensed uppercase grotesque with tight tracking. The right stroke of the V extends slightly above cap height as a sharp vertical element evoking a grade stake or survey rod. ENGINEERING GROUP appears in small caps at approximately 60% of the wordmark width, left-aligned beneath. Renders in Iron (#243347) on light grounds, reversed to Chalk (#F6F4F0) on dark. The V extension element may render in Amber (#C8772A) for emphasis contexts. No gradients, no drop shadows.
UI Patterns
Buttons
Primary
Accent
Outline
Text link →
Badges & Tags
Primary
Accent
Secondary
Outline
Card
Same-Day Availability
In stock on most orders placed before noon. Regional delivery within 100 miles.
Alert / Callout
Orders placed before noon ship same day. Call us if you need it sooner.
Social Media Formats
Voice & Tone
Measured and precise — we write from the client's challenge outward, not from our credentials inward. Confident recommendations delivered without hedging or superlatives.
MeasuredPartnership-firstPrecise without gatekeepingDirectly confident
✓ Do write like this
- Lead with outcomes and specifics: 'The redesigned connection eliminated the 6-week recertification cycle and shaved $220K from the schedule.'
- Name the challenge first — reference the specific site condition or constraint that makes the project complex.
- Use first-person plural for shared work: 'We worked with the contractor to stage the demolition in a way that protected occupied floors above.'
- Open proposals with the client's problem, not Varrow's credentials.
- Use active voice: 'Varrow will deliver preliminary drawings by March 14' — not 'preliminary drawings will be provided.'
✗ Avoid this
- Use unsubstantiated superlatives: never 'world-class', 'industry-leading', or 'best-in-class'. If you cannot cite a number or a specific outcome, cut the claim.
- Open a proposal with 'Varrow Engineering Group is pleased to submit...' — get to the client's problem first.
- Write in passive voice in proposals or case studies.
- Use consulting filler: ban 'holistic', 'synergies', 'seamless', and 'leverage' used as a verb.
- Use 'we look forward to partnering' as a standalone closer — earn that language with substance, then close.
Downloads & Exports
CSS Tokens
Custom properties for every color and font. Drop into any project.
Brand Kit
Self-contained HTML reference. Open in any browser, share with your team.
Brand Guide (.docx)
Editable Word document. Colors, fonts, and voice guidelines.
Pitch Cover
Print-ready cover in your brand colors. Open and print to PDF.
Color Contrast — WCAG
Aa
Iron on Chalk
Aa
Iron on Stone
Aa
Ash on Chalk
Aa
Stone on Ash
Aa
Slate on Chalk
Aa
Slate on Stone
Aa
Iron on Amber
Aa
Amber on Chalk
Aa
Amber on Ash
Aa
Amber on Stone
Aa
Iron on Slate
Aa
Slate on Ash
Code & Assets
CSS Variables
:root {
--color-iron: #243347;
--color-amber: #C8772A;
--color-slate: #5C7085;
--color-stone: #EDE9E1;
--color-ash: #3D4147;
--color-chalk: #F6F4F0;
--font-heading: 'DM Serif Display', sans-serif;
--font-body: 'IBM Plex Sans', sans-serif;
}
brand.json
↓ Download
{
"client": "Varrow Engineering Group",
"tagline": "Engineered for what endures.",
"industry": "Structural & Civil Engineering",
"description": "Varrow Engineering Group is a structural and civil engineering consultancy founded in 2007, serving commercial developers, municipal clients, and general contractors across the Great Lakes region. With 60+ staff across three offices, Varrow specializes in adaptive reuse, mixed-use commercial structures, and infrastructure rehabilitation \u2014 the kind of projects where the constraints are as complex as the site itself.",
"colors": [
{
"name": "Iron",
"hex": "#243347",
"role": "primary"
},
{
"name": "Amber",
"hex": "#C8772A",
"role": "accent"
},
{
"name": "Slate",
"hex": "#5C7085",
"role": "secondary"
},
{
"name": "Stone",
"hex": "#EDE9E1",
"role": "neutral-light"
},
{
"name": "Ash",
"hex": "#3D4147",
"role": "body-text"
},
{
"name": "Chalk",
"hex": "#F6F4F0",
"role": "background"
}
],
"fonts": {
"heading": "DM Serif Display",
"body": "IBM Plex Sans",
"mono": "IBM Plex Mono"
},
"voice": {
"tone": "Measured and precise \u2014 we write from the client's challenge outward, not from our credentials inward. Confident recommendations delivered without hedging or superlatives.",
"attributes": [
"Measured",
"Partnership-first",
"Precise without gatekeeping",
"Directly confident"
],
"do": [
"Lead with outcomes and specifics: 'The redesigned connection eliminated the 6-week recertification cycle and shaved $220K from the schedule.'",
"Name the challenge first \u2014 reference the specific site condition or constraint that makes the project complex.",
"Use first-person plural for shared work: 'We worked with the contractor to stage the demolition in a way that protected occupied floors above.'",
"Open proposals with the client's problem, not Varrow's credentials.",
"Use active voice: 'Varrow will deliver preliminary drawings by March 14' \u2014 not 'preliminary drawings will be provided.'"
],
"dont": [
"Use unsubstantiated superlatives: never 'world-class', 'industry-leading', or 'best-in-class'. If you cannot cite a number or a specific outcome, cut the claim.",
"Open a proposal with 'Varrow Engineering Group is pleased to submit...' \u2014 get to the client's problem first.",
"Write in passive voice in proposals or case studies.",
"Use consulting filler: ban 'holistic', 'synergies', 'seamless', and 'leverage' used as a verb.",
"Use 'we look forward to partnering' as a standalone closer \u2014 earn that language with substance, then close."
]
},
"logo": {
"notes": "Wordmark-primary identity. VARROW set in condensed uppercase grotesque with tight tracking. The right stroke of the V extends slightly above cap height as a sharp vertical element evoking a grade stake or survey rod. ENGINEERING GROUP appears in small caps at approximately 60% of the wordmark width, left-aligned beneath. Renders in Iron (#243347) on light grounds, reversed to Chalk (#F6F4F0) on dark. The V extension element may render in Amber (#C8772A) for emphasis contexts. No gradients, no drop shadows.",
"assets": {
"primary": "https://varrow.chatmybrand.com/assets/logo-primary.svg",
"reversed": "https://varrow.chatmybrand.com/assets/logo-reversed.svg",
"mark": "https://varrow.chatmybrand.com/assets/logo-mark.svg",
"mark_reversed": "https://varrow.chatmybrand.com/assets/logo-mark-reversed.svg"
}
},
"access": {
"mode": "public"
}
}