Overplay / Brand resources
Feedback,
in its place.
A little context. The right assets.
Everything you need to write about Overplay.
SVG + PNG logos · Colors · Fonts · Press copy · 505 KB
What is Overplay?
Website feedback, pinned to the right place. Overplay helps teams and clients comment directly on website elements, discuss the details, and resolve feedback in context.
02 / Recognition
One mark. Always Overplay.
A pin meets a conversation. Use the full logo when there’s room, and the symbol when space is tight.
SVG artwork uses outlined lettering. PNG files have transparent backgrounds. All symbol variants are included in the full kit.
03 / Color
Blue brings the focus.
Quiet surfaces make room for the work. One clear blue points to what matters. Select a swatch to copy its HEX value.
Resolved #0F9A6C
Danger #C43D3D
AI accent #6D4FE0
State colors have a job: green confirms, red flags destructive actions, and violet identifies AI features. They do not replace brand blue.
Download Color & Design Tokens04 / Typography
Clear by character.
Inter is our everyday voice. Open, readable, and precise, from a short comment to a big idea.
Aa
Inter
Variable sans serif
Try the type ↓
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ! ?
Display / 64
Make a point.
Heading / 32
Keep the context.
Body / 16
Use plain language, short sentences, and a clear next step. Let the message do the work.
Inter is included under the SIL Open Font License. Use the supplied font files or get it from the official Inter project ↗.
05 / The details
Quiet shape. Clear purpose.
Soft corners, fine outlines, and a fading dot pattern. Familiar details that keep Overplay feeling like Overplay.
Leave a Comment A small detail.
A clear conversation.
A small detail.A clear conversation.
Soft, never shapeless.
Pill-shaped actions. Rounded cards. Hairline borders instead of heavy shadows.
12px · 16px · 26px · pillA pattern with breathing room.
Dots add a little texture to brand surfaces. Keep them subtle and clear of text.
Brand blue + quiet white dots
06 / Good company
Give the mark some room.
A few simple rules help everyone recognize Overplay, wherever it appears.
Room to breathe
Keep at least one quarter of the symbol’s height clear around the artwork. Keep text, edges, and other logos outside this space.
24px symbol height / 120px logo width
Recommended minimum sizes for digital use.
Use the original artwork.
Choose the right version for its background. Keep its proportions and give it enough contrast.
No creative adjustments.
Do not stretch, rotate, recolor, add effects, rearrange the lettering, or place the logo on a busy image.
One word. One capital O.
Write Overplay. Keep the spelling and capitalization consistent in headlines and body copy.
07 / Ready to share
A good place to start.
Writing a story, adding a listing, or introducing Overplay? Here are the words and files to get you going.
In one sentence
Overplay lets teams and clients leave comments directly on website elements, discuss feedback in threads, and resolve it in context.
A little more context
Overplay is a website feedback tool for designers, developers, agencies, and product teams. People pin comments to elements on a live website, keep discussions together in threads, and track what is resolved. A web dashboard, iPhone and Android apps, and MCP integration help teams follow the conversation across their tools.
Download Product Description ↓
The press kit
Official logos, an editorial brand graphic, colors, fonts, product copy, a fact sheet, and usage notes.
Download Everything Just the Brand Graphic ↓The essentials
Overplay, at a glance.
- What it is
- A website feedback and collaboration tool
- Who it’s for
- Designers, developers, agencies, and product teams
- Where it works
- Website widget, web dashboard, iPhone, and Android
- How it’s available
- Overplay Cloud and self-hosted Community
- Connects with
- AI coding tools through MCP integration
- Official website
- overplay.app ↗
Features and access vary by edition and plan. Use Overplay as the product name. Overplay.Design is the name of this resource page.
Pick just what you need.
Brand resources updatedZIPComplete Press KitLogos, fonts, brand graphic, copy & fact sheet505 KB ZIPLogos Only12 files · SVG + transparent PNG · usage notes232 KB PNGEditorial Brand Graphic1600 × 900 px · PNG · not a product screenshot75 KB PNGBrand Pattern1600 × 900 px · blue background + fading dots · no logo or text51 KB TXTProduct Fact SheetPlain text · ready for an article or listing1 KB
Need a product screenshot?
Ask for current product images, a specific screen, or a different format. The blue graphic in this kit is brand artwork.
Request Press Images ↗Need something else?hello@overplay.app
These assets are provided for editorial coverage and accurate references to Overplay. Please do not imply an endorsement or partnership. Overplay retains its brand rights.