Rillet Brand: Colors, Fonts, Logo & Visual Identity

Rillet Brand Identity

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

Color Palette

Brand palette extracted from https://www.rillet.com/.
Primary: #582EFD
Secondary: #E1DCED
Accent: #18181B
Background: #FFFFFF
Text Primary: #18181B
Link: #EBEEFF

Typography

Each font links to its Google Fonts page where available.
Primary: DM Sans
Heading: Space Grotesk

Visual Assets

%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M81.3241%2022.856C79.8395%2022.856%2078.5302%2022.5261%2077.3962%2021.8663C76.2622%2021.1859%2075.3756%2020.2477%2074.7364%2019.0519C74.0972%2017.856%2073.7776%2016.4642%2073.7776%2014.8765C73.7776%2013.2683%2074.0869%2011.8559%2074.7054%2010.6393C75.3446%209.42283%2076.2312%208.47436%2077.3653%207.79394C78.5199%207.11351%2079.8499%206.7733%2081.355%206.7733C82.8396%206.7733%2084.118%207.11351%2085.1901%207.79394C86.2623%208.45374%2087.0871%209.34035%2087.6644%2010.4538C88.2624%2011.5672%2088.5613%2012.794%2088.5613%2014.1342C88.5613%2014.3404%2088.5613%2014.5672%2088.5613%2014.8147C88.5613%2015.0415%2088.551%2015.2992%2088.5304%2015.5879H76.9941C77.0972%2017.0106%2077.5612%2018.0931%2078.3859%2018.8354C79.2107%2019.557%2080.1797%2019.9178%2081.2932%2019.9178C82.2623%2019.9178%2083.0252%2019.722%2083.5819%2019.3302C84.1592%2018.9178%2084.5819%2018.3611%2084.8499%2017.6601H88.1593C87.7881%2019.124%2087.0149%2020.3612%2085.8396%2021.3715C84.6644%2022.3612%2083.1592%2022.856%2081.3241%2022.856ZM81.3241%209.61871C80.3138%209.61871%2079.4168%209.92799%2078.6333%2010.5466C77.8498%2011.1445%2077.3447%2011.9899%2077.1178%2013.0827H85.2829C85.2005%2012.0517%2084.7984%2011.2167%2084.0767%2010.5775C83.3551%209.9383%2082.4375%209.61871%2081.3241%209.61871Z%22%20fill%3D%22%23240257%22%20style%3D%22fill%3A%20rgb(36%2C%202%2C%2087)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M55.4182%2022.4849V19.6395H60.5523V4.08253C60.5523%203.40211%2060.2224%203.0619%2059.5626%203.0619H55.8512V0.216492H60.1502C61.3461%200.216492%2062.2534%200.536085%2062.8719%201.17527C63.5111%201.79384%2063.8307%202.70107%2063.8307%203.89696V19.6395H68.9958V22.4849H55.4182Z%22%20fill%3D%22%23240257%22%20style%3D%22fill%3A%20rgb(36%2C%202%2C%2087)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M36.8733%2022.4849V19.6395H42.0074V4.08253C42.0074%203.40211%2041.6775%203.0619%2041.0177%203.0619H37.3063V0.216492H41.6053C42.8012%200.216492%2043.7085%200.536085%2044.327%201.17527C44.9662%201.79384%2045.2858%202.70107%2045.2858%203.89696V19.6395H50.4508V22.4849H36.8733Z%22%20fill%3D%22%23240257%22%20style%3D%22fill%3A%20rgb(36%2C%202%2C%2087)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M25.1945%204.79388C24.4729%204.79388%2023.8646%204.56707%2023.3698%204.11346C22.8955%203.63922%2022.6584%203.06189%2022.6584%202.38147C22.6584%201.70104%2022.8955%201.13402%2023.3698%200.680408C23.8646%200.226793%2024.4729%20-1.52588e-05%2025.1945%20-1.52588e-05C25.9368%20-1.52588e-05%2026.5451%200.226793%2027.0193%200.680408C27.5142%201.13402%2027.7616%201.70104%2027.7616%202.38147C27.7616%203.06189%2027.5142%203.63922%2027.0193%204.11346C26.5451%204.56707%2025.9368%204.79388%2025.1945%204.79388ZM19.0398%2022.4849V19.6395H23.8646V11.0105C23.8646%2010.3301%2023.5347%209.98984%2022.8749%209.98984H19.4728V7.14443H23.4625C24.7409%207.14443%2025.6688%207.44341%2026.2461%208.04136C26.844%208.61868%2027.143%209.54653%2027.143%2010.8249V19.6395H31.9678V22.4849H19.0398Z%22%20fill%3D%22%23240257%22%20style%3D%22fill%3A%20rgb(36%2C%202%2C%2087)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M0%2022.4849V0.835068H7.08259C8.77334%200.835068%2010.1651%201.12373%2011.2579%201.70106C12.3713%202.27839%2013.1961%203.06191%2013.7322%204.05162C14.2889%205.0207%2014.5672%206.12382%2014.5672%207.36095C14.5672%208.76303%2014.2064%2010.0105%2013.4848%2011.1033C12.7837%2012.1755%2011.7012%2012.959%2010.2373%2013.4538L14.7837%2022.4849H10.9796L6.83516%2013.9178H3.2784V22.4849H0ZM3.2784%2010.9486H6.89702C8.38158%2010.9486%209.46407%2010.6187%2010.1445%209.95893C10.8455%209.29913%2011.1961%208.43313%2011.1961%207.36095C11.1961%206.26815%2010.8558%205.40215%2010.1754%204.76297C9.495%204.10316%208.39189%203.77326%206.86609%203.77326H3.2784V10.9486Z%22%20fill%3D%22%23240257%22%20style%3D%22fill%3A%20rgb(36%2C%202%2C%2087)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)

UI Components

Live previews rendered using Rillet's actual button styles.
Input:

Background: #FFFFFF
Text Color: #18181B
Border Color: #E1DCED
Border Radius: 6.08px
Shadow: None

Button Primary:

Background: #18181B
Text Color: #FAFAFA
Border Radius: 0px
Shadow: None

Button Secondary:

Background: #FFFFFF
Text Color: #18181B
Border Color: #D4D4D8
Border Radius: 6.08px
Shadow: None

Brand Personality

Tone: Modern
Energy: Medium
Audience: Business professionals

Rillet Brand in the Wild

Frequently Asked Questions

What is Rillet's primary brand color?
Rillet's primary brand color is #582EFD. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Rillet use?
Rillet uses #18181B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Rillet use?
Rillet uses DM Sans for body text and Space Grotesk for headings. Fonts were detected on https://www.rillet.com/ as part of their live design system.
Does Rillet use a light or dark theme?
Rillet's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Rillet's logo?
Rillet's logo is available directly on their site (https://www.rillet.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://www.rillet.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 Rillet.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {"family": "DM Sans", "role": "body"},
    {"family": "Space Grotesk", "role": "heading"}
  ],
  "colors": {
    "primary": "#582EFD",
    "secondary": "#E1DCED",
    "accent": "#18181B",
    "background": "#FFFFFF",
    "textPrimary": "#18181B",
    "link": "#EBEEFF"
  },
  "typography": {
    "fontFamilies": {"primary": "DM Sans", "heading": "Space Grotesk"},
    "fontStacks": {
      "heading": ["Space Grotesk", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"],
      "body": ["DM Sans", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"]
    }
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#18181B",
      "borderColor": "#E1DCED",
      "borderRadius": "6.08px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#18181B",
      "textColor": "#FAFAFA",
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#18181B",
      "borderColor": "#D4D4D8",
      "borderRadius": "6.08px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg...",
    "favicon": "https://cdn.prod.website-files.com/67c1d30d11d3d1eef828244c/67f92fbd3addb07efb45ad4d_Favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/67c1d30d11d3d1eef828244c/67f929ac6ec530f5e327bece_Graph%20image.avif"
  }
}