BRAND KIT

The Clipy brand kit.

Logos, social-ready covers, avatars, color tokens, and fonts. Free for press, partners, and our own marketing. Every asset is generated from the same source — re-run node scripts/generate-social-assets.mjs to regenerate the set.

AVATARS

Profile avatars

Pre-sized monograms for every social profile. Square by default; most platforms crop to a circle.

Facebook avatar
Facebook avatar
180×180
PNGSVG
Instagram avatar
Instagram avatar
320×320
PNGSVG
X / Twitter avatar
X / Twitter avatar
400×400
PNGSVG
LinkedIn avatar
LinkedIn avatar
400×400
PNGSVG
WhatsApp avatar
WhatsApp avatar
640×640
PNGSVG
Hi-res square
Hi-res square
1024×1024
App-store / press use.
PNGSVG
COVERS

Covers and headers

Profile / channel / page banners for the major social platforms, sized to each platform's current spec.

Facebook cover
Facebook cover
1200×630
PNGSVG
Facebook cover (mobile)
Facebook cover (mobile)
1640×720
PNGSVG
X / Twitter header
X / Twitter header
1500×500
PNGSVG
LinkedIn company banner
LinkedIn company banner
1128×191
PNGSVG
LinkedIn personal banner
LinkedIn personal banner
1584×396
PNGSVG
YouTube channel banner
YouTube channel banner
2560×1440
TV-safe inset 545 px each side.
PNGSVG
YouTube thumbnail
YouTube thumbnail
1280×720
PNGSVG
POSTS

Posts and pins

Vertical and square formats for in-feed posts, stories, and pins.

Instagram post (square)
Instagram post (square)
1080×1080
PNGSVG
Instagram story
Instagram story
1080×1920
PNGSVG
Pinterest pin
Pinterest pin
1000×1500
PNGSVG
Square (hi-res)
Square (hi-res)
2048×2048
PNGSVG
EMAIL

Email banners

Frame-less variants designed to sit at the top of a transactional or newsletter email.

Email banner
Email banner
600×200
Embed in transactional emails.
PNGSVG
Email banner (wide)
Email banner (wide)
1200×300
Newsletter / promo header.
PNGSVG
ICONS

Favicons and touch icons

The bitmap icons we ship for browser tabs, OS docks, and iOS home-screen pins.

Favicon (full size)
Favicon (full size)
PNG · transparent
Browser tab favicon source.
PNG
Favicon 32×32
Favicon 32×32
32×32
PNG
Favicon 16×16
Favicon 16×16
16×16
PNG
Apple touch icon
Apple touch icon
180×180
iOS home-screen icon.
PNG
LAUNCH

Product Hunt, BetaList, press

Pre-sized assets for launch platforms that ask for specific aspect ratios. Product Hunt is the strictest spec; the rest accept these or anything from the Avatars / Covers sections.

Product Hunt thumbnail
Product Hunt thumbnail
240×240
Product Hunt crops to a circle. Also works for BetaList (200×200) and Indie Hackers (400×400) — they accept square sources.
PNGSVG
Product Hunt gallery / press hero
Product Hunt gallery / press hero
1270×760
Product Hunt gallery spec. Also fits as a press hero or AppSumo card.
PNGSVG
Hi-res square (AppSumo, press)
Hi-res square (AppSumo, press)
1024×1024
Same file as the Avatars section — listed here for findability.
PNGSVG
PITCHES

Canonical copy, ready to paste

Five lengths plus a maker bio. Pick the one that fits the field you're filling in. Edit here in the repo when the canonical wording changes — keep this the single source of truth for any Clipy listing.

Super-short
Slack status · OS app-store search blurb · favicons-with-text
~20 chars · 21
Free screen recorder.
Tagline
Hero subhead · social-bio one-liner · meta title supplement
~40–60 chars · 39
Screen recording, without the friction.
Short description
BetaList tagline · X/Twitter bio · Indie Hackers product description
~140 chars · 136
Clipy is a free, no-watermark screen recorder for Mac, Chrome, and the web. Record, get a share link, send — no signup wall for viewers.
Medium description
Product Hunt description · AppSumo card · LinkedIn page summary
~260 chars · 249
Clipy is a free, no-watermark screen recorder for Mac, Chrome, and the web. Hit record, stop, paste a share link — no signup, no time cap, no app for the viewer. Built by Codersera as the recorder we wished existed when Loom started gating features.
Long description
Press release boilerplate · About-this-product on listing platforms · grant / accelerator applications
~450 words · 1983
Clipy is a free, no-watermark screen recorder for Mac, Chrome, and the web. It was built by Codersera as the recorder its team wished existed: hit record, stop, paste a share link. No watermark, no five-minute cap, no signup wall for the person watching. The recording flow is free in the same way a tape measure is free — it's a tool, not a tier. ​ Clipy ships in three places, each tuned to where its users already work. The native Apple Silicon menu-bar app for macOS records to a hotkey and streams the upload as it captures, so the share link is ready the moment Stop is pressed. The Chrome extension records screen, tab, window, or webcam from inside the browser most users already have open — works on Windows, Linux, ChromeOS, and macOS. And the browser-based recorder at clipy.online runs without an install, useful when neither the Mac app nor an extension is appropriate. ​ Every recording produces an instantly shareable link. Viewers open the link in any browser, on any device, without creating an account or downloading software. Clipy's product position is that the recording itself should never be the friction — the friction is the watermark in the corner, the five-minute timer, the "sign up to watch" page in front of the video. ​ Clipy is built by Shubh and the team at Codersera. The project is small on purpose: no fundraising, no growth team, no roadmap pressure to invent paid tiers. That choice keeps the surface area small and the product honest. ​ The free-ness extends to the share experience. Viewers don't get an upsell, an interstitial, or a "sign up to watch the next clip" wall. The link opens, the video plays, the page is the player. Slack and other tools unfurl the link as a card; the recording itself stays on Clipy's CDN. ​ Built with Next.js on the web and Tauri (Rust) on macOS, Clipy uses Backblaze B2 for video storage and serves recordings through a global CDN. ​ Find Clipy at https://clipy.online. Press inquiries: support@clipy.online.
Maker bio
Product Hunt maker profile · press author bio · podcast intro
~30 words · 170
Clipy is built by Shubh and the team at Codersera. Free screen recording for Mac, Chrome, and the web — no watermark, no time cap, no signup wall for the person watching.
OG CARDS

Default OG / Twitter cards

The fallback social-share image when a specific page doesn't render a custom one. Most Clipy routes generate per-page OG via /api/og — these are the static defaults.

Default OG card (1200×630)
Default OG card (1200×630)
1200×630
Standard og:image for Facebook, X, LinkedIn, Slack.
PNGSVG
Twitter summary_large_image
Twitter summary_large_image
1200×300
Wide aspect — good for inline link previews.
PNGSVG
BRAND SYSTEM

Colors, fonts, do's and don'ts

The same Flash design tokens powering the rest of clipy.online. Don't invent new colors or fonts.

COLOR TOKENS
Flash 500
#FF4D29
Primary brand · CTAs · key UI
Flash 600
#E63C1C
Hover / pressed states
Pink
#FF2778
Gradient mid-stop
Purple
#9B1EFF
Gradient end-stop
Spark 500
#FFB020
Warm accent · spotlights
Link 500
#00C2FF
Informational accent · links
Ink 950
#0A0D16
Dark canvas (default theme)
Ink 700
#252B3A
Borders, subtle dividers
Stone 100
#EEF0F5
Primary text on dark
Stone 400
#9CA3B5
Muted text
Cream 50
#FAF6F0
Light canvas (alt theme)
TYPEFACE
Gabarito

Variable-weight sans-serif. Used across every Clipy surface — UI, marketing, social. Free from Google Fonts. Weights 400 (body / UI) and 700 (headlines / wordmark) are what the kit uses.

WEIGHT 400
Body / UI text
WEIGHT 600
Section labels
WEIGHT 700
Headlines + wordmark
DO / DON'T
DoUse the mark on a dark or cream background
The gradient was built for Ink-950 and Cream-50. Both pass the contrast bar.
Don'tRecolor the mark
Don't replace the orange-pink-purple gradient with flat colors or alternate hues.
DoKeep the mark square or circular
Avatars crop to circles on most platforms. Our rounded-square fallback is safe.
Don'tStretch or rotate the wordmark
The wordmark is set in Gabarito Bold with a specific gradient. Don't squeeze it to fit.
DoUse Gabarito for headlines and UI
Sans-serif. Available free from Google Fonts. Weight 700 for headlines, 400 for body.
Don'tAdd a tagline different from ours
Clipy's tagline is "Screen recording, without the friction." Don't write a new one.

Press, partners, integrations

Everything on this page is free to use when referencing Clipy. Don't alter the mark, the wordmark, or the gradient. If you need a variant we don't ship, email support@clipy.online and we'll figure it out.

About Clipy →