# Nixtla brand kit > Download Nixtla logos, fonts, colors, backgrounds, and design system references. Canonical HTML: https://www.nixtla.io/brand-kit ## Brand positioning Nixtla builds forecasting technology that makes advanced time series methods practical for researchers, developers, and organizations. The product family includes TimeGPT foundation models and APIs, open source forecasting libraries, technical research and educational resources, and enterprise forecasting and anomaly detection solutions. Use the supplied assets and semantic design tokens to represent Nixtla consistently. Do not recreate the marks from screenshots or substitute approximations for the supplied typefaces. ## Logos Use the black artwork on light backgrounds and the white artwork on dark backgrounds. Maintain clear space equal to the height of the N in Nixtla. Do not render the full logo below 120 px wide or the icon below 32 px. Do not stretch, rotate, recolor, add effects, or place a mark on a busy background that reduces legibility. - [Full logo, black SVG](https://www.nixtla.io/img/logo/full-black.svg) - [Full logo, white SVG](https://www.nixtla.io/img/logo/full-white.svg) - [Icon, black SVG](https://www.nixtla.io/img/logo/icon-black.svg) - [Icon, white SVG](https://www.nixtla.io/img/logo/icon-white.svg) ## Colors Use semantic tokens rather than embedding raw colors in product UI. These values are the website design tokens. | Role | CSS token | Light mode | Dark mode | | --- | --- | --- | --- | | Background | `--background` | `#f6f4f0` | `#222121` | | Muted | `--muted` | `#eae9e6` | `#2e2b27` | | Foreground | `--foreground` | `#222121` | `#dedddd` | | Muted foreground | `--muted-foreground` | `#22212195` | `#dedddd95` | | Border | `--border` | `#222121` | `rgba(212, 212, 216, 0.6)` | | Highlight | `--highlight` | `#bfd1ff` | `#9187e8` | Stable semantic and terminal colors: - Info / terminal blue, `--info`: `#5063d8` - Success / terminal green, `--success`: `#2ba08a` - Deep haze, `--deephaze`: `#a98db6` - Thinking / deep water, `--thinking`: `#8a94d4` - Destructive, `--destructive`: `#ff8834` ## Dark mode Dark mode replaces the cream canvas with charcoal, uses light ink, changes the accent from light blue to purple, and softens borders. Semantic terminal colors remain stable. Use white logo artwork on the dark canvas and verify contrast when placing marks over imagery. ## Typography and font downloads Neue Montreal is the primary family for headings and body text. Supply Mono is the functional family for buttons, badges, eyebrow text, and labels, and it is always set in uppercase. DotGothic16 is an accent face for decorative display text. - [Neue Montreal Book, 400 WOFF2](https://www.nixtla.io/fonts/PPNeueMontreal-Book.woff2) - [Neue Montreal Medium, 500 WOFF2](https://www.nixtla.io/fonts/PPNeueMontreal-Medium.woff2) - [Supply Mono Ultralight, 200 WOFF2](https://www.nixtla.io/fonts/PPSupplyMono-Ultralight.woff2) - [Supply Mono Regular, 400 WOFF2](https://www.nixtla.io/fonts/PPSupplyMono-Regular.woff2) - [Supply Mono Medium, 500 WOFF2](https://www.nixtla.io/fonts/PPSupplyMono-Medium.woff2) - [DotGothic16 Regular, 400 WOFF2](https://www.nixtla.io/fonts/DotGothic16-Regular.woff2) ### Heading scale | Level | Size | Line height | Letter spacing | | --- | --- | --- | --- | | H1 | 6.875rem / 110px | 92% | -2.2px | | H2 | 3.125rem / 50px | 112% | -0.5px | | H3 | 2.375rem / 38px | 118% | -0.38px | | H4 | 2rem / 32px | 122% | -0.1px | | H5 | 1.75rem / 28px | 91% | 0 | ## Spacing and layout The spacing system separates compact content gaps from larger flow and block spacing. The base spacing unit is 4 px. - Content: 12, 16, 20, 24, and 32 px - Flow: 40, 48, 64, and 80 px - Block: 128 and 160 px - Horizontal section and inner padding: 12 px below 768 px, 20 px from 768 px, and 32 px from 1024 px - Maximum boxed site width: 112rem / 1792 px Structural sections use grids that span the full width, semantic borders, and aligned inner padding. Structural elements use borders rather than shadows or gradients. ## Radii and roundness The base radius is `0rem`: cards, containers, sections, and structural cells use sharp corners. Small interface primitives such as pills, avatars, and form controls are the documented exceptions. Do not introduce decorative rounded cards into structural layouts. ## Background asset downloads Backgrounds are supplied as WebP files. General backgrounds are numbered, while the named variants cover chat, terminal, carousel, and use case layouts. - [bg-02.webp](https://www.nixtla.io/img/backgrounds/bg-02.webp) - [bg-03.webp](https://www.nixtla.io/img/backgrounds/bg-03.webp) - [bg-04.webp](https://www.nixtla.io/img/backgrounds/bg-04.webp) - [bg-05.webp](https://www.nixtla.io/img/backgrounds/bg-05.webp) - [bg-08.webp](https://www.nixtla.io/img/backgrounds/bg-08.webp) - [bg-09.webp](https://www.nixtla.io/img/backgrounds/bg-09.webp) - [bg-10.webp](https://www.nixtla.io/img/backgrounds/bg-10.webp) - [bg-11.webp](https://www.nixtla.io/img/backgrounds/bg-11.webp) - [bg-12.webp](https://www.nixtla.io/img/backgrounds/bg-12.webp) - [bg-13.webp](https://www.nixtla.io/img/backgrounds/bg-13.webp) - [bg-14.webp](https://www.nixtla.io/img/backgrounds/bg-14.webp) - [bg-15.webp](https://www.nixtla.io/img/backgrounds/bg-15.webp) - [bg-16.webp](https://www.nixtla.io/img/backgrounds/bg-16.webp) - [bg-17.webp](https://www.nixtla.io/img/backgrounds/bg-17.webp) - [bg-chat.webp](https://www.nixtla.io/img/backgrounds/bg-chat.webp) - [bg-chat-dark.webp](https://www.nixtla.io/img/backgrounds/bg-chat-dark.webp) - [bg-terminal.webp](https://www.nixtla.io/img/backgrounds/bg-terminal.webp) - [bg-terminal-dark.webp](https://www.nixtla.io/img/backgrounds/bg-terminal-dark.webp) - [bg-carousel-1.webp](https://www.nixtla.io/img/backgrounds/bg-carousel-1.webp) - [bg-carousel-2.webp](https://www.nixtla.io/img/backgrounds/bg-carousel-2.webp) - [bg-carousel-3.webp](https://www.nixtla.io/img/backgrounds/bg-carousel-3.webp) - [bg-use-case-1.webp](https://www.nixtla.io/img/backgrounds/bg-use-case-1.webp) - [bg-use-case-2.webp](https://www.nixtla.io/img/backgrounds/bg-use-case-2.webp) - [bg-use-case-3.webp](https://www.nixtla.io/img/backgrounds/bg-use-case-3.webp) ## Complete kit Open the canonical brand kit page and select **Download Full Brand Kit** to generate a ZIP containing the supplied logos, fonts, backgrounds, and brand reference. The direct links above are available when an individual asset is needed. ## Agent resources - [Site guide](https://www.nixtla.io/llms.txt) - [Complete reference](https://www.nixtla.io/llms-full.txt) - [Agent instructions](https://www.nixtla.io/agents.md)