# Valar Atomics Brand Identity A complete profile of **Valar Atomics**'s visual system — colors, typography, components, and personality — extracted from https://www.valaratomics.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/valar-atomics - Machine-readable JSON: https://characterquilt.com/branding/valar-atomics.json - Per-page llms.txt: https://characterquilt.com/branding/valar-atomics/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #E9B709 | | Accent | #EED57E | | Body Font | Saans | | Heading Font | Druk | ## Color Palette - primary: #E9B709 - secondary: #9CA3AF - accent: #EED57E - background: #F3F3F3 - textPrimary: #000000 - link: #EED57E ## Typography - primary: Saans — https://fonts.google.com/specimen/Saans - heading: Druk — https://fonts.google.com/specimen/Druk ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2250%22%20height%3D%2240%22%20viewBox%3D%220%200%2050%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-%5B39.65px%5D%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M30.324%2011.5361C29.9803%2011.5361%2029.6576%2011.6882%2029.4597%2011.9505L28.1978%2013.6165C27.9458%2013.9518%2027.9458%2014.3912%2028.1978%2014.7264L35.2198%2024.0975C36.3672%2025.6322%2038.8058%2025.6864%2040.0386%2024.2078L49.2701%2013.1042C49.8032%2012.4649%2049.3076%2011.5403%2048.435%2011.5403H30.3302L30.326%2011.5361H30.324Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M19.1559%2011.519C19.4996%2011.519%2019.8223%2011.6711%2020.0202%2011.9335L21.2842%2013.5994C21.5362%2013.9347%2021.5362%2014.3741%2021.2842%2014.7094L14.2164%2024.1345C13.0856%2025.6381%2010.6929%2025.6943%209.48505%2024.2407L0.22022%2013.083C-0.312888%2012.4437%200.182736%2011.519%201.05528%2011.519H19.1601H19.1559Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.3519%2028.106C36.633%2027.7708%2036.6414%2027.3085%2036.3831%2026.9607L28.1387%2015.9674C27.7201%2015.4114%2026.8289%2015.4073%2026.4124%2015.9633L25.3753%2017.3273C25.2504%2017.4918%2025.1816%2017.6875%2025.1816%2017.8875V38.6787C25.1816%2039.6074%2026.4582%2040.0052%2027.0683%2039.2721L36.3457%2028.1123L36.3498%2028.104L36.3519%2028.106Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.2211%2028.106C12.9399%2027.7708%2012.9316%2027.3085%2013.1898%2026.9607L21.4343%2015.9674C21.8528%2015.4114%2022.7441%2015.4073%2023.1606%2015.9633L24.1977%2017.3273C24.3226%2017.4918%2024.3913%2017.6875%2024.3913%2017.8875V38.6787C24.3913%2039.6074%2023.1148%2040.0052%2022.5026%2039.2721L13.2252%2028.1123L13.2211%2028.104V28.106Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.0139%206.54619C16.7531%206.63573%2017.4237%206.72944%2018.0338%206.83356C18.6398%206.9356%2019.1875%207.05014%2019.6769%207.17717C20.1684%207.3042%2020.6057%207.44789%2020.9909%207.61448C21.3824%207.779%2021.7219%207.96642%2022.028%208.17883C22.332%208.39124%2022.5965%208.62864%2022.836%208.89936C23.0692%209.17007%2023.2775%209.47203%2023.4649%209.81563C23.6481%2010.1551%2023.8147%2010.5362%2023.9605%2010.961C24.1084%2011.3837%2024.2458%2011.8502%2024.3749%2012.3687C24.4478%2012.6561%2025.0455%2012.6561%2025.1142%2012.3687C25.1704%2012.1521%2025.2245%2011.9501%2025.2787%2011.7502C25.4349%2011.2025%2025.5994%2010.7153%2025.7931%2010.2842C25.9951%209.82605%2026.2241%209.43246%2026.5011%209.08469C26.7718%208.73692%2027.0883%208.44122%2027.4569%208.18091C27.7589%207.9685%2028.1046%207.78316%2028.494%207.61657C28.8834%207.44997%2029.3207%207.30628%2029.808%207.17925C30.2995%207.05222%2030.8409%206.93769%2031.4511%206.83565C32.0571%206.73361%2032.7276%206.63573%2033.4711%206.54827C33.8896%206.49829%2033.8896%206.0818%2033.4711%206.03182C33.1629%205.99434%2032.8651%205.95477%2032.5798%205.91729C31.7947%205.80692%2031.0971%205.69238%2030.4765%205.55702C29.8205%205.4175%2029.2499%205.25507%2028.7543%205.06556C28.2545%204.87398%2027.8255%204.65948%2027.459%204.40126C27.155%204.18885%2026.8905%203.95145%2026.651%203.68073C26.4178%203.41001%2026.2095%203.10806%2026.0221%202.76445C25.8389%202.42501%2025.6723%202.04393%2025.5265%201.61911C25.3786%201.19637%2025.2412%200.729899%2025.1121%200.215534C25.0392%20-0.0718446%2024.4415%20-0.0718446%2024.3728%200.215534C24.3166%200.432109%2024.2625%200.634106%2024.2083%200.834022C24.0521%201.38171%2023.8876%201.869%2023.6939%202.30007C23.4919%202.75821%2023.2629%203.15179%2022.9859%203.49956C22.7152%203.84733%2022.3987%204.14304%2022.0301%204.40334C21.6573%204.66157%2021.2304%204.87814%2020.7348%205.06765C20.235%205.25923%2019.6644%205.41541%2019.0126%205.5591C18.392%205.69446%2017.6944%205.809%2016.9093%205.91937C16.624%205.95685%2016.3304%205.99642%2016.018%206.0339C15.5995%206.08388%2015.5995%206.50037%2016.018%206.55035L16.0097%206.54619H16.0139Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.valaratomics.com/favicon.png - Social card (og:image): https://valaratomics.com/social-1030.png ## UI Components - buttonPrimary: background=#000000, textColor=#FFFFFF, borderColor=#E9B709, borderRadius=0px, shadow=none - buttonSecondary: background=#7A7A7A, textColor=#FFFFFF, borderColor=#E9B709, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: technology enthusiasts and professionals ## Valar Atomics Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Mission | Valar Atomics** - Image: https://www.valaratomics.com/heros/mission-mobile.webp - Source: https://www.valaratomics.com/mission - **The New Atomic Age | Valar Atomics** - Image: https://valaratomics.com/social-1030.png - Source: https://www.valaratomics.com/ - **Valar Atomics is Suing the NRC | Valar Atomics** - Image: https://assets.tina.io/4215523c-c18f-4dfd-be97-5dd4e7a42d77/cleaned.png - Source: https://www.valaratomics.com/docs/Valar-Atomics-is-Suing-the-NRC - **Ward 250 | Valar Atomics** - Image: https://assets.tina.io/4215523c-c18f-4dfd-be97-5dd4e7a42d77/p15138coll18_304_full.jpg - Source: https://www.valaratomics.com/ward-250 - **Ward 250 | Valar Atomics** - Image: https://www.valaratomics.com/_next/image?url=%2Fgrid%2F6.webp&w=2048&q=75&dpl=dpl_8AdTYS6EoeSf2en1CvH8pnmyJqcg - Source: https://www.valaratomics.com/ward-250 - **Valar Atomics is Suing the NRC | Valar Atomics** - Image: https://valaratomics.com/api/og?title=Valar%20Atomics%20is%20Suing%20the%20NRC&subtitle=The%20Nuclear%20Necessity%20and%20our%20decision%20to%20sue%20the%20Nuclear%20Regulatory%20Commission&image=https%3A%2F%2Fassets.tina.io%2F4215523c-c18f-4dfd-be97-5dd4e7a42d77%2Fcleaned.png - Source: https://www.valaratomics.com/docs/Valar-Atomics-is-Suing-the-NRC ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. 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. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Saans", "role": "body" }, { "family": "Saans Mono", "role": "monospace" }, { "family": "Druk", "role": "heading" }, { "family": "Times New Roman", "role": "unknown" } ], "colors": { "primary": "#E9B709", "secondary": "#9CA3AF", "accent": "#EED57E", "background": "#F3F3F3", "textPrimary": "#000000", "link": "#EED57E" }, "typography": { "fontFamilies": { "primary": "Saans", "heading": "Druk" }, "fontStacks": { "heading": [ "Druk" ], "body": [ "Times New Roman" ], "paragraph": [ "Saans" ] }, "fontSizes": { "h1": "80px", "h2": "24px", "body": "22px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "buttonPrimary": { "background": "#000000", "textColor": "#FFFFFF", "borderColor": "#E9B709", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonSecondary": { "background": "#7A7A7A", "textColor": "#FFFFFF", "borderColor": "#E9B709", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2250%22%20height%3D%2240%22%20viewBox%3D%220%200%2050%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-%5B39.65px%5D%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M30.324%2011.5361C29.9803%2011.5361%2029.6576%2011.6882%2029.4597%2011.9505L28.1978%2013.6165C27.9458%2013.9518%2027.9458%2014.3912%2028.1978%2014.7264L35.2198%2024.0975C36.3672%2025.6322%2038.8058%2025.6864%2040.0386%2024.2078L49.2701%2013.1042C49.8032%2012.4649%2049.3076%2011.5403%2048.435%2011.5403H30.3302L30.326%2011.5361H30.324Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M19.1559%2011.519C19.4996%2011.519%2019.8223%2011.6711%2020.0202%2011.9335L21.2842%2013.5994C21.5362%2013.9347%2021.5362%2014.3741%2021.2842%2014.7094L14.2164%2024.1345C13.0856%2025.6381%2010.6929%2025.6943%209.48505%2024.2407L0.22022%2013.083C-0.312888%2012.4437%200.182736%2011.519%201.05528%2011.519H19.1601H19.1559Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.3519%2028.106C36.633%2027.7708%2036.6414%2027.3085%2036.3831%2026.9607L28.1387%2015.9674C27.7201%2015.4114%2026.8289%2015.4073%2026.4124%2015.9633L25.3753%2017.3273C25.2504%2017.4918%2025.1816%2017.6875%2025.1816%2017.8875V38.6787C25.1816%2039.6074%2026.4582%2040.0052%2027.0683%2039.2721L36.3457%2028.1123L36.3498%2028.104L36.3519%2028.106Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.2211%2028.106C12.9399%2027.7708%2012.9316%2027.3085%2013.1898%2026.9607L21.4343%2015.9674C21.8528%2015.4114%2022.7441%2015.4073%2023.1606%2015.9633L24.1977%2017.3273C24.3226%2017.4918%2024.3913%2017.6875%2024.3913%2017.8875V38.6787C24.3913%2039.6074%2023.1148%2040.0052%2022.5026%2039.2721L13.2252%2028.1123L13.2211%2028.104V28.106Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.0139%206.54619C16.7531%206.63573%2017.4237%206.72944%2018.0338%206.83356C18.6398%206.9356%2019.1875%207.05014%2019.6769%207.17717C20.1684%207.3042%2020.6057%207.44789%2020.9909%207.61448C21.3824%207.779%2021.7219%207.96642%2022.028%208.17883C22.332%208.39124%2022.5965%208.62864%2022.836%208.89936C23.0692%209.17007%2023.2775%209.47203%2023.4649%209.81563C23.6481%2010.1551%2023.8147%2010.5362%2023.9605%2010.961C24.1084%2011.3837%2024.2458%2011.8502%2024.3749%2012.3687C24.4478%2012.6561%2025.0455%2012.6561%2025.1142%2012.3687C25.1704%2012.1521%2025.2245%2011.9501%2025.2787%2011.7502C25.4349%2011.2025%2025.5994%2010.7153%2025.7931%2010.2842C25.9951%209.82605%2026.2241%209.43246%2026.5011%209.08469C26.7718%208.73692%2027.0883%208.44122%2027.4569%208.18091C27.7589%207.9685%2028.1046%207.78316%2028.494%207.61657C28.8834%207.44997%2029.3207%207.30628%2029.808%207.17925C30.2995%207.05222%2030.8409%206.93769%2031.4511%206.83565C32.0571%206.73361%2032.7276%206.63573%2033.4711%206.54827C33.8896%206.49829%2033.8896%206.0818%2033.4711%206.03182C33.1629%205.99434%2032.8651%205.95477%2032.5798%205.91729C31.7947%205.80692%2031.0971%205.69238%2030.4765%205.55702C29.8205%205.4175%2029.2499%205.25507%2028.7543%205.06556C28.2545%204.87398%2027.8255%204.65948%2027.459%204.40126C27.155%204.18885%2026.8905%203.95145%2026.651%203.68073C26.4178%203.41001%2026.2095%203.10806%2026.0221%202.76445C25.8389%202.42501%2025.6723%202.04393%2025.5265%201.61911C25.3786%201.19637%2025.2412%200.729899%2025.1121%200.215534C25.0392%20-0.0718446%2024.4415%20-0.0718446%2024.3728%200.215534C24.3166%200.432109%2024.2625%200.634106%2024.2083%200.834022C24.0521%201.38171%2023.8876%201.869%2023.6939%202.30007C23.4919%202.75821%2023.2629%203.15179%2022.9859%203.49956C22.7152%203.84733%2022.3987%204.14304%2022.0301%204.40334C21.6573%204.66157%2021.2304%204.87814%2020.7348%205.06765C20.235%205.25923%2019.6644%205.41541%2019.0126%205.5591C18.392%205.69446%2017.6944%205.809%2016.9093%205.91937C16.624%205.95685%2016.3304%205.99642%2016.018%206.0339C15.5995%206.08388%2015.5995%206.50037%2016.018%206.55035L16.0097%206.54619H16.0139Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.valaratomics.com/favicon.png", "ogImage": "https://valaratomics.com/social-1030.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.85, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Our Technology", "reasoning": "Button #1 ('Our Technology') is likely the primary CTA due to its prominent placement and action-oriented text, which aligns with the site's focus on technology." }, "secondary": { "index": 0, "text": "Contact us", "reasoning": "Button #0 ('Contact us') is secondary as it has a different color group and serves a supportive role for user engagement." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "technology enthusiasts and professionals" }, "designSystem": { "framework": "tailwind", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.95, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.85 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```