Vista Power Brand: Colors, Fonts, Logo & Visual Identity

Vista Power Brand Identity

A complete profile of Vista Power's visual system — colors, typography, components, and personality — extracted from https://vistapower.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://vistapower.com.

Color Name	Hex Code	RGB
primary	#101828	rgb(16, 24, 40)
accent	#FFFFFF	rgb(255, 255, 255)
background	#101010	rgb(16, 16, 16)
textPrimary	#101010	rgb(16, 16, 16)
link	#101828	rgb(16, 24, 40)

Typography

Each font links to its Google Fonts page where available.

primary: Atkinson Hyperpro Google Fonts →
heading: Syncopate Google Fonts →

UI Components

Live previews rendered using Vista Power's actual button styles.

Button Primary

Background: #FFFFFF
Text Color: #101010
Border Radius: 0px
Shadow: none

Button Secondary

Background: transparent
Text Color: #FFFFFF
Border Color: #FFFFFF
Border Radius: 0px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: businesses seeking energy solutions

Vista Power Brand in the Wild

Frequently Asked Questions

What is Vista Power's primary brand color?
Vista Power's primary brand color is #101828. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Vista Power use?
Vista Power uses #FFFFFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Vista Power use?
Vista Power uses Atkinson Hyperpro for body text and Syncopate for headings. Fonts were detected on https://vistapower.com as part of their live design system.

Does Vista Power use a light or dark theme?
Vista Power's primary site uses a dark color scheme, with a background of #101010.

Where can I find Vista Power's logo?
Vista Power's logo is available directly on their site (https://vistapower.com). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?
This profile was extracted from https://vistapower.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Vista Power.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Atkinson Hyperpro",
      "role": "body"
    },
    {
      "family": "Syncopate",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#101828",
    "accent": "#FFFFFF",
    "background": "#101010",
    "textPrimary": "#101010",
    "link": "#101828"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Atkinson Hyperpro",
      "heading": "Syncopate"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#101010",
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/66a19316f241962f8fe23afe/66a1971c322d1a788080e518_WordmarkWhiteNoBGNoPad.png",
    "favicon": "https://cdn.prod.website-files.com/66a19316f241962f8fe23afe/66a2eb3f8dfe142d5ab77836_FaviconCircleSmall.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses seeking energy solutions"
  }
}