PopSQL Brand Identity

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

Color Palette

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

• primary: #3182EB (rgb(49, 130, 235))
• secondary: #F5FF80 (rgb(245, 255, 128))
• accent: #F5FF80 (rgb(245, 255, 128))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #282828 (rgb(40, 40, 40))
• link: #68717A (rgb(104, 113, 122))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
• heading: Inter

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.6671%200C21.3413%200%200%2021.5176%200%2048.061V109.869C0%20122.092%209.8276%20132.001%2021.9506%20132.001C39.0949%20132.001%2056.2393%20132.001%2073.3837%20132.001C85.5066%20132.001%2095.3342%20122.092%2095.3342%20109.869V48.061C95.3342%2021.5176%2073.9929%200%2047.6671%200Z%22%20fill%3D%22url(%23paint0_linear_3009_1400)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint0_linear_3009_1400%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M34.8337%20144.835H60.5006V169.277C60.5006%20176.028%2054.7548%20181.502%2047.6671%20181.502C40.5794%20181.502%2034.8337%20176.028%2034.8337%20169.277V144.835Z%22%20fill%3D%22%23F98654%22%20style%3D%22fill%3A%20rgb(249%2C%20134%2C%2084)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M234.461%20180.375H227.144V146.962H215V140.373H246.605V146.962H234.461V180.375ZM258.188%20180.375H250.923V151.984H258.188V180.375ZM277.229%20192C269.168%20192%20263.654%20188.143%20263.654%20181.929H270.813C270.866%20184.286%20273.358%20186.161%20277.175%20186.161C281.736%20186.161%20284.122%20183.483%20284.122%20179.518V175.768C282.426%20178.393%20279.456%20179.947%20275.585%20179.947C267.949%20179.947%20262.593%20174.054%20262.593%20165.537C262.593%20156.965%20268.002%20151.073%20275.479%20151.073C279.827%20151.073%20283.327%20153.055%20284.971%20156.162L285.554%20151.984H291.281V179.465C291.281%20187.072%20285.766%20192%20277.229%20192ZM277.016%20173.947C281.206%20173.947%20284.122%20170.519%20284.122%20165.483C284.122%20160.554%20281.206%20157.126%20277.016%20157.126C272.88%20157.126%20269.964%20160.554%20269.964%20165.537C269.964%20170.519%20272.88%20173.947%20277.016%20173.947ZM310.425%20181.232C301.676%20181.232%20295.684%20175.072%20295.684%20166.287C295.684%20157.072%20301.729%20151.073%20309.895%20151.073C317.955%20151.073%20323.47%20156.804%20323.629%20166.072V167.786H302.79C303.32%20172.179%20306.236%20175.179%20310.479%20175.179C313.448%20175.179%20315.622%20173.786%20316.524%20171.322H323.523C321.986%20177.59%20317.16%20181.232%20310.425%20181.232ZM303.108%20162.911H316.205C315.41%20159.269%20313.183%20157.18%20309.895%20157.18C306.608%20157.18%20304.062%20159.322%20303.108%20162.911ZM335.244%20180.375H327.979V151.984H333.812L334.714%20157.662C336.517%20153.698%20339.804%20151.608%20344.418%20151.608H345.585V158.68H344.418C338.638%20158.68%20335.244%20161.679%20335.244%20166.822V180.375ZM363.318%20180.375H349.743V142.877H363.318C374.507%20142.877%20382.355%20150.484%20382.355%20161.411C382.355%20172.608%20374.507%20180.375%20363.318%20180.375ZM357.061%20149.465V173.733H363.795C370.265%20173.733%20374.772%20168.697%20374.772%20161.411C374.772%20154.501%20370.265%20149.465%20363.795%20149.465H357.061ZM396.508%20181.072C389.984%20181.072%20385.634%20178.018%20385.687%20172.608C385.794%20165.912%20392.422%20164.412%20397.884%20163.768C402.019%20163.233%20404.938%20162.965%20404.938%20160.769C404.938%20158.412%20403.185%20156.912%20399.845%20156.912C396.347%20156.912%20394.013%20158.787%20393.642%20161.572H386.324C386.96%20155.358%20392.476%20151.073%20399.952%20151.073C407.854%20151.073%20411.99%20155.251%20411.99%20161.251V173.625C411.99%20174.429%20412.36%20174.858%20413.316%20174.858H414.799V180.375H411.563C408.86%20180.375%20406.95%20179.358%20406.264%20177.429C406.101%20177.107%20405.997%20176.786%20405.891%20176.411C404.247%20179.304%20401.224%20181.072%20396.508%20181.072ZM398.097%20175.5C401.859%20175.5%20404.938%20173.518%20404.938%20170.143V166.019C403.98%20167.679%20401.488%20168.054%20398.732%20168.429C395.392%20168.911%20392.951%20169.394%20392.951%20172.072C392.951%20174.268%20394.65%20175.5%20398.097%20175.5ZM434.481%20180.375H430.663C424.249%20180.375%20420.75%20177.268%20420.75%20171.429V158.144H416.027V151.984H420.75V142.287H428.014V151.984H435.066V158.144H428.014V170.733C428.014%20172.983%20429.127%20174.215%20431.302%20174.215H434.481V180.375ZM448.705%20181.072C442.182%20181.072%20437.833%20178.018%20437.887%20172.608C437.993%20165.912%20444.62%20164.412%20450.082%20163.768C454.217%20163.233%20457.136%20162.965%20457.136%20160.769C457.136%20158.412%20455.386%20156.912%20452.043%20156.912C448.545%20156.912%20446.213%20158.787%20445.839%20161.572H438.521C439.159%20155.358%20444.674%20151.073%20452.152%20151.073C460.052%20151.073%20464.188%20155.251%20464.188%20161.251V173.625C464.188%20174.429%20464.562%20174.858%20465.514%20174.858H467V180.375H463.766C461.061%20180.375%20459.15%20179.358%20458.462%20177.429C458.305%20177.107%20458.196%20176.786%20458.091%20176.411C456.448%20179.304%20453.422%20181.072%20448.705%20181.072ZM450.295%20175.5C454.06%20175.5%20457.136%20173.518%20457.136%20170.143V166.019C456.181%20167.679%20453.689%20168.054%20450.93%20168.429C447.59%20168.911%20445.152%20169.394%20445.152%20172.072C445.152%20174.268%20446.848%20175.5%20450.295%20175.5Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M254.331%20148.525C256.658%20148.525%20258.545%20146.616%20258.545%20144.262C258.545%20141.908%20256.658%20140%20254.331%20140C252.004%20140%20250.117%20141.908%20250.117%20144.262C250.117%20146.616%20252.004%20148.525%20254.331%20148.525Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M176.825%20188.67H171.518V182.628H176.825C178.927%20182.628%20180.188%20181.892%20180.713%20180.474L181.554%20178.162H180.398L169.364%20150.315H177.035L184.496%20170.228L191.852%20150.315H199.26L187.333%20182.418C185.81%20186.516%20182.71%20188.67%20176.825%20188.67Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.573%20179.001C152.159%20179.001%20148.534%20176.899%20146.905%20173.379L146.222%20178.16H140.495V138.755H147.641V153.571C149.585%20150.997%20152.842%20149.421%20156.625%20149.421C163.981%20149.421%20169.235%20155.41%20169.235%20164.079C169.235%20172.906%20163.981%20179.001%20156.573%20179.001ZM154.839%20173.064C159.042%20173.064%20161.932%20169.386%20161.932%20164.132C161.932%20158.983%20159.042%20155.358%20154.839%20155.358C150.583%20155.358%20147.641%20158.878%20147.641%20163.974C147.641%20169.334%20150.583%20173.064%20154.839%20173.064Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22paint0_linear_3009_1400%22%20x1%3D%2247.7476%22%20y1%3D%2227.7735%22%20x2%3D%22104.723%22%20y2%3D%22120.538%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%23F98653%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(249%2C%20134%2C%2083)%20!important%3B%22%3E%3C/stop%3E%3Cstop%20offset%3D%220.59375%22%20stop-color%3D%22%23FF2F6D%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%2047%2C%20109)%20!important%3B%22%3E%3C/stop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0D55%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%2013%2C%2085)%20!important%3B%22%3E%3C/stop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using PopSQL's actual button styles.

Input: background#FFFFFF textColor#000000 borderColor#E2E2E2 borderRadius12px shadowrgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.02) 0px 30px 30px 0px, rgba(0, 0, 0, 0.03) 0px 0px 8px 0px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px

Button Primary: background#F5FF80 textColor#282828 borderRadius9999px shadow none

Button Secondary: background#FFFFFF textColor#282828 borderRadius9999px shadow none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy professionals

PopSQL Brand in the Wild

Frequently Asked Questions

1. What is PopSQL's primary brand color?
   PopSQL's primary brand color is #3182EB.

2. What accent color does PopSQL use?
   PopSQL uses #F5FF80 as an accent color.

3. What font does PopSQL use?
   PopSQL uses Inter as the primary typeface.

4. Does PopSQL use a light or dark theme?
   PopSQL's primary site uses a light color scheme.

5. Where can I find PopSQL's logo?
   PopSQL's logo is available directly on their site (https://popsql.com).

6. How was this brand profile generated?
   This profile was extracted from https://popsql.com using the Firecrawl branding extraction API.