The Grotto brand kit
The logos, wordmarks, colors and type the site itself uses, ready for press, partners and community creators. Every file here is the same one the platform ships.
Every logo, wordmark and banner as supplied, plus a readme with the palette and rules.
11 files across 2 collections
The Grotto
The hooded mark, the wordmark and the surfaces they live on. Use the mark on its own for icons and avatars, and the wordmark wherever the name needs to be read.
Hooded mark
The master of the app icon. The header, favicon and desktop app ship a 512 pixel export of this file.
- Format
- PNG
- Dimensions
- 2048×2048
- Background
- Transparent
Wordmark
The title lockup in the site header and home hero. White with a black keyline; both invert it to black on the light theme.
- Format
- PNG
- Dimensions
- 1024×435
- Background
- Transparent
Square avatar
The mark on a full red field for social profiles and anywhere that crops to a square or a circle.
- Format
- PNG
- Dimensions
- 1280×1280
- Background
- Opaque
App icon
The 512 pixel export the site ships: the header logo, footer, Apple touch icon and the fallback image for tokens and collections.
- Format
- PNG
- Dimensions
- 512×512
- Background
- Transparent
Favicon
The 32 pixel browser tab icon, as an ICO file.
- Format
- ICO
- Dimensions
- 32×32
- Background
- Transparent
Reaper emblem
The round reaper sticker that fronts the gANALOG token. It carries The Grotto sign inside the artwork.
- Format
- PNG
- Dimensions
- 1024×1024
- Background
- Transparent
Dungeon banner
The lava-lit hallway behind the home hero and the fallback cover for games, assets and collectibles that have no art of their own.
- Format
- PNG
- Dimensions
- 2163×727
- Background
- Opaque
Analog Distortions
The series by Wrath that lives on The Grotto. Its wordmark, emblem and skyline art share one pink-and-cyan world; keep them on black.
Wordmark
The series title in its own slashed lettering. White with a black keyline and drop shadow, made for dark backgrounds.
- Format
- PNG
- Dimensions
- 1000×300
- Background
- Transparent
Round emblem
The hooded wanderer inside a cyan ring. It fronts the ANALOG token.
- Format
- PNG
- Dimensions
- 2048×2048
- Background
- Transparent
Key art
The square cover for the featured Analog Distortions series in Market.
- Format
- PNG
- Dimensions
- 2048×2048
- Background
- Opaque
Banner
The wide skyline used on the landing page and as the featured series banner.
- Format
- PNG
- Dimensions
- 1440×480
- Background
- Opaque
Colors
Select a swatch to copy its hex value. Site colors are listed with the CSS token they come from; artwork colors are sampled from the files above.
The Grotto
The site is dark by default: near-black surfaces, warm off-white type and one orange for everything that can be acted on. The light theme keeps the same roles.
Analog Distortions
The hub sits on static black with hot pink controls. The masthead splits into red and cyan channels, which is where the artwork's sky colors come from.
Typography
Three faces cover the whole platform. Rubik carries the interface, Geist Mono carries data, and Another Danger belongs to Analog Distortions alone.
Launch games, trade assets, build community.
Rubik
Interface and headings
Loaded from Google Fonts in weights 300 to 900. Every heading, button and paragraph on the site is set in Rubik.
SIL Open Font License
Rubik on Google Fonts0x1f3d · 4,096 players online · v1.2.3
Geist Mono
Code, data and labels
Registered alongside Rubik and used for the stats, labels and code samples on the Studio landing.
SIL Open Font License
Geist by VercelANALOG DISTORTIONS
Another Danger
Analog Distortions masthead
The series display face, set in capitals at large sizes only. Body copy in the hub stays in Rubik and Geist Mono.
Licensed from The Branded Quotes and embedded for the site. Not redistributed here.
Guidelines
A few rules keep the marks recognizable wherever they travel.
Do
- Use the files as supplied. Scale them proportionally and leave clear space around each mark of at least a tenth of its width.
- Place the white wordmarks on dark or saturated backgrounds. On light backgrounds, use the black version the header produces by inverting the Grotto wordmark.
- Write the platform name as The Grotto and the series as Analog Distortions. Product names such as Grotto Studio and Grotto Advance keep their own capitalization.
- Link back to enterthegrotto.xyz when you show the marks in press coverage, streams or community posts.
Don’t
- Recolor, outline, skew, rotate or add effects to the marks and wordmarks.
- Rebuild the wordmarks in another typeface or set other names in Another Danger.
- Combine the marks with other logos in a way that suggests a partnership or endorsement that does not exist.
- Use the artwork as the identity of your own game, token or collection.
The Grotto and Analog Distortions names, marks and artwork belong to their owners. These files are shared so press, partners, integrations and community creators can refer to The Grotto accurately. Ask through Help before any other use.