The ClayStage brand.
Everything you need to represent ClayStage — the primary lockup, the hexagon mark, our animated logo, brand colors and type. Please use the official assets below and keep the mark legible and unaltered.
ClayStage™
Download the marks.
SVG is the master format — it scales cleanly to any size. Use the white mark on dark surfaces; use the tiled mark when you need a self-contained badge with its own background.
The palette.
ClayStage is dark by default with a single signature: ClayStage Indigo. Hex values and the CSS variable names below come straight from the production stylesheet.
Two typefaces.
Inter carries the brand — wordmark, headings and body. Spline Sans Mono handles labels, kickers and code. Both are variable fonts.
Keep it clean.
A few simple rules keep the mark recognizable everywhere it appears.
Clear space & minimum size
Always leave breathing room around the logo equal to at least the height of the hexagon mark (1× on every side). Don’t crowd it with text, edges or other logos. Keep the mark at least 24 px tall on screen, and the full lockup at least 96 px wide so the wordmark stays legible.
Do
- Use the white mark on dark backgrounds and the tiled mark on light ones.
- Scale the SVG proportionally — it stays crisp at any size.
- Pair the logo with ClayStage Indigo (#6366F1) for accents.
- Give the mark generous clear space and a calm background.
Don’t
- Recolor, add gradients, outlines or drop shadows to the mark.
- Stretch, skew, rotate or otherwise distort the proportions.
- Place the white mark on a busy photo or low-contrast surface.
- Rebuild the wordmark in another font or rename the product.
About ClayStage.
ClayStage makes professional 3D simple enough for anyone — and powerful enough for pros. Stage a scene in clay, render it photoreal, animate it without a single keyframe, pose and style characters, and ship video and product shots. No Blender, no render farm, no 3D experience required.