AtoB Brand Identity

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

Color Palette

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

• Primary: #D9F99D (rgb(217, 249, 157))
• Secondary: #111820 (rgb(17, 24, 32))
• Accent: #D9F99D (rgb(217, 249, 157))
• Background: #FFFFFF (rgb(255, 255, 255))
• Text Primary: #182029 (rgb(24, 32, 41))
• Link: #182029 (rgb(24, 32, 41))

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter Google Fonts →
• Heading: Inter Google Fonts →

Visual Assets

• Favicon
• Social Card

UI Components

Live previews rendered using AtoB's actual button styles.

• Input:

  • background: transparent
  • textColor: #FFFFFF
  • borderColor: null
  • borderRadius: 100px
  • shadow: none

• Button Primary:

  • background: #D9F99D
  • textColor: #1C2436
  • borderColor: #ECF5F0
  • borderRadius: 100px
  • shadow: none

• Button Secondary:

  • background: #E2E4E9
  • textColor: #333333
  • borderRadius: 0px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: fleet managers and trucking companies

AtoB Brand in the Wild

Image: cdn.prod.website-files.com Source: atob.com

Image: cdn.prod.website-files.com Source: atob.com

Image: cdn.prod.website-files.com Source: atob.com

Image: cdn.prod.website-files.com Source: atob.com

Image: go.atob.com Source: go.atob.com

Image: cdn.prod.website-files.com Source: atob.com

Frequently Asked Questions

• What is AtoB's primary brand color?
  AtoB's primary brand color is #D9F99D. It anchors the visual identity across their website, product UI, and marketing materials.
• What font does AtoB use?
  AtoB uses Inter as the primary typeface across body and headings.
• Does AtoB use a light or dark theme?
  AtoB's primary site uses a light color scheme, with a background of #FFFFFF.
• Where can I find AtoB's logo?
  AtoB's logo is available directly on their site (https://atob.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://atob.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 AtoB.