Popcorn Brand Identity

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

Color Palette

Brand palette extracted from https://www.popcorn.space/.

• primary: #3898EC
• secondary: #FFFF00
• accent: #0082F3
• background: #F7F7F7
• textPrimary: #393737
• link: #0082F3

Typography

Each font links to its Google Fonts page where available.

• primary: Messina Sans
• heading: Untitled Serif

Visual Assets

%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M81.8057%205.93173H84.8894V8.80178C85.2151%207.82474%2085.7342%207.07161%2086.4466%206.54238C87.159%206.01315%2088.0546%205.74854%2089.1334%205.74854H90.3853V8.83231H89.1945C87.7086%208.83231%2086.6298%209.26994%2085.9581%2010.1452C85.3067%2011.0205%2084.981%2012.2621%2084.981%2013.8702V21.4727H81.8057V5.93173Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M72.6685%2021.8086C71.1419%2021.8086%2069.7985%2021.483%2068.6382%2020.8316C67.4984%2020.1802%2066.6027%2019.2439%2065.9514%2018.0226C65.3204%2016.8013%2065.0049%2015.3663%2065.0049%2013.7175C65.0049%2012.0688%2065.3204%2010.6338%2065.9514%209.41248C66.6027%208.19119%2067.4984%207.25486%2068.6382%206.6035C69.7985%205.95214%2071.1419%205.62646%2072.6685%205.62646C74.1748%205.62646%2075.508%205.95214%2076.6683%206.6035C77.8285%207.25486%2078.7241%208.19119%2079.3551%209.41248C79.9861%2010.6338%2080.3016%2012.0688%2080.3016%2013.7175C80.3016%2015.3663%2079.9861%2016.8013%2079.3551%2018.0226C78.7241%2019.2439%2077.8285%2020.1802%2076.6683%2020.8316C75.508%2021.483%2074.1748%2021.8086%2072.6685%2021.8086ZM72.6685%2018.847C73.5438%2018.847%2074.3071%2018.6536%2074.9584%2018.2669C75.6302%2017.8801%2076.1492%2017.3%2076.5156%2016.5265C76.882%2015.753%2077.0652%2014.8167%2077.0652%2013.7175C77.0652%2012.6184%2076.882%2011.6821%2076.5156%2010.9086C76.1492%2010.1351%2075.6302%209.55497%2074.9584%209.16822C74.3071%208.78148%2073.5438%208.58811%2072.6685%208.58811C71.7729%208.58811%2070.9994%208.78148%2070.348%209.16822C69.6967%209.55497%2069.1776%2010.1351%2068.7909%2010.9086C68.4245%2011.6821%2068.2413%2012.6184%2068.2413%2013.7175C68.2413%2014.8167%2068.4245%2015.753%2068.7909%2016.5265C69.1776%2017.3%2069.6967%2017.8801%2070.348%2018.2669C70.9994%2018.6536%2071.7729%2018.847%2072.6685%2018.847Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M56.9584%2021.8086C55.33%2021.8086%2053.9561%2021.4626%2052.8366%2020.7705C51.7374%2020.0581%2050.913%2019.1014%2050.3634%2017.9005C49.8139%2016.6995%2049.5391%2015.3459%2049.5391%2013.8397C49.5391%2012.3131%2049.8342%2010.9289%2050.4245%209.68727C51.0148%208.44562%2051.8799%207.45841%2053.0198%206.72563C54.18%205.99285%2055.5845%205.62646%2057.2332%205.62646C59.1873%205.62646%2060.7648%206.14552%2061.9657%207.18362C63.187%208.20136%2063.8587%209.60585%2063.9809%2011.3971H60.7444C60.6834%2010.4404%2060.3373%209.71781%2059.7063%209.22929C59.0753%208.72041%2058.2408%208.46598%2057.2027%208.46598C56.1849%208.46598%2055.3504%208.68988%2054.699%209.13769C54.0477%209.5855%2053.5592%2010.2063%2053.2335%2011.0002C52.9282%2011.794%2052.7755%2012.6998%2052.7755%2013.7175C52.7755%2014.776%2052.9282%2015.7022%2053.2335%2016.496C53.5388%2017.2695%2054.0171%2017.8801%2054.6685%2018.3279C55.3199%2018.7554%2056.1341%2018.9691%2057.1111%2018.9691C58.1696%2018.9691%2059.0143%2018.7147%2059.6453%2018.2058C60.2763%2017.6766%2060.6427%2016.9133%2060.7444%2015.9159H63.9809C63.818%2017.7275%2063.1056%2019.1625%2061.8436%2020.2209C60.5816%2021.2794%2058.9532%2021.8086%2056.9584%2021.8086Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M32.9551%205.93179H36.0388V8.89343C36.4256%207.91639%2037.0769%207.13273%2037.9929%206.54244C38.9089%205.93179%2040.0182%205.62646%2041.3209%205.62646C42.6237%205.62646%2043.7941%205.92161%2044.8322%206.51191C45.8703%207.1022%2046.6947%207.99781%2047.3053%209.19875C47.9159%2010.3793%2048.2213%2011.8347%2048.2213%2013.5649C48.2213%2015.3154%2047.9058%2016.7911%2047.2748%2017.9921C46.6641%2019.1727%2045.8194%2020.0479%2044.7406%2020.6179C43.6821%2021.1878%2042.4914%2021.4728%2041.1683%2021.4728C39.9266%2021.4728%2038.8885%2021.2387%2038.054%2020.7705C37.2398%2020.282%2036.5986%2019.6612%2036.1304%2018.9081V26.9279H32.9551V5.93179ZM40.5882%2018.5722C41.8909%2018.5722%2042.9493%2018.1549%2043.7635%2017.3204C44.5777%2016.4858%2044.9848%2015.234%2044.9848%2013.5649C44.9848%2011.9161%2044.5777%2010.6847%2043.7635%209.87047C42.9697%209.03592%2041.9214%208.61864%2040.6187%208.61864C39.2956%208.61864%2038.2168%209.02574%2037.3823%209.83993C36.5477%2010.6541%2036.1304%2011.8958%2036.1304%2013.5649C36.1304%2014.6844%2036.3238%2015.6207%2036.7106%2016.3739C37.0973%2017.127%2037.6265%2017.6868%2038.2982%2018.0531C38.97%2018.3992%2039.7333%2018.5722%2040.5882%2018.5722Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M23.8169%2021.8086C22.2903%2021.8086%2020.9469%2021.483%2019.7867%2020.8316C18.6468%2020.1802%2017.7512%2019.2439%2017.0998%2018.0226C16.4688%2016.8013%2016.1533%2015.3663%2016.1533%2013.7175C16.1533%2012.0688%2016.4688%2010.6338%2017.0998%209.41248C17.7512%208.19119%2018.6468%207.25486%2019.7867%206.6035C20.9469%205.95214%2022.2903%205.62646%2023.8169%205.62646C25.3232%205.62646%2026.6565%205.95214%2027.8167%206.6035C28.9769%207.25486%2029.8725%208.19119%2030.5035%209.41248C31.1345%2010.6338%2031.45%2012.0688%2031.45%2013.7175C31.45%2015.3663%2031.1345%2016.8013%2030.5035%2018.0226C29.8725%2019.2439%2028.9769%2020.1802%2027.8167%2020.8316C26.6565%2021.483%2025.3232%2021.8086%2023.8169%2021.8086ZM23.8169%2018.847C24.6922%2018.847%2025.4555%2018.6536%2026.1069%2018.2669C26.7786%2017.8801%2027.2976%2017.3%2027.664%2016.5265C28.0304%2015.753%2028.2136%2014.8167%2028.2136%2013.7175C28.2136%2012.6184%2028.0304%2011.6821%2027.664%2010.9086C27.2976%2010.1351%2026.7786%209.55497%2026.1069%209.16822C25.4555%208.78148%2024.6922%208.58811%2023.8169%208.58811C22.9213%208.58811%2022.1478%208.78148%2021.4965%209.16822C20.8451%209.55497%2020.3261%2010.1351%2019.9393%2010.9086C19.5729%2011.6821%2019.3898%2012.6184%2019.3898%2013.7175C19.3898%2014.8167%2019.5729%2015.753%2019.9393%2016.5265C20.3261%2017.3%2020.8451%2017.8801%2021.4965%2018.2669C22.1478%2018.6536%2022.9213%2018.847%2023.8169%2018.847Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M0.115234%200.100098H9.54974C10.9949%200.100098%2012.2162%200.405422%2013.2136%201.01607C14.211%201.60636%2014.954%202.4002%2015.4425%203.3976C15.9514%204.37463%2016.2058%205.43309%2016.2058%206.57296C16.2058%207.81461%2015.931%208.95449%2015.3814%209.99259C14.8522%2011.0307%2014.0584%2011.8652%2012.9999%2012.4962C11.9414%2013.1069%2010.6693%2013.4122%209.18335%2013.4122H3.3822V21.4728H0.115234V0.100098ZM8.87803%2010.3895C10.14%2010.3895%2011.1171%2010.0638%2011.8091%209.41248C12.5012%208.76112%2012.8472%207.8655%2012.8472%206.72563C12.8472%205.62646%2012.5216%204.76138%2011.8702%204.13037C11.2188%203.47902%2010.2622%203.15334%209.00016%203.15334H3.3822V10.3895H8.87803Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(57%2C%2055%2C%2055)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)

UI Components

Live previews rendered using Popcorn's actual button styles.

Button Primary

• background: #393737
• textColor: #FFFFFF
• borderRadius: 100px
• shadow: none

Button Secondary

• background: #F7F7F7
• textColor: #393737
• borderRadius: 0px
• shadow: none

Brand Personality

• Tone: playful
• Energy: medium
• Audience: tech-savvy individuals looking for innovative solutions

Frequently Asked Questions

1. What is Popcorn's primary brand color?
   • Popcorn's primary brand color is #3898EC. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does Popcorn use?
   • Popcorn uses #0082F3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Popcorn use?
   • Popcorn uses Messina Sans for body text and Untitled Serif for headings. Fonts were detected on https://www.popcorn.space/ as part of their live design system.
4. Does Popcorn use a light or dark theme?
   • Popcorn's primary site uses a light color scheme, with a background of #F7F7F7.