# x70 brand guidelines > Official brand identity, design system guidelines, and asset CDN for x70 (hosted at [design.x70.one](https://design.x70.one)). This document provides a machine-readable specification of the x70 brand guidelines, monochromatic design system tokens, and direct CDN URLs for integration. --- ## Core Brand Identity The x70 brand represents a hyper-minimal, high-contrast, monochromatic aesthetic inspired by the precision of geometric grid systems. - **Name:** x70 - **Primary Domain:** [design.x70.one](https://design.x70.one) - **GitHub Organization:** [github.com/x70-one](https://github.com/x70-one) --- ## Brand Assets & CDN Links All assets are hosted directly on the `design.x70.one` CDN and can be hotlinked in external repositories. | Asset Filename | Format / Size | Description / Use Case | Permanent CDN URL | | :--- | :--- | :--- | :--- | | `icon.png` | PNG (32×32) | Default high-contrast favicon and app icon | `https://design.x70.one/icon.png` | | `logo-company-header-for-light-bg.png` | PNG (256×114) | Navbar header company logo for light background | `https://design.x70.one/images/transparent/logo-company-header-for-light-bg.png` | | `logo-company-header-for-dark-bg.png` | PNG (256×114) | Navbar header company logo for dark background | `https://design.x70.one/images/transparent/logo-company-header-for-dark-bg.png` | | `x70-dark-new-transparent.png` | PNG (1544×1544) | Transparent dark mark for light-colored backgrounds | `https://design.x70.one/images/transparent/x70-dark-new-transparent.png` | | `x70-light-new-transparent.png` | PNG (1544×1544) | Transparent light mark for dark-colored backgrounds | `https://design.x70.one/images/transparent/x70-light-new-transparent.png` | | `x70-dark-new-4-transparent.png` | PNG (3044×1360) | Transparent wide dark mark for light backgrounds | `https://design.x70.one/images/transparent/x70-dark-new-4-transparent.png` | | `x70-light-new-4-transparent.png` | PNG (3044×1360) | Transparent wide light mark for dark backgrounds | `https://design.x70.one/images/transparent/x70-light-new-4-transparent.png` | | `x70-dark-new.png` | PNG (1544×1544) | Master brand logo, dark variant (solid black bg) | `https://design.x70.one/images/opaque/x70-dark-new.png` | | `x70-light-new.png` | PNG (1544×1544) | Master brand logo, light variant (solid white bg) | `https://design.x70.one/images/opaque/x70-light-new.png` | | `x70-dark-new-2.png` | PNG (2044×2044) | Alt master logo variant 2 (opaque) | `https://design.x70.one/images/opaque/x70-dark-new-2.png` | | `x70-light-new-2.png` | PNG (2044×2044) | Alt master logo variant 2 (opaque) | `https://design.x70.one/images/opaque/x70-light-new-2.png` | | `x70-dark-new-3.png` | PNG (3044×3044) | Alt master logo variant 3 (high-res opaque) | `https://design.x70.one/images/opaque/x70-dark-new-3.png` | | `x70-light-new-3.png` | PNG (3044×3044) | Alt master logo variant 3 (high-res opaque) | `https://design.x70.one/images/opaque/x70-light-new-3.png` | | `x70-dark-new-4.png` | PNG (3044×1360) | Wide banner logo variant 4, dark mode (solid bg) | `https://design.x70.one/images/opaque/x70-dark-new-4.png` | | `x70-light-new-4.png` | PNG (3044×1360) | Wide banner logo variant 4, light mode (solid bg) | `https://design.x70.one/images/opaque/x70-light-new-4.png` | | `avatar.png` | PNG (512×512) | Personal profile avatar (master cropped square) | `https://design.x70.one/images/personal/avatar.png` | | `avatar-small.png` | PNG (128×128) | Personal profile avatar (small) | `https://design.x70.one/images/personal/avatar-small.png` | | `avatar-header.png` | PNG (64×64) | Personal profile avatar (header optimize) | `https://design.x70.one/images/personal/avatar-header.png` | --- ## Design System Tokens ### Monochrome Color Palette A functional scale designed to eliminate distraction and emphasize content structure. - **Pure White (`#FFFFFF`):** Default background for light mode interfaces. - **Contrast Light (`#FAFAFA`):** Secondary backgrounds, borders, and subtle containers in light mode. - **Muted Gray (`#888888`):** Subtle borders, secondary typography, and decorative elements. - **Dark Slate (`#111111`):** Sub-panels, card backgrounds, and structural borders in dark mode. - **Pure Black (`#000000`):** Default background for dark mode interfaces. ### Typography Guidelines - **Sans-Serif Font:** Switzer (weights 400, 500, 600, 700) - geometric, neo-grotesque sans-serif with precise tracking. - **Monospace Font:** JetBrains Mono (weight 400) - highly legible monospace for code examples, metrics, and metadata layout. --- ## Logo Construction The logomark is constructed on a symmetrical 3×3 matrix representing each character (`X`, `7`, `0`). ### Grid Matrices (`1` = active pixel, `0` = empty) #### X Matrix ``` 1 0 1 0 1 0 1 0 1 ``` #### 7 Matrix ``` 1 1 1 0 0 1 0 1 0 ``` #### 0 Matrix ``` 1 1 1 1 0 1 1 1 1 ``` --- ## Pages - [Home](/): Brand identity overview, color tokens, typography, assets, FAQ. - [Privacy Policy](/privacy): GDPR privacy notice for the design system, CDN, and newsletter. - [Terms of Service](/terms): Terms for using design guidelines and CDN assets. - [Imprint](/imprint): German Impressum (TMG §5) for the design CDN host. ## Machine-Readable Indexes - [Brand assets index](/brand-assets.md): Structured directory of all CDN logomarks, favicons, personal avatars, dimensions, themes, and permanent hotlink URLs. - [Legal entity](/legal-entity.json): Shared EU/DE legal entity JSON for the x70 ecosystem (Impressum address, contact, BayLDA). Canonical CDN URL: `https://design.x70.one/legal-entity.json`. --- ## License & Usage All assets and code guidelines are provided under the MIT License for open-source integration. Feel free to download, use, and reference x70 CDN assets in your own repositories. ## Ecosystem Sibling Sites The x70 ecosystem comprises several interconnected sibling properties: - **x70 App** ([x70.one](https://x70.one)): Web agency landing page, bespoke design interactive prototypes, edge hosting solutions, and client onboarding portal. - **x70 Links** ([links.x70.one](https://links.x70.one)): Canonical directory of active, internal, and archived x70 digital properties. - **Developer Portfolio** ([me.x70.one](https://me.x70.one)): Personal portfolio of Daniel Ensminger, featuring active work history, patent detail logs, blog posts, and active reading metrics. - **Ski Bike Rack** ([skirack.x70.one](https://skirack.x70.one)): High-performance, modular rear bike rack product landing page, hardware design iteration logs, and engineering case studies. - **Social Network** ([social.x70.one](https://social.x70.one)): Real-time social networking platform and dashboard featuring organization management, passkey authentication, and activity feeds. - **Design Guidelines & CDN** ([design.x70.one](https://design.x70.one)): Centralized monochromatic design system tokens, CSS assets, branding guidelines, and asset CDN endpoints. - **Browser Tools** ([tools.x70.one](https://tools.x70.one)): Free, privacy-first browser utilities for developers, text, data, images, and PDF documents, with all processing kept local.