Official Press & Brand Assets

PixelClean Brand Kit

Official design assets, vector logo suite, mathematical color tokens, typography standards, and editorial guidelines for press, partners, and integrations.

Display, Body & Monospace Fonts

Outfit establishes an authoritative modern display tone. Plus Jakarta Sans handles dense micro-typography. JetBrains Mono formats technical equations.

Display & Headings

Outfit

Headings, hero titles, brand lockups, statistics

Weights: 600, 700, 800 · Variable Google Font
font-family: var(--pc-font-display);
Body & Interface

Plus Jakarta Sans

Body copy, UI buttons, interactive forms, navigation, technical callouts

Weights: 400, 500, 600, 700 · Variable Google Font
font-family: var(--pc-font-body);
Technical & Formulas

JetBrains Mono / monospace

Equations, color codes, file dimensions, API parameters

Weights: 400, 500 · Code & Matrix Representation
font-family: var(--pc-font-mono);

Brand Voice & Vocabulary

PixelClean relies on mathematical precision and client privacy. Never present PixelClean as an "AI eraser" or blurry inpainting tool.

Approved Terminology (Do)

  • Say "Lossless reconstruction" or "Reverse-alpha blend inversion"
  • Say "100% in-browser, zero server uploads"
  • Emphasize mathematical pixel accuracy and preservation
  • Clarify visible watermark focus (transparent overlay removal)
  • Highlight privacy: files never leave client memory

Prohibited Vocabulary (Don't)

  • Never call it "AI magic", "generative hallucination", or "AI erase"
  • Never claim removal of invisible watermarks or SynthID
  • Never describe it as "blurring" or "inpainting"
  • Do not spell the brand name as "pixelclean", "Pixel Clean", or "PIXELCLEAN"

Official Logo Suite

All 8 canonical vector assets in SVG format. Maintain at least 1X clear margin equal to the squircle corner radius. Do not distort, rotate, or re-color.

Horizontal Logo (Dark Background)

Horizontal Logo (Dark Background)

Size: 220x48 · Format: SVG
Best for: Navigation bars, dark footers, presentation slides

Horizontal Logo (Light Background)

Horizontal Logo (Light Background)

Size: 220x48 · Format: SVG
Best for: Light documents, press releases, white page headers

Stacked Logo (Dark Background)

Stacked Logo (Dark Background)

Size: 160x130 · Format: SVG
Best for: Square social profiles, splash screens, centered hero modules

Stacked Logo (Light Background)

Stacked Logo (Light Background)

Size: 160x130 · Format: SVG
Best for: White print badges, app directories, physical media

Canonical Color Mark

Canonical Color Mark

Size: 64x64 · Format: SVG
Best for: App icons, browser favicons, avatar placeholders

Circular App Mark

Circular App Mark

Size: 64x64 · Format: SVG
Best for: Circular platform avatars (Twitter, GitHub, Discord)

Monochrome White Mark

Monochrome White Mark

Size: 64x64 · Format: SVG
Best for: Single-color applications, dark laser engraving, monochrome prints

Monochrome Dark Mark

Monochrome Dark Mark

Size: 64x64 · Format: SVG
Best for: Black-and-white documents, receipts, monochrome stamps

Color Palette & Contrast

Click any swatch to copy the hex code. The palette meets WCAG AAA for contrast on body copy and WCAG AA for primary interactive states.

primary
Emerald Core
HEX#10b981
RGB16, 185, 129
HSL160, 84%, 39%
Primary brand accent, primary CTA button, active indicators
interactive
Emerald Strong
HEX#059669
RGB5, 150, 105
HSL161, 94%, 30%
Button hover state, focused outlines, high-contrast dark accents
secondary
Cyan Studio
HEX#06b6d4
RGB6, 182, 212
HSL189, 94%, 43%
Gradient end stop, video studio accents, secondary glows
background
Ink Canvas
HEX#0b0f14
RGB11, 15, 20
HSL213, 29%, 6%
Studio canvas, dark topbar, root dark background
text
Slate Typography
HEX#0f172a
RGB15, 23, 42
HSL222, 47%, 11%
Primary headings and high-contrast text on light surfaces
surface
Soft Surface
HEX#f8fafc
RGB248, 250, 252
HSL210, 40%, 98%
Light page background and low-contrast card fills
border
Border Subdued
HEX#e2e8f0
RGB226, 232, 240
HSL214, 32%, 91%
Card boundaries, subtle dividers, inactive borders

Dynamic Gradients & Glows

Gradients simulate directional illumination across interactive elements.

Signature 135° Emerald → Cyan

Primary Interactive Gradient

linear-gradient(135deg, #10b981 0%, #06b6d4 100%)

Ambient Neon Emerald Glow

Elevation & Glow Token

--pc-glow: 0 0 20px rgba(16, 185, 129, 0.22)

Corner Radii & Interactive Motion

Test and preview motion duration tokens and physics curves. PixelClean balances subtle mechanical deceleration with crisp spring snap.

Motion Curve Live SandboxComparing --pc-ease-standard vs --pc-ease-spring
Curve: cubic-bezier(0.34, 1.56, 0.64, 1)Duration: 240ms
8px — SmallTags, micro-buttons, inputs
12px — MediumCards, dropdowns, panels
18px — LargeHero containers, modals
999px — PillPill badges, CTA buttons

Press Assets & Boilerplate

High-resolution raster cards for articles, reviews, social media previews, and editorial coverage.

OpenGraph Banner 1200x630

Social Share Card (1200×630)

Standard OpenGraph landscape banner optimized for Twitter/X cards, LinkedIn, and Facebook.

Download PNG
Square Avatar Cover 1200x1200

Square Profile Cover (1200×1200)

Square 1:1 asset for directory icons, podcast covers, newsletter avatars, and app listings.

Download PNG

Official Press Boilerplate

PixelClean (developed by Insyra Labs) is a free, 100% in-browser studio for removing Google Gemini and Veo watermarks. Unlike generative AI inpainting tools that smear pixels, PixelClean mathematically inverts the watermark's alpha blending equation, restoring the original image and video pixels without blur or server uploads. Learn more at https://pixelclean.qrpress.in.

W3C DTCG Design Tokens

Import PixelClean design tokens directly into Figma, Style Dictionary, Tailwind, or CSS modules.

W3C DTCG JSON Specification

Conforms to the Design Tokens Community Group specification with type annotations and descriptions.

Canonical CSS Custom Properties

Ready-to-import stylesheet defining all --pc-* variables.