Langbase Brand: Colors, Fonts, Logo & Visual Identity
Langbase Brand Identity
A complete profile of Langbase's visual system — colors, typography, components, and personality — extracted from https://langbase.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://langbase.com/.
| Color | Hex | RGB |
|---|---|---|
| primary | #6B7280 | rgb(107, 114, 128) |
| secondary | #3B82F6 | rgb(59, 130, 246) |
| accent | #2563EB | rgb(37, 99, 235) |
| background | #161618 | rgb(22, 22, 24) |
| textPrimary | #FAFAFA | rgb(250, 250, 250) |
| link | #2563EB | rgb(37, 99, 235) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font |
|---|---|
| primary | GeistSans |
| heading | GeistSans |
GeistSans Google Fonts →
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M69.332%205.566h-2.536c-15.901%200-27.267.012-35.905%201.173-8.477%201.14-13.489%203.295-17.173%206.979-3.684%203.684-5.839%208.695-6.979%2017.173-1.16%208.638-1.173%2020.004-1.173%2035.905v2.536c0%2015.901.012%2027.267%201.173%2035.905%201.14%208.477%203.295%2013.488%206.979%2017.173%203.684%203.684%208.695%205.838%2017.173%206.978%208.638%201.161%2020.004%201.173%2035.905%201.173h2.536c15.901%200%2027.267-.012%2035.905-1.173%208.477-1.14%2013.488-3.294%2017.173-6.978%203.684-3.685%205.838-8.696%206.978-17.173%201.161-8.638%201.173-20.004%201.173-35.905v-2.536c0-15.901-.012-27.267-1.173-35.905-1.14-8.477-3.294-13.489-6.978-17.173-3.685-3.684-8.696-5.839-17.173-6.979-8.638-1.16-20.004-1.173-35.905-1.173zM9.782%209.782C0%2019.564%200%2035.308%200%2066.796v2.536c0%2031.488%200%2047.232%209.782%2057.014%209.782%209.782%2025.526%209.782%2057.014%209.782h2.536c31.488%200%2047.232%200%2057.014-9.782%209.782-9.782%209.782-25.526%209.782-57.014v-2.536c0-31.488%200-47.232-9.782-57.014C116.564%200%20100.82%200%2069.332%200h-2.536C35.308%200%2019.564%200%209.782%209.782z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M93.66%2026.178c-8.982%200-16.288%207.307-16.288%2016.29v6.98H58.756v-6.98c0-8.983-7.307-16.29-16.289-16.29-8.982%200-16.289%207.307-16.289%2016.29%200%208.981%207.307%2016.288%2016.29%2016.288h6.98v18.616h-6.98c-8.983%200-16.29%207.306-16.29%2016.288%200%208.983%207.307%2016.289%2016.29%2016.289%208.981%200%2016.288-7.306%2016.288-16.288V86.68h18.616v6.98c0%208.983%207.306%2016.289%2016.288%2016.289%208.983%200%2016.289-7.306%2016.289-16.288%200-8.983-7.306-16.29-16.289-16.29h-6.98V58.757h6.98c8.983%200%2016.289-7.307%2016.289-16.289%200-8.982-7.306-16.289-16.289-16.289zm-6.98%2023.27v-6.98a6.972%206.972%200%20016.98-6.982%206.971%206.971%200%20016.981%206.981%206.971%206.971%200%2001-6.98%206.981H86.68zm-44.213%200a6.972%206.972%200%2001-6.98-6.98%206.972%206.972%200%20016.98-6.982%206.972%206.972%200%20016.981%206.981v6.981h-6.98zm16.289%2027.924V58.756h18.616v18.616H58.756zM93.66%20100.64a6.971%206.971%200%2001-6.98-6.98V86.68h6.98a6.971%206.971%200%20016.981%206.98%206.971%206.971%200%2001-6.98%206.981zm-51.193%200a6.971%206.971%200%2001-6.98-6.98%206.972%206.972%200%20016.98-6.981h6.981v6.98a6.971%206.971%200%2001-6.98%206.981zM167.541%2020.733h19.1v73.132h41.089v16.084h-60.189V20.733z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M250.709%20111.457c-7.121%200-12.859-1.634-17.215-4.901-4.272-3.267-6.409-7.748-6.409-13.445%200-5.78%201.801-10.304%205.404-13.57%203.602-3.352%209.172-5.781%2016.712-7.289l21.738-4.272c0-8.796-3.853-13.194-11.56-13.194-6.953%200-11.058%203.225-12.314%209.675l-18.849-.88c1.257-7.371%204.566-12.942%209.927-16.711%205.361-3.854%2012.44-5.78%2021.236-5.78%2010.053%200%2017.634%202.387%2022.744%207.162%205.11%204.775%207.665%2011.77%207.665%2020.984v22.995c0%201.843.293%203.1.879%203.77.587.67%201.55%201.005%202.891%201.005h1.884v12.943c-1.675.503-3.937.754-6.785.754-8.377%200-13.278-3.644-14.702-10.932-1.759%203.602-4.691%206.45-8.796%208.544-4.021%202.095-8.838%203.142-14.45%203.142zm4.523-12.943c4.775%200%208.587-1.382%2011.435-4.146%202.848-2.765%204.272-6.534%204.272-11.31v-3.267l-15.33%203.268c-6.115%201.256-9.173%204.02-9.173%208.293%200%202.262.754%204.02%202.262%205.277%201.508%201.257%203.686%201.885%206.534%201.885zM296.875%2042.597h16.963l.377%2011.058c3.519-8.377%2010.178-12.566%2019.98-12.566%207.204%200%2012.817%202.304%2016.838%206.912%204.021%204.523%206.031%2010.722%206.031%2018.597v43.351h-18.848V72.88c0-5.696-.796-9.926-2.388-12.69-1.508-2.765-4.147-4.148-7.916-4.148-3.937%200-6.953%201.466-9.047%204.398-2.095%202.932-3.142%207.08-3.142%2012.44v37.069h-18.848V42.597zM392.453%20130.305c-9.215%200-16.419-1.675-21.613-5.026-5.194-3.351-8.586-7.958-10.178-13.822l19.351-1.382c.754%202.345%202.052%204.104%203.895%205.277%201.927%201.173%204.775%201.759%208.545%201.759%209.298%200%2013.948-4.481%2013.948-13.445v-7.162c-1.676%203.183-4.273%205.696-7.791%207.539-3.435%201.843-7.33%202.765-11.686%202.765-5.529%200-10.429-1.341-14.702-4.021-4.272-2.681-7.623-6.493-10.052-11.435-2.346-5.026-3.519-10.806-3.519-17.34%200-6.367%201.173-12.022%203.519-16.964%202.429-5.026%205.738-8.922%209.927-11.686%204.272-2.849%209.131-4.273%2014.576-4.273%204.775%200%208.879%201.09%2012.314%203.267%203.435%202.095%206.073%204.985%207.916%208.67V42.598h18.472v60.692c0%208.796-2.974%2015.498-8.922%2020.105-5.947%204.608-13.948%206.911-24%206.911zm-.126-37.445c4.356%200%207.791-1.718%2010.304-5.152%202.597-3.435%203.895-8.168%203.895-14.2%200-5.696-1.298-10.22-3.895-13.57-2.597-3.351-6.031-5.026-10.304-5.026-4.44%200-7.958%201.717-10.555%205.151-2.513%203.435-3.77%208.043-3.77%2013.823%200%205.78%201.299%2010.387%203.896%2013.822%202.597%203.434%206.073%205.152%2010.429%205.152zM469.474%20111.457c-4.691%200-8.796-.963-12.314-2.89-3.435-2.011-6.115-4.859-8.042-8.545l-.377%209.927h-17.969V20.733h18.849v31.414c1.843-3.267%204.481-5.906%207.916-7.916%203.518-2.095%207.497-3.142%2011.937-3.142%205.613%200%2010.514%201.466%2014.702%204.398%204.272%202.849%207.539%206.953%209.801%2012.315%202.346%205.277%203.519%2011.434%203.519%2018.471%200%207.037-1.173%2013.236-3.519%2018.597-2.262%205.278-5.529%209.383-9.801%2012.315-4.188%202.848-9.089%204.272-14.702%204.272zm-5.277-14.45c4.272%200%207.665-1.844%2010.178-5.53%202.513-3.685%203.77-8.754%203.77-15.204%200-6.45-1.257-11.518-3.77-15.204-2.429-3.686-5.78-5.53-10.053-5.53-4.607%200-8.209%201.844-10.806%205.53-2.597%203.602-3.895%208.67-3.895%2015.204%200%206.45%201.256%2011.519%203.769%2015.205%202.597%203.686%206.199%205.528%2010.807%205.528z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M520.099%20111.457c-7.12%200-12.859-1.634-17.215-4.901-4.272-3.267-6.408-7.748-6.408-13.445%200-5.78%201.801-10.304%205.403-13.57%203.602-3.352%209.173-5.781%2016.712-7.289l21.739-4.272c0-8.796-3.854-13.194-11.561-13.194-6.953%200-11.057%203.225-12.314%209.675l-18.848-.88c1.256-7.371%204.565-12.942%209.926-16.711%205.362-3.854%2012.44-5.78%2021.236-5.78%2010.053%200%2017.634%202.387%2022.744%207.162%205.11%204.775%207.665%2011.77%207.665%2020.984v22.995c0%201.843.293%203.1.88%203.77.586.67%201.55%201.005%202.89%201.005h1.885v12.943c-1.676.503-3.938.754-6.786.754-8.377%200-13.277-3.644-14.702-10.932-1.759%203.602-4.691%206.45-8.795%208.544-4.021%202.095-8.838%203.142-14.451%203.142zm4.524-12.943c4.775%200%208.586-1.382%2011.434-4.146%202.849-2.765%204.273-6.534%204.273-11.31v-3.267L525%2083.06c-6.116%201.256-9.173%204.02-9.173%208.293%200%202.262.754%204.02%202.262%205.277%201.507%201.257%203.686%201.885%206.534%201.885z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M594.552%20111.457c-10.052%200-17.843-2.052-23.372-6.157-5.445-4.189-8.419-9.718-8.921-16.587l19.099-.628c1.173%206.702%205.613%2010.052%2013.32%2010.052%203.435%200%206.073-.544%207.916-1.633%201.843-1.173%202.765-2.848%202.765-5.026%200-1.508-.377-2.723-1.131-3.644-.67-.922-2.011-1.718-4.021-2.388-1.927-.754-4.775-1.424-8.545-2.01-7.12-1.173-12.691-2.597-16.712-4.273-4.021-1.759-6.869-3.937-8.545-6.534-1.675-2.597-2.513-5.906-2.513-9.927%200-6.618%202.555-11.853%207.665-15.707%205.11-3.937%2012.524-5.906%2022.241-5.906%209.132%200%2016.252%202.095%2021.362%206.283%205.194%204.189%208.21%209.801%209.047%2016.838l-18.848.754c-.419-3.35-1.676-5.948-3.77-7.79-2.01-1.844-4.691-2.765-8.042-2.765-3.267%200-5.822.67-7.665%202.01-1.759%201.34-2.639%203.184-2.639%205.53%200%202.429.922%204.272%202.765%205.528%201.843%201.173%205.11%202.094%209.801%202.765%207.204%201.005%2012.901%202.387%2017.089%204.146%204.189%201.76%207.204%203.98%209.047%206.66%201.843%202.68%202.765%206.032%202.765%2010.053%200%206.45-2.681%2011.476-8.042%2015.078-5.361%203.519-12.733%205.278-22.116%205.278z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M657.429%20111.457c-6.786%200-12.734-1.424-17.844-4.272-5.11-2.932-9.089-7.037-11.937-12.315-2.764-5.361-4.147-11.56-4.147-18.597%200-7.037%201.383-13.194%204.147-18.471%202.765-5.362%206.702-9.466%2011.812-12.315%205.11-2.932%2011.057-4.398%2017.843-4.398%206.618%200%2012.398%201.466%2017.34%204.398%205.027%202.932%208.88%207.163%2011.561%2012.692%202.681%205.445%204.021%2011.895%204.021%2019.35v3.77h-47.247c.168%205.194%201.55%209.131%204.147%2011.812%202.597%202.68%206.157%204.021%2010.681%204.021%206.534%200%2010.722-2.723%2012.565-8.168l18.974%201.131c-1.843%206.702-5.612%2011.938-11.309%2015.707-5.612%203.77-12.482%205.655-20.607%205.655zm13.57-41.718c-.251-4.775-1.591-8.419-4.021-10.932-2.429-2.513-5.654-3.77-9.675-3.77-3.937%200-7.204%201.299-9.801%203.896-2.513%202.596-4.021%206.199-4.524%2010.806h28.021z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Langbase's actual button styles.
Button Primary
buttonPrimary {
background: #FAFAFA;
textColor: #000000;
borderRadius: 100px;
shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
}
Button Secondary
buttonSecondary {
background: #000000;
textColor: #FAFAFA;
borderRadius: 0px;
shadow: none;
}
Brand Personality
Tone: modern Energy: medium Audience: developers
Frequently Asked Questions
What is Langbase's primary brand color?
Langbase's primary brand color is #6B7280. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Langbase use?
Langbase uses #2563EB as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Langbase use?
Langbase uses GeistSans as the primary typeface across body and headings.
Does Langbase use a light or dark theme?
Langbase's primary site uses a dark color scheme, with a background of #161618.
Where can I find Langbase's logo?
Langbase's logo is available directly on their site (https://langbase.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://langbase.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 Langbase.