Source: https://wiity.ai/brand-kit Reading version: https://wiity.ai/brand-kit.md Brand kit # The Wiity logo, colours and type, ready to use. Official files for press, partners, event organisers and anyone referring to Wiity. Use them as supplied, give them room, and keep the live dot live. [Download the full logo pack ZIP](https://wiity.ai/brand-kit/downloads/wiity-logo-pack.zip) [Read usage guidance](https://wiity.ai/brand-kit#bk-usage) Pack includes every SVG and PNG below, plus the logo usage and colour specification notes. ![The Wiity eight-dot mark on Navy](https://wiity.ai/brand-kit/logos/wiity-mark-on-navy.svg) [Logos](https://wiity.ai/brand-kit#bk-logos) [Colour](https://wiity.ai/brand-kit#bk-colour) [Typography](https://wiity.ai/brand-kit#bk-type) [Usage](https://wiity.ai/brand-kit#bk-usage) [Permission](https://wiity.ai/brand-kit#bk-permission) 01 / Logos ## Two forms, four versions. The horizontal lockup is the default. Use the mark alone for app icons, avatars, favicons, embroidery and anywhere under 24px tall. SVG is the original vector file; PNGs are transparent and sized by width. ### Horizontal lockup - ![Wiity horizontal lockup, on ice version](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-on-ice.svg) On Ice Light backgrounds [SVG](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-on-ice.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-ice-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-ice-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-ice-1024.png) - ![Wiity horizontal lockup, on navy version](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-on-navy.svg) On Navy Dark backgrounds [SVG](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-on-navy.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-navy-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-navy-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-on-navy-1024.png) - ![Wiity horizontal lockup, mono black version](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-mono-black.svg) Mono black One-colour print, stamps, engraving [SVG](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-mono-black.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-black-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-black-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-black-1024.png) - ![Wiity horizontal lockup, mono white version](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-mono-white.svg) Mono white Photography, garments, single-colour print [SVG](https://wiity.ai/brand-kit/logos/wiity-lockup-horizontal-mono-white.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-white-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-white-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-lockup-horizontal-mono-white-1024.png) ### Mark - ![Wiity mark, on ice version](https://wiity.ai/brand-kit/logos/wiity-mark-on-ice.svg) On Ice Light backgrounds [SVG](https://wiity.ai/brand-kit/logos/wiity-mark-on-ice.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-mark-on-ice-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-mark-on-ice-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-mark-on-ice-1024.png) - ![Wiity mark, on navy version](https://wiity.ai/brand-kit/logos/wiity-mark-on-navy.svg) On Navy Dark backgrounds [SVG](https://wiity.ai/brand-kit/logos/wiity-mark-on-navy.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-mark-on-navy-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-mark-on-navy-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-mark-on-navy-1024.png) - ![Wiity mark, mono black version](https://wiity.ai/brand-kit/logos/wiity-mark-mono-black.svg) Mono black One-colour print, stamps, engraving [SVG](https://wiity.ai/brand-kit/logos/wiity-mark-mono-black.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-black-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-black-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-black-1024.png) - ![Wiity mark, mono white version](https://wiity.ai/brand-kit/logos/wiity-mark-mono-white.svg) Mono white Photography, garments, single-colour print [SVG](https://wiity.ai/brand-kit/logos/wiity-mark-mono-white.svg) [PNG 256](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-white-256.png) [PNG 512](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-white-512.png) [PNG 1024](https://wiity.ai/brand-kit/downloads/wiity-mark-mono-white-1024.png) 02 / Colour ## Mostly surface. A little signal. 70% surface 25% counter **5% signal** If a signal colour is more than 5% of a layout, something is shouting. Select any code to copy it. ### Surfaces - Navy Primary dark surface #0B1020 RGB 11 16 32 - Navy 2 Cards on dark #121A33 RGB 18 26 51 - Ice Primary light surface #EEF3FB RGB 238 243 251 - White Cards on light #FFFFFF RGB 255 255 255 ### Signals - Cobalt 500 Brand primary. Primary action, links, active states, charts #3B82F6 RGB 59 130 246 - Cobalt 700 Text-safe cobalt for type on Ice (6:1) #1D4ED8 RGB 29 78 216 - Acid lime 500 Live, running, complete. Dots and fills only, never text #C8F250 RGB 200 242 80 - Magenta 500 "For you": a human is needed. Dots and tints only #FF3FA4 RGB 255 63 164 - Terracotta 500 The only alert: expired, overdue, failed #C2664F RGB 194 102 79 - Slate 500 Secondary text, muted UI, hairlines #8A94B0 RGB 138 148 176 - Slate 700 Text-safe slate on Ice #5E6883 RGB 94 104 131 On Ice, use the 700 step for any coloured type. Body text must clear 4.5:1. Lime and Magenta never carry text. For print, specify Pantone: Cobalt 2727 C, Acid lime 380 C, Navy 5255 C, Ice 656 C. 03 / Typography ## Lexend for reading. Plex Mono for measuring. Aa Lexend Headings and body: anything a human reads. Bold 700 for headings with tracking tightening as size grows (-0.05em display, -0.035em H2). Body 400 at 15/1.6. Google Fonts, open licence. 01:24 IBM Plex Mono Anything measured: timestamps, counts, IDs, statuses, section labels. 500 weight, never a sentence, never above 13px except the 10px uppercase label. Google Fonts, open licence. Substitutes: system-ui then Helvetica Neue for Lexend; ui-monospace then Menlo for Plex Mono. The wordmark is outlined in every supplied file, so no font install is needed to use the logo. 04 / Usage ## Eight dots. One of them live. ### Construction Eight dots on a 100-unit grid. Seven take the text colour, the top-centre at 28% opacity. The centre of the middle row is the live dot, and the .ai in the wordmark always matches it exactly. There is no seven-dot version. ### Clear space One dot diameter on all sides, 16% of the mark width. Nothing enters it. ### Minimum sizes Mark alone16px / 6mmLockup24px tall / 8mmEmbroideryMark only, 20mm ### Choosing a version On Ice for light backgrounds, On Navy for dark. Mono white over photography or garments; mono black for one-colour print and engraving. Over busy photography, place a Navy scrim first. ### Please do not - Stretch, skew, rotate or re-space the dots - Recolour the mark or move the .ai away from the live-dot colour - Add outlines, shadows, bevels or glows - Place a gradient behind the wordmark - Remove a dot or redraw the mark by hand - Combine the logo with another mark to form a new one 05 / Permission ## What these files are for. ### You may use them to - Identify Wiity in articles, reviews and editorial coverage - Refer to Wiity in event listings, speaker or supplier lists - Link to Wiity or reference our work accurately ### They do not allow - Implying a partnership, sponsorship or endorsement by Wiity - Using altered or modified versions of the logo - Merchandise, co-branding or product use without written permission - Any transfer of ownership or rights in the Wiity brand For merchandise, co-branding or anything not covered here, [contact the Wiity team](https://wiity.ai/contact) before you start. Use of these files is subject to our [website terms](https://wiity.ai/terms) .