Downloads
The official logo files, and the brand’s values as files that tools can read.
The logo files
#The logo and the app icon can be taken from here, as the files Patepang itself builds with. Everything else on this site is shown with its rules and stays in Patepang’s own repositories.
Download every logo fileOne ZIP archive, 258 KB: every file below and the rest of the package.
The wordmark
Wordmark, soft blueOn ivory, navy and pale blue, from 160 px wide.SVGPNG
Wordmark, deep blueOn ivory, white and pale blue under 160 px, and in print with one ink.SVGPNG
Wordmark, whiteOn soft blue at large sizes, and on deep blue and navy.SVGPNG
Wordmark, memoryOnly in a memory moment: soft blue with the panyecek in apricot.SVGPNG
The app icon
App icon, with cornersPreviews and the web.SVGPNG
App icon, full squareiOS, which rounds it itself, and the source of every raster copy.SVGPNG
App icon, darkNavy with a soft blue pa.SVGPNG
App icon, roundProfile pictures.SVGPNG
The archive also holds the master wordmark, whose strokes take the color of the text around them; every shape as outlines; the wordmark’s two cuts, tepang and pa; the pa alone for one-color layers; the favicon; and Android’s three layers.
Using the logo
#Anyone may show the wordmark or the icon beside honest words about Patepang, by the rules of the Intellectual property policy: taken from these files, shown flat, in its official colors, and never redrawn, slanted or stretched.
It may not be used so that people think someone is Patepang, works with Patepang or is endorsed by it; as the name or icon of another app, site, account or product; or on merchandise.
Any other use needs written permission. Ask for it at hi@patepang.com.
The values as files
#The brand’s values also come as two files a tool can read: its colors with their roles in light and dark, the type scale, spacing, corners, and motion. Both are written from the same data as these pages, so a value here and a value there cannot differ.
| File | What it is |
|---|---|
tokens.json | Every value as JSON, with the version of each part of the brand. |
tokens.css | The same as CSS custom properties, with the roles’ dark values under the dark scheme. |
They are a copy to build with. The app and the sites keep their own tokens, and this site reports them.
What is not offered here
#Patepang Sans, Ikon Patepang, Ilustrasi Patepang and the sounds are for Patepang’s own products and communication. Their files are not offered here.
| Part | Where the team finds it |
|---|---|
| Patepang Sans | packages/ui/src/system/fonts/patepang-sans |
| Ikon Patepang | packages/icons |
| Ilustrasi Patepang | packages/illustrations |
| The sounds | apps/brand/public/assets/sound, once they arrive |
All of it in the repository patepang/web, brought in by one tool: tools/brand-assets.ts.