# Atlas Card Brand Identity A complete profile of **Atlas Card**'s visual system — colors, typography, components, and personality — extracted from https://atlascard.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/atlas-card - Machine-readable JSON: https://characterquilt.com/branding/atlas-card.json - Per-page llms.txt: https://characterquilt.com/branding/atlas-card/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #001391 | | Accent | #001391 | | Body Font | Sequel Sans Book | | Heading Font | Sequel Sans Book | ## Color Palette - primary: #001391 - accent: #001391 - background: #000000 - textPrimary: #000000 - link: #001391 ## Typography - primary: Sequel Sans Book — https://fonts.google.com/specimen/Sequel+Sans+Book - heading: Sequel Sans Book — https://fonts.google.com/specimen/Sequel+Sans+Book ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2231%22%20viewBox%3D%220%200%20774%20180%22%20width%3D%22134%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-astro-cid-lejjx2fa%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M444.769%20175.185L378.566%204.53904H342.955L276.752%20175.185H307.105L323.357%20130.492H397.686L414.177%20175.185H444.769ZM360.163%2029.634H361.119L389.321%20107.309H331.722L360.163%2029.634Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M488.274%20153.436C478.475%20153.436%20473.934%20152.241%20473.934%20140.53V68.1131H501.18V48.9931H473.934V13.382H447.644V48.9931H427.09V68.1131H447.644V147.461C447.644%20170.405%20458.399%20175.663%20481.104%20175.663C487.796%20175.663%20497.117%20175.424%20499.985%20175.185V153.197C496.4%20153.436%20490.903%20153.436%20488.274%20153.436Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M536.594%20175.185V2.14905H510.065V175.185H536.594Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M660.082%20175.185C656.975%20169.449%20656.736%20162.279%20656.736%20148.417V84.843C656.736%2063.333%20642.874%2046.125%20605.829%2046.125C578.105%2046.125%20557.073%2059.748%20551.337%2082.453L575.476%2087.711C580.017%2073.371%20592.206%2066.918%20604.873%2066.918C623.515%2066.918%20630.446%2074.327%20630.446%2085.082C630.446%2092.969%20624.232%2097.0321%20600.332%2099.6611C566.394%20103.007%20546.557%20113.045%20546.557%20140.291C546.557%20163.713%20565.916%20178.053%20589.099%20178.053C604.634%20178.053%20622.559%20172.317%20630.685%20159.65C630.685%20166.82%20632.597%20173.034%20634.509%20175.185H660.082ZM630.446%20125.473C630.446%20148.895%20610.131%20157.977%20594.118%20157.977C581.451%20157.977%20573.325%20151.763%20573.325%20140.052C573.325%20126.668%20585.753%20120.454%20598.659%20118.781C612.282%20117.108%20626.383%20114.957%20630.446%20110.894V125.473Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M770.7%2081.9751C767.354%2062.6161%20746.322%2046.125%20718.359%2046.125C688.962%2046.125%20667.691%2061.6601%20667.691%2083.6481C667.691%20109.938%20688.245%20116.63%20708.082%20119.976L720.988%20122.127C736.045%20124.756%20746.8%20128.341%20746.8%20139.335C746.8%20151.524%20735.567%20158.933%20719.793%20158.933C702.346%20158.933%20689.918%20151.285%20686.094%20133.838L661.955%20138.618C666.257%20161.801%20686.811%20178.053%20719.315%20178.053C750.146%20178.053%20773.568%20164.669%20773.568%20138.379C773.568%20111.372%20752.775%20104.441%20730.787%20100.617L718.359%2098.705C704.975%2096.554%20694.22%2093.925%20694.22%2083.17C694.22%2071.698%20704.019%2065.4841%20718.12%2065.4841C731.265%2065.4841%20743.454%2072.4151%20746.8%2086.7551L770.7%2081.9751Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M117.732%20179.106H84.1283C38.4701%20179.106%201.30636%20142.737%200.0263672%2097.3887H83.9246C95.7583%2097.3887%20101.675%2097.3887%20106.195%2099.6917C110.171%20101.717%20113.403%20104.95%20115.429%20108.926C117.732%20113.445%20117.732%20119.362%20117.732%20131.196V179.106Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0.0224609%2082.6236C1.23644%2037.2157%2038.427%200.778687%2084.1279%200.778687H117.731V48.8164C117.731%2060.65%20117.731%2066.5668%20115.428%2071.0867C113.403%2075.0624%20110.17%2078.2948%20106.194%2080.3206C101.675%2082.6236%2095.7578%2082.6236%2083.9242%2082.6236H0.0224609Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M132.505%20179.106H166.108C211.766%20179.106%20248.93%20142.737%20250.21%2097.3887H166.312C154.478%2097.3887%20148.561%2097.3887%20144.041%2099.6917C140.066%20101.717%20136.833%20104.95%20134.808%20108.926C132.505%20113.445%20132.505%20119.362%20132.505%20131.196V179.106Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M250.214%2082.6236C249%2037.2157%20211.809%200.778687%20166.108%200.778687H132.505V48.8164C132.505%2060.65%20132.505%2066.5668%20134.808%2071.0867C136.834%2075.0624%20140.066%2078.2948%20144.042%2080.3206C148.562%2082.6236%20154.478%2082.6236%20166.312%2082.6236H250.214Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://atlascard.com/favicon.ico - Social card (og:image): https://assets.atlascard.com/images/atlas-social-image.jpg ## UI Components - buttonPrimary: background=#001391, textColor=#F8F8F8, borderRadius=128px, shadow=none - buttonSecondary: background=#1E1E1E, textColor=#F8F8F8, borderRadius=18px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy individuals interested in exclusive services ## Atlas Card Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Atlas Card** - Image: https://atlascard.com/assets/images/carousel-3-mobile.webp - Source: https://atlascard.com/ - **Atlas Card** - Image: https://atlascard.com/assets/images/carousel-2-mobile.webp - Source: https://atlascard.com/ - **Atlas Card** - Image: https://atlascard.com/assets/images/carousel-1-mobile.webp - Source: https://atlascard.com/ - **Atlas Card** - Image: https://atlascard.com/assets/images/HeroImage.webp - Source: https://atlascard.com/ - **Request Invite** - Image: https://atlascard.com/assets/images/atlas-woman.webp - Source: https://atlascard.com/request-invite/ - **Atlas Card** - Image: https://atlascard.com/assets/images/dining-mobile.webp - Source: https://atlascard.com/ ## 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": "dark", "fonts": [ { "family": "Sequel Sans Book", "role": "body" }, { "family": "Roboto", "role": "body" }, { "family": "Helvetica Neue", "role": "body" }, { "family": "Arial", "role": "body" }, { "family": "ApercuMono Pro Medium", "role": "monospace" } ], "colors": { "primary": "#001391", "accent": "#001391", "background": "#000000", "textPrimary": "#000000", "link": "#001391" }, "typography": { "fontFamilies": { "primary": "Sequel Sans Book", "heading": "Sequel Sans Book" }, "fontStacks": { "heading": [ "Sequel Sans Book", "system-ui", "-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ], "body": [ "Sequel Sans Book", "system-ui", "-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ], "paragraph": [ "Sequel Sans Book", "system-ui", "-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ] }, "fontSizes": { "h1": "17px", "h2": "17px", "body": "17px" } }, "spacing": { "baseUnit": 4, "borderRadius": "18px" }, "components": { "buttonPrimary": { "background": "#001391", "textColor": "#F8F8F8", "borderRadius": "128px", "borderRadiusCorners": { "topLeft": "128px", "topRight": "128px", "bottomRight": "128px", "bottomLeft": "128px" }, "shadow": "none" }, "buttonSecondary": { "background": "#1E1E1E", "textColor": "#F8F8F8", "borderRadius": "18px", "borderRadiusCorners": { "topLeft": "18px", "topRight": "18px", "bottomRight": "18px", "bottomLeft": "18px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2231%22%20viewBox%3D%220%200%20774%20180%22%20width%3D%22134%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-astro-cid-lejjx2fa%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M444.769%20175.185L378.566%204.53904H342.955L276.752%20175.185H307.105L323.357%20130.492H397.686L414.177%20175.185H444.769ZM360.163%2029.634H361.119L389.321%20107.309H331.722L360.163%2029.634Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M488.274%20153.436C478.475%20153.436%20473.934%20152.241%20473.934%20140.53V68.1131H501.18V48.9931H473.934V13.382H447.644V48.9931H427.09V68.1131H447.644V147.461C447.644%20170.405%20458.399%20175.663%20481.104%20175.663C487.796%20175.663%20497.117%20175.424%20499.985%20175.185V153.197C496.4%20153.436%20490.903%20153.436%20488.274%20153.436Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M536.594%20175.185V2.14905H510.065V175.185H536.594Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M660.082%20175.185C656.975%20169.449%20656.736%20162.279%20656.736%20148.417V84.843C656.736%2063.333%20642.874%2046.125%20605.829%2046.125C578.105%2046.125%20557.073%2059.748%20551.337%2082.453L575.476%2087.711C580.017%2073.371%20592.206%2066.918%20604.873%2066.918C623.515%2066.918%20630.446%2074.327%20630.446%2085.082C630.446%2092.969%20624.232%2097.0321%20600.332%2099.6611C566.394%20103.007%20546.557%20113.045%20546.557%20140.291C546.557%20163.713%20565.916%20178.053%20589.099%20178.053C604.634%20178.053%20622.559%20172.317%20630.685%20159.65C630.685%20166.82%20632.597%20173.034%20634.509%20175.185H660.082ZM630.446%20125.473C630.446%20148.895%20610.131%20157.977%20594.118%20157.977C581.451%20157.977%20573.325%20151.763%20573.325%20140.052C573.325%20126.668%20585.753%20120.454%20598.659%20118.781C612.282%20117.108%20626.383%20114.957%20630.446%20110.894V125.473Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M770.7%2081.9751C767.354%2062.6161%20746.322%2046.125%20718.359%2046.125C688.962%2046.125%20667.691%2061.6601%20667.691%2083.6481C667.691%20109.938%20688.245%20116.63%20708.082%20119.976L720.988%20122.127C736.045%20124.756%20746.8%20128.341%20746.8%20139.335C746.8%20151.524%20735.567%20158.933%20719.793%20158.933C702.346%20158.933%20689.918%20151.285%20686.094%20133.838L661.955%20138.618C666.257%20161.801%20686.811%20178.053%20719.315%20178.053C750.146%20178.053%20773.568%20164.669%20773.568%20138.379C773.568%20111.372%20752.775%20104.441%20730.787%20100.617L718.359%2098.705C704.975%2096.554%20694.22%2093.925%20694.22%2083.17C694.22%2071.698%20704.019%2065.4841%20718.12%2065.4841C731.265%2065.4841%20743.454%2072.4151%20746.8%2086.7551L770.7%2081.9751Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M117.732%20179.106H84.1283C38.4701%20179.106%201.30636%20142.737%200.0263672%2097.3887H83.9246C95.7583%2097.3887%20101.675%2097.3887%20106.195%2099.6917C110.171%20101.717%20113.403%20104.95%20115.429%20108.926C117.732%20113.445%20117.732%20119.362%20117.732%20131.196V179.106Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0.0224609%2082.6236C1.23644%2037.2157%2038.427%200.778687%2084.1279%200.778687H117.731V48.8164C117.731%2060.65%20117.731%2066.5668%20115.428%2071.0867C113.403%2075.0624%20110.17%2078.2948%20106.194%2080.3206C101.675%2082.6236%2095.7578%2082.6236%2083.9242%2082.6236H0.0224609Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M132.505%20179.106H166.108C211.766%20179.106%20248.93%20142.737%20250.21%2097.3887H166.312C154.478%2097.3887%20148.561%2097.3887%20144.041%2099.6917C140.066%20101.717%20136.833%20104.95%20134.808%20108.926C132.505%20113.445%20132.505%20119.362%20132.505%20131.196V179.106Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M250.214%2082.6236C249%2037.2157%20211.809%200.778687%20166.108%200.778687H132.505V48.8164C132.505%2060.65%20132.505%2066.5668%20134.808%2071.0867C136.834%2075.0624%20140.066%2078.2948%20144.042%2080.3206C148.562%2082.6236%20154.478%2082.6236%20166.312%2082.6236H250.214Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(248%2C%20248%2C%20248)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://atlascard.com/favicon.ico", "ogImage": "https://assets.atlascard.com/images/atlas-social-image.jpg", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 1, "reasoning": "Selected #1 because it is visible, medium-sized, and links to the homepage, matching the brand 'Atlas Card'.", "confidence": 0.85, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 7, "text": "Request Invite", "reasoning": "Button #7 has a vibrant blue background (#001391), which is the brand color, and the text 'Request Invite' is action-oriented, making it the primary CTA." }, "secondary": { "index": 2, "text": "Learn More About Atlas Hotels", "reasoning": "Button #2 has a different background color (#1E1E1E) and the text 'Learn More About Atlas Hotels', which is informative and suitable for a secondary action." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy individuals interested in exclusive services" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 1, "selectedLogoReasoning": "Selected #1 because it is visible, medium-sized, and links to the homepage, matching the brand 'Atlas Card'.", "confidence": 0.85 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```