onyx.json
Onyx Brand Identity
A complete profile of Onyx's visual system — colors, typography, components, and personality — extracted from https://www.onyx.app/. Built for designers, agents, and AI tools.
Quick Facts
| Field | Value |
|---|---|
| Primary | #286DF8 |
| Accent | #286DF8 |
| Body Font | KH Teka |
| Heading Font | KH Teka |
Color Palette
- primary: #286DF8
- secondary: #E7EFFC
- accent: #286DF8
- background: #FFFFFF
- textPrimary: #1A1A1A
- link: #CDDFFF
Typography
- primary: KH Teka — https://fonts.google.com/specimen/KH+Teka
- heading: KH Teka — https://fonts.google.com/specimen/KH+Teka
Visual Assets
- Logo: data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20236%2064%22%20class%3D%22flex-shrink-0%20w-%5B7.5rem%5D%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M103.179%2051.2136C99.6695%2051.2136%2096.4353%2050.3862%2093.4769%2048.7315C90.5687%2047.0768%2088.2621%2044.8454%2086.5573%2042.0374C84.8524%2039.1793%2084%2036.0955%2084%2032.7861C84%2030.279%2084.4513%2027.9223%2085.3538%2025.716C86.3065%2023.4596%2087.7607%2021.3285%2089.7162%2019.3228L95.8085%2013.08C96.4604%2012.6789%2097.4131%2012.3529%2098.6666%2012.1022C99.9202%2011.8014%20101.299%2011.6509%20102.803%2011.6509C106.313%2011.6509%20109.522%2012.4783%20112.431%2014.133C115.389%2015.7877%20117.721%2018.0441%20119.426%2020.9023C121.13%2023.7103%20121.983%2026.794%20121.983%2030.1536C121.983%2032.6106%20121.507%2034.9673%20120.554%2037.2237C119.651%2039.4802%20118.147%2041.6864%20116.041%2043.8426L110.325%2049.7845C109.322%2050.2358%20108.219%2050.5868%20107.015%2050.8375C105.862%2051.0882%20104.583%2051.2136%20103.179%2051.2136ZM104.157%2043.8426C105.862%2043.8426%20107.492%2043.4164%20109.046%2042.5639C110.601%2041.6614%20111.854%2040.3577%20112.807%2038.6528C113.81%2036.948%20114.311%2034.9172%20114.311%2032.5605C114.311%2030.0032%20113.684%2027.6966%20112.431%2025.6408C111.227%2023.5849%20109.648%2021.9803%20107.692%2020.8271C105.787%2019.6236%20103.831%2019.0219%20101.826%2019.0219C100.071%2019.0219%2098.4159%2019.4732%2096.8615%2020.3758C95.3573%2021.2282%2094.1288%2022.5068%2093.1761%2024.2117C92.2234%2025.9166%2091.747%2027.9473%2091.747%2030.304C91.747%2032.8613%2092.3487%2035.1679%2093.5521%2037.2237C94.7555%2039.2796%2096.31%2040.9092%2098.2154%2042.1127C100.171%2043.2659%20102.152%2043.8426%20104.157%2043.8426Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M126.641%2050.4614V12.4031H134.689V17.7433L139.503%2012.7039C140.054%2012.4532%20140.807%2012.2276%20141.759%2012.027C142.762%2011.7763%20143.89%2011.6509%20145.144%2011.6509C148.052%2011.6509%20150.584%2012.3028%20152.74%2013.6065C154.947%2014.8601%20156.626%2016.6401%20157.78%2018.9467C158.983%2021.2533%20159.585%2023.961%20159.585%2027.0698V50.4614H151.612V29.1006C151.612%2026.9946%20151.261%2025.1895%20150.559%2023.6852C149.907%2022.1308%20148.955%2020.9775%20147.701%2020.2253C146.498%2019.4231%20145.069%2019.0219%20143.414%2019.0219C140.756%2019.0219%20138.625%2019.9245%20137.021%2021.7296C135.466%2023.4846%20134.689%2025.9416%20134.689%2029.1006V50.4614H126.641Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M166.303%2064V56.0273H173.975C175.229%2056.0273%20176.207%2055.7264%20176.909%2055.1247C177.661%2054.523%20178.262%2053.5452%20178.714%2052.1913L192.027%2012.4031H200.751L187.664%2049.4084C187.062%2051.1634%20186.461%2052.5173%20185.859%2053.47C185.307%2054.4227%20184.53%2055.4506%20183.527%2056.5538L176.457%2064H166.303ZM174.727%2046.6255L160.963%2012.4031H169.989L183.452%2046.6255H174.727Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M199.657%2050.4614L213.045%2031.2066L200.033%2012.4031H209.435L218.085%2024.8134L226.358%2012.4031H235.308L222.372%2031.0562L235.684%2050.4614H226.358L217.332%2037.3742L208.683%2050.4614H199.657Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.96154%2012L18%2032L8.94417%2052L0%2032L8.96154%2012Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.9615%2012L64%2032L54.9442%2052L46%2032L54.9615%2012Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M32%2046L52%2055L32%2064L12%2055L32%2046Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M32%200L52%208.99999L32%2018L12%208.99999L32%200Z%22%20fill%3D%22%231C1C1C%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2028)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://onyx.app/favicon.ico
- Social card (og:image): https://onyx.app/onyx-thumbnail.png
UI Components
- input: background=transparent, textColor=#19191E, borderColor=null, borderRadius=0px, shadow=none
- buttonPrimary: background=#FFFFFF, textColor=#1A1A1A, borderColor=#1C1C1C, borderRadius=0px, shadow=none
- buttonSecondary: background=#1C1C1C, textColor=#FFFFFF, borderColor=#286DF8, borderRadius=0px, shadow=none
Brand Personality
Tone: modern · Energy: medium · Audience: enterprise users
Onyx Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.