Every surface,
done right.
Blue Diamond Surface Cleaning Solutions is a family-owned business providing professional land clearing, pressure washing, and fleet washing services throughout Central Texas.
The mark.
The Blue Diamond logo is the primary brand identifier. Use the correct colorway for every surface. Never alter proportions, apply effects, or place the logo on backgrounds that reduce legibility.
Primary — On Dark
Reversed — Dark bg
Reversed — Blue bg
Positive — White
Positive — Off White
Maintain clearspace equal to the cap-height of the "D" on all four sides. No text, graphics, or other logos within this zone.
Minimum Size
120px — Minimum horizontal
200px — Preferred minimum
Never alter the logo's proportions. Scale uniformly from a corner only.
Use only the approved colorways. Never apply custom fills to the mark or wordmark.
No drop shadows, outlines, gradients, or opacity changes applied to the logo file.
Do not place the logo over photography or complex backgrounds without an overlay or clear zone.
The logo is always presented horizontally at 0°. No rotation or flip transforms.
Below 120px wide, the logo becomes illegible. Use an icon mark variant if one is available.
The palette.
Five blues form the core of the palette, sampled directly from the logo gradient. They are supported by a cool-toned gray system and pure white surfaces. Every color decision traces back to these values.
Blue Scale — Primary PaletteLinear 140deg · #1F2A6A → #2C3D8F → #34499F · Used on hero sections, dark CTAs, and footer backgrounds. Never on body text, buttons, or small elements.
Color Usage RulesButtons, links, active nav states, icon fills, focus rings, selected states
Not Allowed OnBody text, page backgrounds, large fill areas without white text
Eyebrow text, dividers, card border hover, badge fills, subtle icon states
Not Allowed OnPrimary buttons, large background fills, body text
Body, H1–H4, form labels, card copy, nav links on white/off-white
Not Allowed OnDark backgrounds without inversion to white, buttons
Footer background, sticky nav, dark section overlays, modal backgrounds
Not Allowed OnBody text on light backgrounds, button fills without white text
Page body background, outer section wrappers
Not Allowed OnCards (use White #FFFFFF), dark sections, text
Alternating sections, testimonial areas, subtle card fills, form input backgrounds
Not Allowed OnDark section overlays, text, primary button fills
The voice.
Two typefaces carry all communication. Poppins handles display, headings, and body copy. Inter handles labels, eyebrows, captions, and UI metadata. Never mix these roles.
TypefacesHeadings are always Poppins at their defined weight. Clear hierarchy, consistent system.
Inter is a utility face — labels and metadata only. It is too compact for headline use.
Eyebrows are always Inter 700 uppercase with generous tracking. Sets up the section heading.
Poppins' wider letterforms break down at label sizes. Inter is the correct choice for all micro-type.
Actions.
Every interactive action uses one of four button variants. Always choose the variant that matches the background surface. Pair one primary with one secondary — never two primaries side by side.
On Light BackgroundsContainers.
Three card variants handle all content display needs. Cards always lift on hover. Never nest cards or use more than two variants within a single grid.
Card VariantsFull and selective clearing for homesites, shops, barns, and access roads throughout Central Texas.
Remove oil stains, algae, mildew, and embedded grime from concrete, pavers, and stone surfaces.
Your vehicles represent your business. One-time or recurring schedules built around your operation.
Full and selective clearing for homesites, shops, and barns throughout Central Texas.
3 — BodyInput.
Forms are the primary conversion point. Every state must be clearly communicated — default, hover, focus, error, and disabled. Never omit labels or error messages.
Space & structure.
A 4px base unit generates the entire spacing scale. All padding, gap, and margin values are multiples of 4. Max content width is 1100px, centered with 48px horizontal padding.
Spacing ScaleDepth & edge.
Shadow ScaleResting cards, nav
Dropdowns, modals, forms
Card hover state
Featured panels, CTA forms
All shadows use rgba(31,42,106) as the base — this is the navy's RGB values. Blue-tinted shadows keep depth on-brand rather than neutral gray.
Border RadiusSM
MD
LG
XL
Pill
Backgrounds & layout.
Sections alternate between four background variants to create visual rhythm without changing the color system. Max width is 1100px, always centered.
Section BackgroundsSupporting paragraph that gives context to the section's content, written at 16px body size.
3 — BodyHow we speak.
Blue Diamond is a family business that does hands-on work. The brand voice is direct, plain-spoken, and confident without being boastful. Write like someone who knows their trade and respects the customer's time.
Do / Don'tDirect, confident, no padding. States the offer and the action clearly.
Filler enthusiasm, passive structure. Reads like a form letter, not a real business.
Specific, earned claim. Speaks to a real customer concern — reliability.
Empty superlatives. Means nothing. Could apply to any business in any industry.
Specific and useful. Tells the reader immediately if this business is for them.
Vague. "The region" communicates nothing. Specifics build trust.
Say the thing directly. If you need a simpler word, use it. "We clear your land" is better than "we facilitate vegetation removal."
Name the places, the services, the outcomes. Specifics do the work that enthusiasm cannot.
"We clean your fleet" not "Your fleet can be cleaned by us." The subject always acts.
Bold claims need a reason behind them. "Quality work" alone means nothing. "We don't leave until you're satisfied" means something.