Brand # The mark, and everything drawn from it A 3×3 grid with one node lit. The grid is every surface a purchase decision actually gets made on; the lit node is the one being measured right now, and in motion it steps around the nine positions. Every file below is generated from a single token file, so none of them can drift from the others. ASSETS : 27 WALK CYCLE : 5s MARK FLOOR : 16px [Download everything](https://rewalto.com/brand/rewalto-brand-kit.zip)27 ASSETS · ZIP · PLUS FAVICON.ICO AND THE MANIFEST The mark ## One node lit, and it moves The walk is a 5s cycle of ten beats, and it holds two of them at centre. It jumps between positions and never tweens: the node is a measurement moving from one surface to the next, and a dot sliding between two pin codes is describing something that does not happen. 64PX · WALKING 37PX · DEFAULT 16PX · THE FLOOR Below 16px the unlit grid stops reading and the mark degrades to a single dot, which is not the mark. Clear space is one full node pitch on every side, and nothing enters it. Download ## Icons and favicons Dark rounded square, mark centred. ![](https://rewalto.com/brand/apple-touch-icon.png) ### apple-touch-icon.png iOS home screen, 180x180. iOS rounds the corners itself. 180px · 7.2 KB[Download](https://rewalto.com/brand/apple-touch-icon.png) ![](https://rewalto.com/brand/icon-128.png) ### icon-128.png macOS and Linux app icons. 128px · 5.0 KB[Download](https://rewalto.com/brand/icon-128.png) ![](https://rewalto.com/brand/icon-16.png) ### icon-16.png Browser tab, smallest. The mark fills the tile here -- clear space would push it under its 16px floor. 16px · 627 B[Download](https://rewalto.com/brand/icon-16.png) ![](https://rewalto.com/brand/icon-192.png) ### icon-192.png Android home screen and the PWA manifest's small icon. 192px · 5.4 KB[Download](https://rewalto.com/brand/icon-192.png) ![](https://rewalto.com/brand/icon-32.png) ### icon-32.png Browser tab, standard, and the smallest size the grid reads at with clear space. 32px · 1.0 KB[Download](https://rewalto.com/brand/icon-32.png) ![](https://rewalto.com/brand/icon-48.png) ### icon-48.png Browser tab at 150% display scaling, and Windows' small tile. 48px · 1.7 KB[Download](https://rewalto.com/brand/icon-48.png) ![](https://rewalto.com/brand/icon-512.png) ### icon-512.png PWA splash, store listings, and anywhere that wants a master. 512px · 22.5 KB[Download](https://rewalto.com/brand/icon-512.png) ![](https://rewalto.com/brand/icon-64.png) ### icon-64.png Desktop shortcuts and small app tiles. 64px · 2.4 KB[Download](https://rewalto.com/brand/icon-64.png) Download ## The animated mark The signature motion. It steps; it never slides. ![](https://rewalto.com/brand/mark-walk-128.gif) ### mark-walk-128.gif The walking node, standard. Use this one unless you know why not. 128px · 5.5 KB[Download](https://rewalto.com/brand/mark-walk-128.gif) ![](https://rewalto.com/brand/mark-walk-256.gif) ### mark-walk-256.gif The walking node, large. Presentations and video. 256px · 10.6 KB[Download](https://rewalto.com/brand/mark-walk-256.gif) ![](https://rewalto.com/brand/mark-walk-64.gif) ### mark-walk-64.gif The walking node, small. Ten beats, loops forever. 64px · 3.4 KB[Download](https://rewalto.com/brand/mark-walk-64.gif) Download ## Lockups Mark and wordmark, at fixed proportions. ![](https://rewalto.com/brand/lockup-dark.png) ### lockup-dark.png Mark and wordmark for a dark ground, 1x. 5.0 KB[Download](https://rewalto.com/brand/lockup-dark.png) ![](https://rewalto.com/brand/lockup-dark@2x.png) ### lockup-dark@2x.png Mark and wordmark for a dark ground, 2x for retina. 12.1 KB[Download](https://rewalto.com/brand/lockup-dark@2x.png) ![](https://rewalto.com/brand/lockup-dark@3x.png) ### lockup-dark@3x.png Mark and wordmark for a dark ground, 3x. 18.4 KB[Download](https://rewalto.com/brand/lockup-dark@3x.png) ![](https://rewalto.com/brand/lockup-light.png) ### lockup-light.png Mark and wordmark for a light ground, 1x. 5.0 KB[Download](https://rewalto.com/brand/lockup-light.png) ![](https://rewalto.com/brand/lockup-light@2x.png) ### lockup-light@2x.png Mark and wordmark for a light ground, 2x for retina. 12.2 KB[Download](https://rewalto.com/brand/lockup-light@2x.png) ![](https://rewalto.com/brand/lockup-light@3x.png) ### lockup-light@3x.png Mark and wordmark for a light ground, 3x. 18.5 KB[Download](https://rewalto.com/brand/lockup-light@3x.png) Download ## Share cards What a link to rewalto.com unfurls as. ![](https://rewalto.com/brand/og-data.png) ### og-data.png Share card for /data. 1200x630. 62.1 KB[Download](https://rewalto.com/brand/og-data.png) ![](https://rewalto.com/brand/og-home.png) ### og-home.png Share card for /, carrying that page's own headline. 1200x630. 57.9 KB[Download](https://rewalto.com/brand/og-home.png) ![](https://rewalto.com/brand/og-pricing.png) ### og-pricing.png Share card for /pricing. 1200x630. 61.3 KB[Download](https://rewalto.com/brand/og-pricing.png) ![](https://rewalto.com/brand/og-services.png) ### og-services.png Share card for /services. 1200x630. 63.0 KB[Download](https://rewalto.com/brand/og-services.png) ![](https://rewalto.com/brand/og-square.png) ### og-square.png Link preview card, 1200x1200. Instagram and some LinkedIn surfaces crop to this. 38.9 KB[Download](https://rewalto.com/brand/og-square.png) ![](https://rewalto.com/brand/og.png) ### og.png Link preview card, 1200x630. What X, Slack and LinkedIn show. 21.7 KB[Download](https://rewalto.com/brand/og.png) Download ## JPG For surfaces that will not take a PNG. ![](https://rewalto.com/brand/icon-120.jpg) ### icon-120.jpg Google's OAuth consent screen logo. 120x120 is the size it renders at, and JPG is one of the three formats it takes. 120px · 2.8 KB[Download](https://rewalto.com/brand/icon-120.jpg) ![](https://rewalto.com/brand/icon-512.jpg) ### icon-512.jpg A large square in JPG, for directories and ad platforms that reject PNG. 512px · 13.0 KB[Download](https://rewalto.com/brand/icon-512.jpg) ![](https://rewalto.com/brand/og-square.jpg) ### og-square.jpg The square share card as JPG, same reason. 35.6 KB[Download](https://rewalto.com/brand/og-square.jpg) ![](https://rewalto.com/brand/og.jpg) ### og.jpg The landscape share card as JPG, for anywhere that will not take the PNG. 18.3 KB[Download](https://rewalto.com/brand/og.jpg) Colour ## One accent, and it follows its ground There is one hue. It is rationed to one thing per view, and it changes value rather than staying fixed: at full voltage it is legible only on a dark ground, so on paper the accent darkens instead of being used anyway. #C6FF3D ### Accent The accent at full voltage. Dark grounds only -- 1.97:1 on paper, which is not a preference. #536E0A ### Accent, as ink on light What the accent becomes on paper, gated at 4.5:1. #0A0B0A ### Page The dark page. Near-black, faintly warm. #F2F4F1 ### Paper The light page. #2E332A ### Dim grid node The eight unlit nodes on a dark ground. #CBCEC4 ### Dim grid node, on paper The eight unlit nodes on a light ground. Rules ## Four things the mark is never allowed to do Four things the mark is never allowed to do | The mark | Never | | --- | --- | | The grid | Never rotate the grid, and never change its pitch. The geometry is the mark. | | The lit node | Never light more than one node on the brand mark. A different lit set is a different product. | | The accent | Never recolour the lit node away from the accent of the ground it is on. | | The ground | Never place it on a photograph, or on any ground that competes with it. | Using these assets does not imply that Rewalto endorses you or your product. If you need the mark for something these files do not cover, ask first.