Prelim Brand: Colors, Fonts, Logo & Visual Identity

Prelim Brand Identity

A complete profile of Prelim's visual system — colors, typography, components, and personality — extracted from 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 →
heading:
Roboto
Roboto Google Fonts →
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

Source: updates.prelim.com

Source: docs.prelim.com

Source: bankofmarin.prelim.com

Source: updates.prelim.com

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/). 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/ 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/ on 2026-07-27 using the Firecrawl 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

{
  "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"
  }
}