ITI Pioneers Studio — Graduation Canvas Studio

1. Auto-Arrange Layout

Choose a distribution pattern for the 55 circles:

2. Spacing & Offsets

Fine-tune spacing between circles and position them on the canvas:

Vertical Shift (All Down/Up) +35 px

Brings all circles down to clear header & logos

Horizontal Distance (Gap X) 68 px

Distance between neighbor circles in each row

Vertical Distance (Gap Y) 98 px

Distance between rows (95–115px gives full label clearance)

Wing Spread (In / Out) 0 px

Spreads left & right wings outward or inward

3. Quick Nudge & Selection

Selection Target:

4. Canvas Background

Background Style:

5. Circle Styles & 4 Theme Colors

Choose circle patterns (dotted, dashed, double, neon glow) and customize 4 theme colors:

Circle Border Pattern & Look:

🎨 4-Color Distribution Mode:

Curated Palette Presets:

🎯 Custom 4 Colors (Click to Customize):

Color 1 (Hero) #d62828

Color 2 (Gold) #e5a93c

Color 3 (Cyan) #00b4d8

Color 4 (Accent) #10b981

Ring Thickness 2.5 px

Neon Glow / Shadow Aura 0 px

Adds vibrant outer aura matching each circle color

🛡️ Empty Edge Fill (When Head is Shifted): Prevents dark empty voids when pushing heads down

Upload Custom Frame Overlay (Optional PNG):

6. Typography & Labels

Font Family:

Label Placement & Collision Mode:

🏛️ Label Content (Branch & Track):

Student Name Color:

#0f172a

Track & Branch Color:

#b91c1c

📦 Label Box Controls

Box Background Style:

Box Opacity (Transparency) 94%

Slide to 0% for pure transparent floating text

Box Corner Roundness 4 px

Distance from Circle 4 px

Font Size 9.5 px

Controls name & track text scale on all circles

Font Boldness (Weight):

7. Scale & Width

Circle Size (Width): 100%

Canvas Banner Width:

Constellation Lines

Export Options:

Edit Student

📊 ITI Pioneers Statistics & Overview

🏛️ Students by Branch

💻 Students by Track