alice tech.json
Alice.tech Brand Identity
A complete profile of Alice.tech's visual system — colors, typography, components, and personality — extracted from https://www.alice.tech/. Built for designers, agents, and AI tools.
Quick Facts
| Field | Value |
|---|---|
| Primary | #E2D5D0 |
| Accent | #0C0B0B |
| Body Font | Roboto Flex |
| Heading Font | Roboto Flex |
Color Palette
- primary: #E2D5D0
- secondary: #3898EC
- accent: #0C0B0B
- background: #FFFFFF
- textPrimary: #0C0B0B
- link: #6E8394
Typography
- primary: Roboto Flex — https://fonts.google.com/specimen/Roboto+Flex
- heading: Roboto Flex — https://fonts.google.com/specimen/Roboto+Flex
Visual Assets
- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%22auto%22%20height%3D%2216%22%20viewBox%3D%220%200%2062%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M19.9822%2016.0938V0.193834H23.2833V15.7929C23.2833%2016.5922%2023.7001%2017.0352%2024.428%2017.0352H24.9995V19.6381C24.9995%2019.6381%2023.944%2019.6899%2023.6091%2019.6899C21.1269%2019.6899%2019.9822%2018.3922%2019.9822%2016.0938ZM27.1396%205.92579H30.4428V19.6363H27.1396V5.92579ZM28.6411%200H28.9432C29.9277%200%2030.7266%200.810413%2030.7266%201.80912V2.11556C30.7266%203.11427%2029.9277%203.92468%2028.9432%203.92468H28.6411C27.6565%203.92468%2026.8576%203.11427%2026.8576%202.11556V1.80912C26.8576%200.810413%2027.6565%200%2028.6411%200ZM7.13752%200.193834L0%2019.6363H3.79806L8.80998%205.92579L9.2431%204.60218L9.67623%205.92579L14.6881%2019.6363H18.4862L11.3469%200.193834H7.13752ZM43.2783%2014.3511C42.7596%2016.0938%2041.5276%2017.159%2039.4657%2017.159C37.3018%2017.159%2035.5384%2015.5953%2035.5384%2012.7155C35.5384%209.8357%2037.3018%208.21672%2039.4657%208.21672C41.4347%208.21672%2042.807%209.20989%2043.22%2010.9082L46.201%209.8117C45.493%207.47646%2043.3438%205.37751%2039.4383%205.37751C35.2891%205.37751%2032.2317%208.42348%2032.2317%2012.7433C32.2317%2017.063%2035.1252%2019.9981%2039.4383%2019.9981C43.4876%2019.9981%2045.5585%2017.6648%2046.2174%2015.431L43.2783%2014.3492V14.3511ZM57.808%2015.2723C57.3167%2016.5183%2056.2848%2017.1959%2054.4067%2017.1959C52.3558%2017.1959%2050.8307%2015.8686%2050.7488%2013.4373H61.2058C61.6189%208.67638%2059.1184%205.37936%2054.4322%205.37936C50.1465%205.37936%2047.4986%208.34225%2047.4986%2012.7174C47.4986%2017.0925%2050.01%2020%2054.4596%2020C58.001%2020%2059.8936%2018.141%2060.6544%2016.3023L57.808%2015.2723ZM54.4596%208.10227C56.1192%208.10227%2057.9464%209.02714%2058.0301%2011.2775H50.8307C51.0964%209.11944%2052.6196%208.10227%2054.4596%208.10227Z%22%20fill%3D%22%230C0B0B%22%20style%3D%22fill%3A%20rgb(12%2C%2011%2C%2011)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E
- Favicon: https://cdn.prod.website-files.com/66683d47c7e547ed7d1c8c50/6967994e8f3f7bf9f6ed6d60_aliceFavicon_32_white.png
- Social card (og:image): https://cdn.prod.website-files.com/66683d47c7e547ed7d1c8c50/696796845f08c3f22a3d1228_openGraphImage.png
UI Components
- buttonPrimary: background=#0C0B0B, textColor=#FFFFFF, borderRadius=999px, shadow=rgba(12, 11, 11, 0.08) 0px 2px 8px 0px
- buttonSecondary: background=#FFFFFF, textColor=#0C0B0B, borderRadius=999px, shadow=rgba(12, 11, 11, 0.08) 0px 2px 8px 0px
Brand Personality
Tone: modern · Energy: medium · Audience: students and educators
Alice.tech Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Structure, Motivation & Less Study Stress | Alice
- Production possibility frontier explained | Microeconomics concepts | Alice
- Marginal utility explained | Microeconomics concepts | Alice
- Externalities explained | Microeconomics concepts | Alice
- Taxes and subsidies explained | Microeconomics concepts | Alice
- Alice
Working with these fonts
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
- For each captured font URL: right-click → Save As to download the file locally.
- View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each
src: url(...)to point to your local file path.
Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.
Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.