Webiny Brand Identity

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

Color Palette

Brand palette extracted from https://www.webiny.com.

Primary: #3D87F5
Accent: #3C84F4
Body Font: Inter
Heading: Inter

Typography

Each font links to its Google Fonts page where available.

Primary: Inter
Heading: Inter

Inter, system-ui, -apple-system, sans-serif

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M93.1359%2027.7446H96.0126V14.722H93.1359V27.7446ZM124.888%2014.7074H121.88C121.88%2017.2782%20121.886%2019.7207%20121.877%2022.1632C121.868%2023.7867%20120.714%2024.929%20119.126%2024.9144C117.523%2024.9028%20116.779%2024.0896%20116.768%2022.2825C116.753%2020.1462%20116.768%2018.0069%20116.759%2015.8704C116.756%2015.4827%20116.692%2015.0951%20116.657%2014.725H113.847C113.798%2014.8416%20113.748%2014.9028%20113.748%2014.9641C113.74%2018.0156%20113.69%2021.0731%20113.748%2024.1248C113.777%2025.611%20114.477%2026.774%20115.943%2027.3978C117.444%2026.398%20119.105%2026.4856%20120.77%2026.6896C122.128%2026.8587%20123.457%2026.7653%20124.917%2026.471C124.905%2022.5363%20124.949%2018.6305%20124.888%2014.7074ZM110.927%2017.7795C110.892%2016.5145%20110.082%2015.5847%20108.919%2015.0485C107.718%2014.4948%20106.438%2014.2557%20105.156%2014.5589C104.095%2014.8097%20103.083%2015.2671%20102.02%2015.6461C101.559%2015.2468%20101.032%2014.7921%20100.455%2014.2878C99.7347%2014.9349%2099.1109%2015.4916%2098.49%2016.0481C99.8191%2017.7153%2099.8191%2017.7153%2099.8191%2019.8868C99.8191%2022.1254%2099.8191%2024.3666%2099.8221%2026.6049C99.8221%2026.9663%2099.8543%2027.3307%2099.8746%2027.739H102.842V20.4436C102.842%2018.858%20103.669%2017.7941%20105.214%2017.3948C107.021%2016.9284%20107.966%2017.6426%20107.972%2019.5021C107.98%2021.8746%20107.972%2024.25%20107.977%2026.6255C107.977%2026.9869%20108.012%2027.3483%20108.033%2027.7154H110.953C110.953%2024.352%20111.011%2021.0644%20110.927%2017.7795ZM72.0109%2017.2433C73.4506%2017.3423%2074.0073%2017.9253%2073.9081%2019.3855C72.4508%2020.8515%2070.641%2020.2306%2068.9359%2020.3299C69.0582%2018.5199%2070.4776%2017.1383%2072.0109%2017.2433ZM76.2021%2023.8508C75.4646%2024.1713%2074.8205%2024.4686%2074.1618%2024.7281C73.13%2025.139%2072.0604%2025.2586%2070.9645%2025.037C69.8743%2024.8184%2069.3498%2024.2966%2069.1428%2023.1455C69.7637%2023.1455%2070.364%2023.1425%2070.9615%2023.1455C72.3723%2023.1598%2073.742%2022.9618%2075.0012%2022.2915C77.5747%2020.9186%2077.8925%2017.3656%2075.5637%2015.6635C73.0949%2013.8564%2069.4109%2014.0108%2067.2773%2016.5497C65.6802%2018.4528%2065.3683%2020.6797%2065.7503%2023.0638C66.0648%2025.0107%2067.0704%2026.4827%2068.8223%2027.3599C71.3113%2028.6073%2075.4938%2027.9456%2077.668%2025.9814C77.1814%2025.2758%2076.6887%2024.562%2076.2021%2023.8508ZM131.347%2022.2769C130.516%2020.3589%20128.208%2019.0796%20126.092%2019.3769C125.902%2019.4031%20125.727%2019.5224%20125.512%2019.6158V22.5828C125.911%2022.5187%20126.24%2022.44%20126.573%2022.4197C127.406%2022.3672%20128.222%2022.819%20128.519%2023.4688C128.855%2024.1976%20128.662%2025.238%20128.021%2025.8007C127.698%2026.0834%20127.313%2026.369%20126.908%2026.4767C125.934%2026.7361%20124.937%2027.0161%20123.938%2027.0567C122.11%2027.1354%20120.274%2027.0161%20118.444%2027.0713C116.963%2027.1181%20115.57%2027.8758%20114.8%2029.1408C113.465%2031.3385%20114.092%2034.387%20116.109%2035.8678C118.068%2037.3046%20120.988%2037.0481%20122.722%2035.2643C123.973%2033.979%20124.512%2032.3759%20124.795%2030.534H121.737C121.632%2030.8662%20121.539%2031.2598%20121.387%2031.6298C121.221%2032.0351%20121.049%2032.4487%20120.804%2032.8074C120.198%2033.6934%20119.108%2033.9847%20118.202%2033.5565C117.485%2033.2183%20117.013%2032.2361%20117.17%2031.4113C117.362%2030.3998%20117.881%2030.0413%20119.199%2030.0384C121.064%2030.0327%20122.929%2030.0968%20124.792%2030.0354C126.657%2029.9713%20128.4%2029.4351%20129.889%2028.2575C131.647%2026.8703%20132.247%2024.358%20131.347%2022.2769ZM87.3884%2023.8594C86.6101%2024.8825%2085.5142%2025.1449%2084.322%2025.139C83.748%2025.136%2083.1737%2025.0456%2082.4306%2024.9815C82.4306%2022.9442%2082.3548%2020.9797%2082.4627%2019.0241C82.5149%2018.0535%2083.3603%2017.5143%2084.2376%2017.2636C85.2608%2016.9693%2086.2663%2017.0539%2087.0678%2017.8874C88.4318%2019.3128%2088.5862%2022.2825%2087.3884%2023.8594ZM91.1394%2019.4583C90.6528%2016.089%2088.1023%2014.0633%2084.7243%2014.2616C83.9928%2014.3054%2083.273%2014.5413%2082.4246%2014.7163V9.20477H79.3439V27.2726C80.7255%2027.7533%2083.5264%2028.1031%2084.9283%2027.9894C88.2803%2027.7184%2090.402%2026.0249%2091.0577%2022.8861C91.2909%2021.7813%2091.3026%2020.5777%2091.1394%2019.4583ZM62.3576%2014.7191C61.5093%2017.1121%2060.6555%2019.5108%2059.8015%2021.9125H59.5304C58.6793%2019.5051%2057.8253%2017.1004%2056.9743%2014.6988H54.3191C53.4562%2017.1267%2052.6024%2019.5313%2051.7483%2021.9387H51.5005C50.6349%2019.5078%2049.7692%2017.0772%2048.9328%2014.7309H45.7617C47.3034%2019.1464%2048.8075%2023.4515%2050.3113%2027.7562H52.9286L55.5199%2020.4727H55.7821C56.6478%2022.915%2057.5105%2025.3605%2058.3588%2027.7506H60.9818C62.4915%2023.4282%2063.9957%2019.1202%2065.5317%2014.7191H62.3576Z" fill="%23111111" style="fill: rgb(17, 17, 17) !important;"/>

UI Components

Live previews rendered using Webiny's actual button styles.

Button Primary
background: #1A1A1A
textColor: #FFFFFF
borderRadius: 0px
shadow: none

Button Secondary
background: #FFFFFF
textColor: #1A1A1A
borderColor: #1A1A1A
borderRadius: 0px
shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: developers and tech-savvy users

Frequently Asked Questions

What is Webiny's primary brand color?
Webiny's primary brand color is #3D87F5. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Webiny use?
Webiny uses #3C84F4 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Webiny use?
Webiny uses Inter as the primary typeface across body and headings.

Does Webiny use a light or dark theme?
Webiny's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Webiny's logo?
Webiny's logo is available directly on their site (https://www.webiny.com). The current logo URL is included in the machine-readable JSON profile linked above.