# Designesy — /brand Canonical page: https://www.designesy.org/brand --- designesy.org/brand ## The flame is Azure, inverted. Designesy's blue is #0A94FF. Invert it, the way ctrl + i inverts a screen, and you get #F56B00: the flame we use when something is happening now. One colour and its exact opposite. Everything else on this page follows from that. 255 − (10, 148, 255) = (245, 107, 0) ## The logo The lockup is the mark plus the wordmark. The mark's dot and the i's dot share one line. Use the lockup wherever there is room; use the mark alone where space is square or tight. - Lockup For headers, decks and documents. Below a 48px mark, use the small lockup. - On light Ink body, Azure dot. Never place it on a busy image. - Mark Four modules and a head. The dot is the only colour. - Small lockup Drawn for small sizes, with wider gaps that stay open at 16–48px. - Clear space Keep empty space equal to the dot's diameter on every side. - Wordmark The name alone, for places where the mark already appears. ## Colour Two brand colours and their deeper partners for light surfaces. Every pairing below is measured with WCAG 2 contrast. White text on Azure is never used: it measures 3.14:1. - Azure #0A94FF Authority. The mark's dot, primary actions, selection. Ink on Azure 6.65:1 - Flame #F56B00 Azure, inverted: 255 minus each channel. Only for things happening now. Ink on Flame 6.94:1 - Deep Azure #016ABB Azure for text, links and focus on light surfaces. On white 5.55:1 - Ember #B04D00 The flame for text and rims on light surfaces. On white 5.37:1 - Ink #010102 The ground of the dark theme, and the label on Azure fills. White on ink 20.86:1 ### Grades are a separate data palette Scores use their own five-colour scale in both themes (dark above, light below), and never borrow Azure or the flame. - A, dark theme A, light theme - B, dark theme B, light theme - C, dark theme C, light theme - D, dark theme D, light theme - F, dark theme F, light theme ## Type - Display · Fraunces We make execution provable. - Text · Schibsted Grotesk Design judgment, published as a contract and verified on the live page. - Data · Atkinson Hyperlegible Mono C 70 /100 · stripe.com · 2026-10-12 - Logotype Drawn artwork, shipped as outlines. Use the files in the kit; never re-type it. ## Icons A 24-unit grid, a 2px round stroke, and rounded modules. The dot is the only fill and the only colour: Azure for the active part, the flame only for something live. - score - verify - contract - leaderboard - monitor - kit - docs - search - settings - live - theme - motion - mention - machine - studio - continuity - error - share - chevron ## Please don't - Recolour the dot The dot is Azure, or the flame for something live. Never another colour. - Crop the dot Any crop or frame includes the whole dot. It reaches past the body on the right. - Re-type the name The logotype is drawn artwork. Never set “designesy.” in a font. - Use the flame for static things Orange means happening now: a score running, a live monitor. - Stretch, rotate or outline Scale the lockup proportionally. No effects, shadows or gradients. - Put it on noise Place the mark on ink, white, or a calm surface with clear space. ## Download SVG and PNG: lockups, small lockups, mark, wordmark, app icon, in dark and light. ZIP · 112 KB · 21 files Use these files to refer to Designesy, for example in an article, a talk, or an integration. Don't use them to suggest that Designesy endorses or sponsors you. For any other use, [write to us](mailto:hello@designesy.org) first.