x70 Design System & Brand Identity
The Geometric Grid
The x70 logo is constructed on an exact, mathematically aligned 3×3 pixel grid per character. Spaced with precisely 1 grid-column of air between them, the characters form a symmetrical, high-contrast typographic mark. Hover over active cells to inspect coordinates.
Monochrome & Accent
A hyper-minimal, functional color scale designed to reduce distraction and emphasize layout hierarchy. Features custom brand accent green (#01FF00) for active, energetic indicators and highlight points.
Direct CDN & Logo Hub
The official collection of light and dark variations of the x70 brand logo. All assets are served from permanent static URLs so you can use them directly in other repositories to stay perfectly in sync.
Quick brown fox jumps over the lazy dog.
Building minimalist digital products and guidelines.
MINIMALIST & GEOMETRIC SYSTEM DESIGN.
const system = x70.brand.gridDesign;
export function buildLogo(char) {
return logoGrid[char].map(row =>
row.join(' ')
);
}Font Pairings
Pairing Switzer (a neo-grotesque sans-serif with geometric kerning) with JetBrains Mono (a developer-first monospace designed for code alignment and structure) to create a perfect tension between editorial aesthetic and technical details.
Join 2,0002,000 other interested people to get notified about updates.
