# Prelim Brand Identity

A complete profile of **Prelim**'s visual system — colors, typography, components, and personality — extracted from [https://prelim.com/](https://prelim.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://prelim.com/.  
**primary:**  
`#0000EE`  
`rgb(0, 0, 238)`  
**secondary:**  
`#EFF9FF`  
`rgb(239, 249, 255)`  
**accent:**  
`#4E63F8`  
`rgb(78, 99, 248)`  
**background:**  
`#101010`  
`rgb(16, 16, 16)`  
**textPrimary:**  
`#101010`  
`rgb(16, 16, 16)`  
**link:**  
`#4E63F8`  
`rgb(78, 99, 248)`

## Typography

Each font links to its Google Fonts page where available.

**primary:**  
`Roboto`  
[Roboto Google Fonts →](https://fonts.google.com/specimen/Roboto)  
**heading:**  
`Roboto`  
[Roboto Google Fonts →](https://fonts.google.com/specimen/Roboto)  
`Roboto, sans-serif`

## Visual Assets

'%3e%3cpath%20d='M41.1169%204.26562V23.7771H37.8281V4.26562H41.1169ZM39.7788%204.26562H43.7094C45.1396%204.26562%2046.3755%204.5123%2047.4166%205.00444C48.4574%205.4972%2049.2653%206.19865%2049.8419%207.10885C50.4179%208.01967%2050.7061%209.0976%2050.7061%2010.342C50.7061%2011.587%2050.4179%2012.66%2049.8419%2013.5611C49.266%2014.4627%2048.4574%2015.1599%2047.4166%2015.6514C46.3755%2016.1441%2045.1403%2016.3902%2043.7094%2016.3902H39.7788V13.4913H43.7094C44.4706%2013.4913%2045.1304%2013.3756%2045.6883%2013.143C46.2459%2012.911%2046.6821%2012.5578%2046.9982%2012.084C47.314%2011.6103%2047.4719%2011.0294%2047.4719%2010.342C47.4719%209.63562%2047.314%209.05046%2046.9982%208.58586C46.6817%208.12191%2046.2459%207.76872%2045.6883%207.52694C45.1304%207.28576%2044.4706%207.16457%2043.7094%207.16457H39.7788V4.26562Z'%20fill='white'/%3e%3cpath%20d='M57.2278%204.26562V23.7771H53.939V4.26562H57.2278ZM55.89%204.26562H59.959C61.3896%204.26562%2062.6304%204.51658%2063.6801%205.01789C64.7298%205.51984%2065.5429%206.22622%2066.1192%207.13641C66.6952%208.0472%2066.9837%209.11533%2066.9837%2010.342C66.9837%2011.5503%2066.6952%2012.6092%2066.1192%2013.5194C65.5432%2014.4303%2064.7298%2015.136%2063.6801%2015.6379C62.6304%2016.1399%2061.3896%2016.3908%2059.959%2016.3908H55.89V13.659H59.8202C60.5817%2013.659%2061.2416%2013.5335%2061.7992%2013.2826C62.3567%2013.0316%2062.7932%2012.66%2063.109%2012.1679C63.4248%2011.6758%2063.5827%2011.0857%2063.5827%2010.3977C63.5827%209.69135%2063.4248%209.09697%2063.109%208.61342C62.7926%208.13046%2062.3567%207.76319%2061.7992%207.51224C61.2416%207.26128%2060.5817%207.13579%2059.8202%207.13579H55.89V4.26562ZM61.5199%2014.467L68.1541%2023.7771H64.1679L57.9801%2014.467H61.5199Z'%20fill='white'/%3e%3cpath%20d='M73.7288%204.26562V23.7771H70.4956V4.26562H73.7288ZM72.5305%204.26562H82.3699V7.16457H72.5305V4.26562ZM72.5305%2011.9029H81.8124V14.7461H72.5305V11.9029ZM72.5305%2020.8782H82.3699V23.7771H72.5305V20.8782Z'%20fill='white'/%3e%3cpath%20d='M89.7006%204.26562V20.8225H97.4493V23.7771H86.4111V4.26562H89.7006Z'%20fill='white'/%3e%3cpath%20d='M103.135%204.26562V23.7771H99.8179V4.26562H103.135Z'%20fill='white'/%3e%3cpath%20d='M109.769%2023.7762H106.368L109.044%203.28906L117.044%2016.5289L125.072%203.28906L127.747%2023.7762H124.347L123.009%2011.902L117.044%2021.9644L111.107%2011.902L109.769%2023.7762Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.6677%200.928836C12.8376%200.37674%2013.3477%200%2013.9253%200H27.1121C27.9974%200%2028.6301%200.856622%2028.3697%201.70274L22.5377%2020.6568C22.3678%2021.2089%2021.8578%2021.5856%2021.2801%2021.5856H8.09329C7.20802%2021.5856%206.57536%2020.729%206.83569%2019.8829L12.6677%200.928836ZM19.0055%2015.8377H14.3083V8.14247C14.3083%206.32362%2015.1181%205.76398%2015.7875%205.76398H15.8044C15.799%205.76388%2015.7936%205.76385%2015.7883%205.76385C16.0792%205.76385%2016.3557%205.76391%2016.6179%205.76398H20.4046C20.4046%205.76398%2020.3927%205.76398%2020.371%205.76586C20.4714%205.76546%2020.5287%205.76484%2020.5453%205.76385C22.9238%205.62395%2023.9631%209.82132%2020.5453%209.82132H19.0055V15.8377Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.28349%203.32031C6.70582%203.32031%206.19576%203.69706%206.02586%204.24913L0.193847%2023.2032C-0.0664976%2024.0493%200.566181%2024.9059%201.45145%2024.9059H14.6383C15.2159%2024.9059%2015.726%2024.5292%2015.8959%2023.9771L17.3539%2019.2386L19.4068%2016.2819L20.2631%209.81298H17.9469C17.9469%206.45505%2016.4879%205.75561%2015.7884%205.75551C17.1558%205.75551%2018.2028%205.7565%2018.9622%205.75725C19.9899%205.75824%2020.4907%205.75873%2020.5454%205.75551C20.8756%205.73607%2021.18%205.80025%2021.4503%205.92521L21.7279%205.02304C21.9882%204.17692%2021.3556%203.32031%2020.4703%203.32031H7.28349Z'%20fill='white'%20fill-opacity='0.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2500_3667'%3e%3crect%20width='127.961'%20height='25'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)

## UI Components

Live previews rendered using Prelim's actual button styles.

**Button Primary**:  
- Background: `#4E63F8`  
- Text Color: `#FFFFFF`  
- Border Radius: `0px`  
- Shadow: `none`

**Button Secondary**:  
- Background: `#FFFFFF`  
- Text Color: `#101010`  
- Border Radius: `6px`  
- Shadow: `none`

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** banks and credit unions

## Prelim Brand in the Wild

Source: [docs.prelim.com](https://docs.prelim.com/docs/what-is-prelim)

Source: [docs.prelim.com](https://docs.prelim.com/docs/online-account-onboarding)

Source: [updates.prelim.com](https://updates.prelim.com/en/chexsystems-bizchex-retry)

Source: [docs.prelim.com](https://docs.prelim.com/docs/in-branch-account-onboarding)

Source: [bankofmarin.prelim.com](https://bankofmarin.prelim.com/login)

Source: [updates.prelim.com](https://updates.prelim.com/en/bank-account-owner-verification-Wrznae7O)

## Frequently Asked Questions

**What is Prelim's primary brand color?**  
Prelim's primary brand color is `#0000EE`. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Prelim use?**  
Prelim uses `#4E63F8` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Prelim use?**  
Prelim uses `Roboto` as the primary typeface across body and headings.

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

**Where can I find Prelim's logo?**  
Prelim's logo is available directly on their site ([https://prelim.com/](https://prelim.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://prelim.com/](https://prelim.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 Prelim.

## Methodology

Brand data on this page was extracted from [https://prelim.com/](https://prelim.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.  
Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Prelim.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

### JSON Profile

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Open Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#EFF9FF",
    "accent": "#4E63F8",
    "background": "#101010",
    "textPrimary": "#101010",
    "link": "#4E63F8"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "Roboto",
        "sans-serif"
      ],
      "body": [
        "Roboto",
        "sans-serif"
      ],
      "paragraph": [
        "Roboto",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "24px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#4E63F8",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#101010",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml,%3csvg%20width='128'%20height='25'%20viewBox='0%200%20128%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2500_3667)'%3e%3cpath%20d='M41.1169%204.26562V23.7771H37.8281V4.26562H41.1169ZM39.7788%204.26562H43.7094C45.1396%204.26562%2046.3755%204.5123%2047.4166%205.00444C48.4574%205.4972%2049.2653%206.19865%2049.8419%207.10885C50.4179%208.01967%2050.7061%209.0976%2050.7061%2010.342C50.7061%2011.587%2050.4179%2012.66%2049.8419%2013.5611C49.266%2014.4627%2048.4574%2015.1599%2047.4166%2015.6514C46.3755%2016.1441%2045.1403%2016.3902%2043.7094%2016.3902H39.7788V13.4913H43.7094C44.4706%2013.4913%2045.1304%2013.3756%2045.6883%2013.143C46.2459%2012.911%2046.6821%2012.5578%2046.9982%2012.084C47.314%2011.6103%2047.4719%2011.0294%2047.4719%2010.342C47.4719%209.63562%2047.314%209.05046%2046.9982%208.58586C46.6817%208.12191%2046.2459%207.76872%2045.6883%207.52694C45.1304%207.28576%2044.4706%207.16457%2043.7094%207.16457H39.7788V4.26562Z'%20fill='white'/%3e%3cpath%20d='M57.2278%204.26562V23.7771H53.939V4.26562H57.2278ZM55.89%204.26562H59.959C61.3896%204.26562%2062.6304%204.51658%2063.6801%205.01789C64.7298%205.51984%2065.5429%206.22622%2066.1192%207.13641C66.6952%208.0472%2066.9837%209.11533%2066.9837%2010.342C66.9837%2011.5503%2066.6952%2012.6092%2066.1192%2013.5194C65.5432%2014.4303%2064.7298%2015.136%2063.6801%2015.6379C62.6304%2016.1399%2061.3896%2016.3908%2059.959%2016.3908H55.89V13.659H59.8202C60.5817%2013.659%2061.2416%2013.5335%2061.7992%2013.2826C62.3567%2013.0316%2062.7932%2012.66%2063.109%2012.1679C63.4248%2011.6758%2063.5827%2011.0857%2063.5827%2010.3977C63.5827%209.69135%2063.4248%209.09697%2063.109%208.61342C62.7926%208.13046%2062.3567%207.76319%2061.7992%207.51224C61.2416%207.26128%2060.5817%207.13579%2059.8202%207.13579H55.89V4.26562ZM61.5199%2014.467L68.1541%2023.7771H64.1679L57.9801%2014.467H61.5199Z'%20fill='white'/%3e%3cpath%20d='M73.7288%204.26562V23.7771H70.4956V4.26562H73.7288ZM72.5305%204.26562H82.3699V7.16457H72.5305V4.26562ZM72.5305%2011.9029H81.8124V14.7461H72.5305V11.9029ZM72.5305%2020.8782H82.3699V23.7771H72.5305V20.8782Z'%20fill='white'/%3e%3cpath%20d='M89.7006%204.26562V20.8225H97.4493V23.7771H86.4111V4.26562H89.7006Z'%20fill='white'/%3e%3cpath%20d='M103.135%204.26562V23.7771H99.8179V4.26562H103.135Z'%20fill='white'/%3e%3cpath%20d='M109.769%2023.7762H106.368L109.044%203.28906L117.044%2016.5289L125.072%203.28906L127.747%2023.7762H124.347L123.009%2011.902L117.044%2021.9644L111.107%2011.902L109.769%2023.7762Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.6677%200.928836C12.8376%200.37674%2013.3477%200%2013.9253%200H27.1121C27.9974%200%2028.6301%200.856622%2028.3697%201.70274L22.5377%2020.6568C22.3678%2021.2089%2021.8578%2021.5856%2021.2801%2021.5856H8.09329C7.20802%2021.5856%206.57536%2020.729%206.83569%2019.8829L12.6677%200.928836ZM19.0055%2015.8377H14.3083V8.14247C14.3083%206.32362%2015.1181%205.76398%2015.7875%205.76398H15.8044C15.799%205.76388%2015.7936%205.76385%2015.7883%205.76385C16.0792%205.76385%2016.3557%205.76391%2016.6179%205.76398H20.4046C20.4046%205.76398%2020.3927%205.76398%2020.371%205.76586C20.4714%205.76546%2020.5287%205.76484%2020.5453%205.76385C22.9238%205.62395%2023.9631%209.82132%2020.5453%209.82132H19.0055V15.8377Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.28349%203.32031C6.70582%203.32031%206.19576%203.69706%206.02586%204.24913L0.193847%2023.2032C-0.0664976%2024.0493%200.566181%2024.9059%201.45145%2024.9059H14.6383C15.2159%2024.9059%2015.726%2024.5292%2015.8959%2023.9771L17.3539%2019.2386L19.4068%2016.2819L20.2631%209.81298H17.9469C17.9469%206.45505%2016.4879%205.75561%2015.7884%205.75551C17.1558%205.75551%2018.2028%205.7565%2018.9622%205.75725C19.9899%205.75824%2020.4907%205.75873%2020.5454%205.75551C20.8756%205.73607%2021.18%205.80025%2021.4503%205.92521L21.7279%205.02304C21.9882%204.17692%2021.3556%203.32031%2020.4703%203.32031H7.28349Z'%20fill='white'%20fill-opacity='0.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2500_3667'%3e%3crect%20width='127.961'%20height='25'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",
    "favicon": "https://prelim.com/favicon.png",
    "ogImage": "https://prelim.com/og-image.png",
    "logoHref": "/",
    "logoAlt": "Prelim"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "banks and credit unions"
  }
}
```