Brand & Visual Direction · v0.1

A refined Latin contemporary direction.

Editorial. Confident. Bilingual. Built around the brand Omar already has — and engineered to win the kinds of clients who care that the work is done right.

Client: Tabora Painting & Drywall Finisher, LLC
Founder: Omar A. Tabora
Service area: Palm Beach County, FL
Tier: Mid · Custom build
Date: May 2026

I · The Position

Built around what's already working.

Most contractor websites in South Florida look the same. Generic blue. Stock photos of trucks. The same five trust badges arranged in a row. Tabora's existing brand has something almost none of them have: warmth, personality, a clear point of view.

We're not throwing that away.

This direction takes the spirit of Omar's logo — the cream paper, the deep navy ink, the terracotta and teal accents from the wood-grain background — and translates them into a refined, modern, bilingual web presence.

The mood, in one line

Editorial, not corporate. Crafted, not stamped out.

The site reads like a design magazine for the trades — with the warmth and personality of Omar's hand-drawn logo carried through every page. Bold serif headlines. Color blocks pulled straight from the card. Real Palm Beach County work, treated with consistent warm color grading. Twenty-five years of careful craft, presented the way it deserves to be presented.

II · Color System

A palette pulled directly from Omar's logo and card.

The cream, the navy, the terracotta, the teal, the maroon — every color on the site comes from somewhere on the existing brand.

Cream

#FAF6EC · 70% of pixels

Page background. The dominant surface. Calmer and lighter than the logo's printed cream so it reads cleanly on screens.

Ink

#1F3949 · 20%

Headlines, body text, primary marks, dark sections. The deep navy from Omar's hand-drawn wordmark.

Terracotta

#DD6F3D · 7%

Primary accent. CTAs, key highlights, the one color a visitor's eye is drawn to. Used with intent.

Teal

#3DA0AC · 2%

Secondary accent. Decorative stripes, highlights, paint-stripe patterns. From the logo's left-side stripe.

Maroon

#9D3640 · 1%

Tertiary accent. Used very rarely for special emphasis. From the logo's center stripe.

Cream · 70%

Ink · 20%

Terracotta · 7%

Teal + Maroon · 3%

Approximate distribution across the site. Cream and ink anchor the design; the warm accents from Omar's card add the personality.

III · Typography

An editorial serif paired with a clean modern sans.

Newsreader carries the warmth and editorial character. Manrope carries the information.

Display Headline

Newsreader

Variable serif designed by Production Type for editorial use. Warm letterforms, clean italic, designed to work at both display and reading sizes. Self-hosted as woff2 in production.

Trabajo cuidadoso.

Section Heading on Ink

Newsreader · 38–60px

Used at the top of every section and page-level subhead. On dark sections, terracotta carries the italic emphasis.

A quarter-century of careful work.

Body on Terracotta

Manrope

Geometric humanist sans, weights 400 / 500 / 600. On terracotta sections, italics shift to ink for emphasis.

Tabora has painted, finished, and repaired homes and businesses across Palm Beach County for over twenty-five years. Interior, exterior, drywall, popcorn ceiling removal, stucco, baseboards, doors — and the small finish details everyone else forgets.

Eyebrow / Small caps

Manrope · 11px · Tracked

Section labels, tags, navigational micro-type. Always in terracotta on cream — color carries the function.

Interior · Exterior · Drywall · Finish

IV · The Logo

The mark Omar already owns — used well.

The existing logo carries real brand equity. Three placement rules below, then the same mark shown at every size from header to favicon.

On cream — primary placement. Header, footer, about page hero. Use the full color logo at sizes 120px+ wide.

On ink — dark sections, footers on photo overlays. The logo's cream center holds up against the deep blue.

On terracotta — promotional accents only (banner ads, postcards). Use rarely; the full logo competes with the accent.

The logo across every size

Same mark, scaled across all use cases — header, mobile nav, social avatar, favicon. Complex hand-drawn logos like Omar's lose fine detail at very small sizes; that's expected. Recognition at thumbnail scale relies on the brand colors and silhouette, not on letterform readability.

Header · 160px

Primary placement. Full color, all detail visible. Used in site header, footer, about page hero.

Mobile / Avatar · 96px

Mobile navigation, Instagram/TikTok avatar, email signature. Script wordmark and brush still read clearly.

Favicon · 16 / 32 / 48px

Browser tabs, OS app icons. The brand colors register at this scale — letterforms are not the priority here.

V · Sample Homepage Hero

What the front door looks like.

First scroll, English version. Spanish version below. Headline copy is a proposal — we'll workshop with Omar.

site-testing.org/tabora

EN ES

Tabora · Painting & Drywall · 25+ years

Careful work. Finished properly.

Interior, exterior, drywall, and the small finish details everyone else forgets. Serving Palm Beach County since 1999.

Request a free estimate See recent work

Fully Insured 5.0 on Google 25+ years experience Greenacres, FL Bilingual EN / ES

English version — primary entry. Above-the-fold composition tested at desktop, tablet, and mobile widths.

site-testing.org/tabora/es

EN ES

Tabora · Pintura y Drywall · 25+ años

Trabajo cuidadoso. Bien terminado.

Interior, exterior, drywall, y los pequeños detalles que todos los demás olvidan. Sirviendo a Palm Beach County desde 1999.

Solicite un estimado gratis Ver trabajos recientes

Asegurados 5.0 en Google 25+ años de experiencia Greenacres, FL Bilingüe EN / ES

Spanish mirror — same composition, translated copy, accent dot on the active language tab shifts to terracotta.

VI · Photography Direction

Three modes. Warm grading on every frame.

Most contractor sites have generic stock or phone photos pasted in raw. Tabora's site treats every image to a consistent editorial color grade — the same warm cream undertone that ties the whole brand together.

Editorial

Wide. Soft natural light. Subject (room, exterior, Omar at work) framed with negative space. Used at hero, section openers, about page.

Detail

Tight crop on craft — brush strokes, cut lines, smooth drywall. Proves the work without saying a word. Used on services, FAQ, blog.

Before / After

Side-by-side or sequential reveal. The single most persuasive visual a contractor has. Used in portfolio and select service pages.

Editing rules — applied to every image

Warm gradeSlight warm tint. +5 saturation. -10 highlights. Cream undertone in shadows.

One subject per frameNo cluttered shots. If a frame has too much going on, crop tighter or skip it.

Consistent crop4:5 portrait for cards. 16:9 for hero. 1:1 for thumbnails. No mixed aspect ratios on the same page.

No watermarks on photosThe brand mark sits on the page chrome, not stamped on the image.

People sparinglyShow Omar and the crew on the about page and a few key spots. Don't paste people into every section.

Min resolutionSource photos at 2400px wide minimum. Compressed to webp at 80–85 quality for delivery.

VII · Component Previews

How the building blocks actually render.

Two of the most-used components, fully rendered. Hover the service cards to feel the interaction.

Service card

Interior & Exterior Painting

Residential and commercial. Cabinet refinishing, accent walls, full repaints. Premium paints, careful prep, clean lines.

Learn more

Drywall & Finish

Repair, install, popcorn ceiling removal, stucco repair. Texture matching that disappears into the existing wall.

Learn more

Finish Carpentry

Baseboard install, door install, trim work. The small details that make a finished room actually feel finished.

Learn more

Testimonial card

Omar & his team repaired the imperfections and painted the interior of the salon. Knowledgeable, professional, skilled, and kind throughout the entire process.

Salon client, Greenacres · Verified Google review

VIII · What Happens Next

If this direction lands with Omar —

A clear path to launch.

Approval on this direction unlocks the build. The next two sessions cover content, then build, then deploy. Tabora goes live in roughly two weeks of focused work.

Approve the directionOmar reviews this page. Push back on anything that doesn't feel right. We iterate the brand layer until it lands.
Discovery call & assets30-minute call with Omar. Confirm services, license/insurance docs, gather 30+ photos from his Instagram & TikTok. Customer text-blast goes out.
Information architecture & copySite map. Page-by-page copy in EN and ES. SEO & AEO targets per page. Internal review with Steve.
BuildEight to ten pages. Self-hosted fonts. Quote form & estimator. Schema markup. Mobile and desktop polish to PageSpeed 95+.
Launch & handoffDeploy to site-testing.org/tabora as a preview. Final QA with Omar. Domain transfer when he chooses one. Google Business Profile cross-link.