For printers, sign shops and partners

Genesis Painting Brand Kit

The logos, colors, fonts and buttons used on this website, so anything made for Genesis Painting looks like it came from the same company. Every value here is taken from the live site.

Logo

The website wordmark is GENESIS PAINTING set in Anton, all caps, with PAINTING in gold. Use the dark-text version on light backgrounds and the white version on dark backgrounds.

PNG, light backgrounds SVG

PNG, dark backgrounds SVG

The SVG files carry the Anton font inside them (SIL Open Font License), so they look right in any web browser. Some design apps need Anton installed to show the SVG correctly; the PNG works everywhere.

Colors

Brand colors with HEX and RGB values, and where each one is used on the site.

GoldHEX #F2B64C
RGB 242, 182, 76

Accent: header Free Estimate button, the PAINTING half of the wordmark, focus rings. Pair with black text.

Brand BlueHEX #15558A
RGB 21, 85, 138

Primary: links, primary buttons, button hover. White text on it is 7.8:1.

Blue HoverHEX #0F3F68
RGB 15, 63, 104

Link hover on light backgrounds.

Deep NavyHEX #0E2036
RGB 14, 32, 54

Hero background and browser theme color. White text on it is 16.4:1.

Near BlackHEX #191D20
RGB 25, 29, 32

The reviews band background.

Header InkHEX #12161C
RGB 18, 22, 28

Header bar and body text. 18.1:1 on white.

SlateHEX #475569
RGB 71, 85, 105

FAQ left accent, plus/minus icon and the See all FAQs button. White text on it is 7.6:1.

Slate TintHEX #E8ECF1
RGB 232, 236, 241

FAQ question bars and topic chips. Dark slate #1f2937 text on it is 12.4:1.

Off-WhiteHEX #F4F2EE
RGB 244, 242, 238

Section background: trust strip, FAQ, alternating bands.

Button GrayHEX #D9DDE1
RGB 217, 221, 225

Secondary button. Header Ink text on it is 13.3:1.

Footer BlackHEX #000000
RGB 0, 0, 0

Footer background.

Text colors

Body textHEX #12161C
RGB 18, 22, 28

Main text on white or off-white.

Muted textHEX #54606C
RGB 84, 96, 108

Secondary text on white. 6.4:1.

Footer textHEX #A9A9A9
RGB 169, 169, 169

Footer links and notes on black. 8.9:1.

On darkHEX #FFFFFF
RGB 255, 255, 255

Text on navy, slate, blue and black.

Typography

Display: Anton (the site loads /fonts/anton-display-latin.woff2)

House Painters in Rhode Island

Big headings (H1, H2) and the wordmark. All caps. Free under the SIL Open Font License.

Body and small headings: the device's system font

Licensed and insured, RI Reg. #GC-26905. Free written estimates. Call (401) 298-9371.

The site does not download a body font. Text uses the device's own: Segoe UI on Windows, San Francisco on iPhone and Mac, Roboto on Android. For print, Arial or Helvetica is a close match.

Buttons

Free Estimate Get a free estimate

Primary: gold #F2B64C with black text (11.6:1). On hover or keyboard focus it turns brand blue #15558A with white text (7.8:1). One per screen, for the main action.
Secondary: gray #D9DDE1 with dark text (13.3:1). On hover it turns black with white text. For a second choice next to the primary.
Corners are 8px on every button, card and form field. No pill shapes.

FAQ bar

What does a FAQ bar look like?

A light slate-tint bar with a dark question in the body font, a slate accent on the left, no outline and 8px corners. The answer opens in a white panel with dark text and blue links.