Press & Foil

Real print finishes for your logo

Real print finishes for your logo — hot foil, emboss, letterpress, spot UV — lit by a light that follows the cursor. Built for brand studios, identity sites and product pages where a mark should look printed rather than photographed. Features - Five finishes: hot foil, blind emboss, deboss, letterpress, spot UV - Cursor-tracking light with weight and settle - Holographic foil built on a real diffraction grating, not a rainbow overlay - Paper, foil or transparent stock — foil stock plus a blind emboss reads as stamped metal - Procedural grain that never tiles, and differs between instances - Spot UV that only appears as the light moves, exactly like the real thing - WebGL2 with no libraries — nothing to load before it draws - Pauses when scrolled out of view, recovers from context loss - Drifts on touch devices, respects reduced motion Customization Options - Artwork: SVG or transparent PNG, with size, rotation and offset - Depth and bevel — sharp die through to sculpted relief - Foil colour, shade, roughness, brush direction and angle - Holographic amount and groove pitch - Ink colour for letterpress - Stock colour, shade and roughness - Grain amount and scale - Key light, cone size, edge softness, height and resting position - Fill light and reflection angle - Lag, and three motion modes How to Use - Paste the component onto your Framer canvas - Drop in an SVG or transparent PNG — its alpha becomes the press plate - Pick a finish and a stock - Set the light: Key light for power, Light size for the cone, Edge softness for its rim - Publish Use Cases - Brand and design studio sites - Logo reveals and hero marks - Packaging and product brand pages - Stationery and identity showcases - Luxury, beauty and spirits brands - Award and credit badges - Portfolio headers - Coming-soon and launch pages Updates are free — new versions reach you automatically. Questions: enffl0611@gmail.com

Real print finishes for your logo