Free Sacred Geometry & Golden Ratio Overlay Generator—
gemini-3.0-flash
gemini-3.0-flashOverlay Metatron's Cube, Golden Ratio spirals, and sacred geometry grids onto your images instantly. Perfect for graphic design, layout, and art composition.
What This App Does
Overlay Metatron's Cube, Golden Ratio spirals, and sacred geometry grids onto your images instantly. Perfect for graphic design, layout, and art composition. — generated by gemini-3.0-flash and published by @Akhenaten on Slopstore. Categorized under Utility, this app is part of Slopstore's curated collection of AI-generated tools and experiments. Run it free in your browser. No installation needed.
AI Generation Prompt
Sacred Geometry & Golden Ratio Composition Utility
A professional-grade, browser-based composition aid that allows designers, artists, and architects to superimpose mathematical patterns over their images for perfect alignment.
Core Features
- Pattern Library: Toggle between Metatron's Cube, Golden Ratio Spiral (Fibonacci), Phi Grid (Golden Grid), and Rule of Thirds.
- Image Manipulation: Upload any standard image format (JPG/PNG). Adjust image brightness, contrast, and grayscale on-the-fly to emphasize composition over color.
- Layer Controls: Independent controls for overlay opacity, line thickness, and line color (hex picker).
- Precision Transformation: Rotate, scale, and shift the geometric overlay relative to the base image to find the perfect "hook" or "center" of the composition.
- Export: Download the composite image or just the geometry mask (transparency supported).
- Privacy-First: Zero server uploads. All processing occurs in local memory.
UI Layout
- Header: Clean title with a minimalist icon and a "How to Use" modal button.
- Main Work Area: Split-screen or full-width canvas viewport with the image and overlay centered.
- Sidebar (Right/Bottom):
- File Input: Custom stylized "Upload" button.
- Pattern Selector: Radio buttons or dropdown with clear visual thumbnails of each pattern.
- Adjustment Sliders: Opacity, Scale, Rotation, Line Weight.
- Color Picker: Floating palette for geometric lines.
- Download Button: Prominent button with a distinct "download" action.
Aesthetics
- Palette: Use a clean, vibrant aesthetic. Background:
#F8FAFC(Slate 50). Accents:#3B82F6(Blue 500) for active states. Text:#1E293B(Slate 800). - Typography: Inter or System-UI sans-serif for high readability.
- Transitions: Smooth 200ms ease-in-out transitions on all slider interactions and hover states. No jerky UI jumps.
- Shadows: Use soft, subtle drop shadows on the canvas container to lift it from the background.
Developer Directives
- No Storage: Do not use
localStorage,sessionStorage, or cookies. Maintain state solely in a JavaScript object. - Iframe Compatibility: Ensure all CSS is scoped to the app container. Do not rely on fixed viewport heights that might break in restricted iframe containers; use
vhunits cautiously andflexlayouts. - Responsive: Use CSS Grid and Flexbox for a fluid layout that stacks controls below the canvas on smaller screens and moves them to a sidebar on large screens.
- Performance: The canvas must refresh at 60fps for slider adjustments. Debounce the rendering if necessary to prevent layout jitter.
- Light Mode Only: Enforce a strict light-mode design. Ensure all text meets WCAG contrast requirements against the light background.
Spread the word
gemini-3.0-flashFiles being used
Frequently Asked Questions
Everything you need to know about using this application.
How does this sacred geometry overlay tool work?
This tool functions entirely within your web browser, using the HTML5 Canvas API to render geometry directly on top of your uploaded image. When you select a pattern like Metatron’s Cube or the Golden Spiral, the application calculates the mathematical coordinates relative to the dimensions of your uploaded photo, ensuring perfect alignment without any server-side processing. Because this application runs locally in your browser, your image data never leaves your computer or gets uploaded to a server. You maintain complete privacy and control over your files, and the tool provides a seamless, instant feedback loop for adjusting the alignment, scale, and rotation of the geometric overlays.
Why is the Golden Ratio important for design and composition?
The Golden Ratio, often represented by the Greek letter Phi (1.618), is a mathematical proportion found frequently in nature, from the spiral of shells to the arrangement of leaves. In design and art, applying this ratio creates compositions that are aesthetically pleasing and balanced, providing a natural focal point that guides the viewer's eye through the work intuitively. By using our Golden Ratio overlay, you can precisely place elements in your designs to replicate these natural patterns. This consistency helps in creating professional-grade web layouts, photography compositions, and artistic illustrations that feel inherently harmonious and structured, rather than arbitrary or cluttered.
What is the purpose of the Metatron's Cube overlay?
Metatron’s Cube is a complex two-dimensional geometric figure composed of thirteen circles with lines from the center of each circle extending out to the centers of the other twelve circles. It is frequently used by artists and architects to establish complex, interconnected structural grids that provide a sense of depth, balance, and interconnectedness in a piece of work. Using this overlay on your projects allows you to align visual elements with the complex intersections of the cube, creating a sense of sacred geometry and underlying order. It is an excellent tool for designers looking to infuse their work with structured, mathematical complexity while maintaining visual symmetry and formal clarity.
Is this tool mobile-friendly and does it require account creation?
The tool is fully responsive and optimized for mobile devices, tablets, and desktop monitors alike. We prioritize a clean, lightweight, and accessible user interface, meaning you can open this utility in any modern web browser without needing to sign up for an account, log in, or provide any personal details whatsoever. Furthermore, because we use a single-file architecture without server-side storage, you can bookmark this page or add it to your home screen for instant, offline-capable access. We aim to provide a high-performance utility that respects your time and privacy, ensuring a frictionless experience every time you need to align your creative projects.
Related Applications
Free Drone Wind Speed & Crosswind Drift Calculator
Calculate drone flight adjustments with this free online wind speed and crosswind drift vector tool. Plan safe flight paths by determining ground speed quickly.
Free Kombucha Scoby Hotel Feeding Schedule Generator
Effortlessly manage your Kombucha Scoby hotel. Use our free feeding schedule generator to calculate tea and sugar ratios and track maintenance intervals easily.
Free Sourdough Starter Temperature vs Yeast Activity Calculator
Optimize your sourdough baking with our free online tool. Visualize how proofing box temperatures impact yeast activity, fermentation speed, and starter health.
Free EDI X12 Syntax Highlighter & Parser Tool
Easily visualize and parse complex EDI X12 files with our free syntax highlighter. Analyze ISA, GS, ST, and SE segments instantly with an intuitive web interface.
Discover more free AI apps on Slopstore — the community platform for hosting AI-generated web applications.