Mac Caps — Ritual Industries

Debug

Show Descriptions

▶Hero

Constant orbit

Auto-rotate the hero model continuously.

Auto-return

Enable/disable the auto-return-to-rotation behavior.

Drag Orbit Axis

Which axis manual drag rotates around.

World Y (default)

Axis arrow

Show a red arrow indicating the current rotation axis.

Return delay

Seconds of inactivity before auto-rotation resumes after user drag.

Tilt X

Live tilt angle of the hero model on the X axis.

0.00

Tilt Z

Live tilt angle of the hero model on the Z axis.

0.00

Model Y offset

Vertical offset of the hero cap model.

0cm

Local Y Speed

Independent local-space Y-axis rotation speed.

0.003

World Y Speed

Independent world-space Y-axis rotation speed.

0.000

Tilt Speed

Lerp smoothing speed for tilt transitions.

0.06

Init Tilt X

Saved initial tilt X value (persists across reloads).

0.00

Init Rotation Y

Saved initial rotation Y value (persists across reloads).

0.00

Cap Cycle

Hold time

Seconds each cap stays fully visible before cycling to the next.

Drop dist

How far above its rest position a cap starts when dropping in.

5cm

Transition Duration

Duration of the drop-in and rise-out animation.

0.7s

User Pause (s)

Seconds to pause auto-cycling after the user picks a color.

5.0

Easing Type

Animation curve for drop/rise transitions.

Quad

Easing Power

Exponent for custom power easing (only used when type = Power).

2.0

Model Scale

Overall scale of the hero model group.

1.00

Wobble

Wobble Amplitude

Amount of gentle oscillation in the hero model tilt (0 = off).

0.000

Wobble Speed

Cycles per second of the wobble oscillation.

1.0

Fade Thresholds

Footer Fade

Scroll threshold where tagline/footer fades out (rawSec units).

0.50

Pills Fade

Scroll threshold where hero pill buttons fade out.

0.60

Color Strip Fade

Scroll threshold where color selector dots fade out.

0.50

Drag Sensitivity

Drag Orbit Sensitivity

Mouse drag sensitivity for orbit rotation.

0.006

Pan Speed

Mouse drag sensitivity for pan translation.

0.0005

Zoom Drag Speed

Mouse drag sensitivity for zoom (dolly).

0.003

Click Popup Timeout (ms)

How long the hero click popup stays visible.

3000

▶Material & Renderer

Exposure

Overall scene brightness via tone mapping exposure.

1.1

Roughness

Surface roughness of the cap material (0=mirror, 1=matte).

0.45

Metalness

Metallic quality of the cap material (0=plastic, 1=metal).

0.0

Tone mapping

Algorithm for mapping HDR colors to screen.

ACES Filmic

Wireframe

Render all models as wireframe outlines.

Camera FOV

Perspective camera field of view in degrees.

Pixel Ratio Cap

Max device pixel ratio. May need reload for full effect.

2.0

▶Lighting & Shadows

Shadows

Enable/disable shadow casting for the main light.

Key Light

Intensity

Intensity of the main directional light.

2.5

Color

Color of the main directional light.

Pos X

X position of the main directional light.

-1.5

Pos Y

Y position of the main directional light.

2.5

Pos Z

Z position of the main directional light.

1.5

Fill Light

Intensity

Intensity of the secondary fill light.

0.6

Color

Color of the secondary fill light.

Pos X

X position of the fill light.

2.0

Pos Y

Y position of the fill light.

0.5

Pos Z

Z position of the fill light.

-1.0

Ambient Light

Intensity

Intensity of the ambient light filling shadows.

0.25

Rim Light

Intensity

Brightness of the rim/back light.

0.40

Color

Rim light color.

Pos X

X position of the rim light.

0.0

Pos Y

Y position of the rim light.

-1.0

Pos Z

Z position of the rim light.

-2.0

Shadow Settings

Map size

Resolution of the shadow map texture.

2048

Type

Soft (PCFSoft), standard (PCF), or VSM shadow algorithm.

Soft PCF

Bias

Offset to prevent shadow acne artifacts.

-0.0010

Ground & Environment

Ground Shadow Opacity

Opacity of the shadow-receiving ground plane material.

0.25

Env Map Intensity

Environment map reflections on cap materials.

0.90

▶Scene & Environment

Background

Background color of the 3D scene.

Fog

Toggle distance fog in the scene.

Show Ground

Toggle the shadow-receiving ground plane on/off.

Ground Y

Vertical position of the shadow-receiving ground plane.

-2.6cm

Section Lines

Show colored horizontal lines at each camera section boundary.

— Hero — Gallery — Grid — CTA

Camera Scroll Lerp

Smoothing speed for scroll-driven camera movement.

0.10

▶Gallery

Gallery Y Offset (px)

Shift the entire gallery up (negative) or down (positive) from center.

0px

Photo Height (px)

Fixed height for all gallery images.

400px

Corner Radius (px)

Rounded corners on gallery images.

12px

Gap (px)

Space between gallery images.

16px

Gallery Width (%)

Width of the gallery track relative to viewport.

100%

Transition Speed (ms)

Duration of the slide animation.

600ms

Layout

Max Width (px)

Maximum container width for the gallery track.

1200px

Image Min Width (px)

Minimum width of each gallery image.

300px

Arrows

Arrow Size (px)

Diameter of the prev/next arrow buttons.

48px

Arrow Position (%)

Horizontal position of arrows from screen edge.

Dots

Dot Size (px)

Diameter of navigation dots.

6px

Dot Gap (px)

Space between navigation dots.

8px

Dot Active Scale

Enlargement of the active dot.

1.3

Dots Margin Top (px)

Space between gallery and dots.

24px

Captions

Caption Title Size (px)

Font size of the gallery caption title.

16px

Caption Desc Size (px)

Font size of the gallery caption description.

12px

Caption Desc Opacity

Opacity of the gallery caption description text.

0.55

Navigation Hitbox

Hitbox Width (%)

Width of the left/right navigation tap zones as percentage of gallery.

25%

Show Hitbox Outline

Toggle debug outline on navigation hitbox areas.

Arrow Opacity

Opacity of the arrow icon circles.

1.00

Arrow Blur (px)

Backdrop blur behind the arrow icon circles.

0px

Edge Fade

Fade Spread (px)

Width of the fade gradient on each side.

80px

Fade Inset (px)

Distance from window edge where fade begins.

0px

▶Product Grid

Column Spacing

Layout parameter for horizontal spacing in the product grid.

17cm

Row Spacing

Layout parameter for vertical spacing in the product grid.

10cm

Grid Shadows

Enable shadow casting for product grid models.

Grid Y

Vertical position of the product grid in world units.

-65cm

Grid Z

Depth position of the product grid in world units.

0cm

Cell Size

Size of each product grid cell in world units.

7cm

Camera look Y

Vertical aim point of the camera in the grid section.

-75cm

Camera Height

Vertical position of the camera in the grid section.

-55cm

Units

Switch between world-unit and screen-pixel display for grid sliders.

World (cm)

Breakpoints

BP1 (1-col below)

Responsive breakpoint for grid column layout changes.

480px

BP2 (2-col below)

Responsive breakpoint for grid column layout changes.

1200px

BP3 (3-col below)

Responsive breakpoint for grid column layout changes.

2800px

Wireframe

Wire opacity

Debug wireframe overlay opacity for grid bounding boxes.

0.18

Wire color

Debug wireframe overlay color for grid bounding boxes.

Wire scale

Debug wireframe overlay scale for grid bounding boxes.

1.00

Rotation

Lock World Up-Axis

Lock grid model up-axis to world Y.

Show up vectors

Visualize each grid model's local up direction.

Orbit Speed

Rotation speed of grid models.

Orbit Phase Offset

Offset between each grid model's rotation phase.

Model-in-Box

Show Bounding Boxes

Toggle wireframe bounding boxes as layout guides (default ON).

Model Scale

Scale of GLB model relative to its bounding box.

1.00

Model Y Offset

Vertical offset of model within its bounding box.

0.000

Cursor Rotation Strength

How strongly the mouse cursor affects grid model orientation on hover.

0.80

Hover Behavior

Hover Fade

Speed of the hover fade-in/out on grid models.

0.60

Hover Scale

Scale multiplier when hovering a grid model.

1.00

Hover Emissive

Emissive glow intensity on hovered grid model.

0.00

Base Opacity

Default opacity for all grid products (before hover).

0.40

Dim Others Opacity

Opacity of non-hovered models when one is hovered.

0.30

Hover Lerp

Smoothing speed for scale/emissive/opacity transitions.

0.10

Cursor Follow Lerp

Smoothing speed for cursor-driven rotation on hover.

0.030

Orbit Ramp Down

How fast orbit stops when hovering a model.

0.08

Orbit Ramp Up

How fast orbit resumes after un-hovering.

0.010

Max Tilt

Maximum pitch angle for grid model tilt.

0.26

Mac Mini Rise

Mac Mini Rise (s)

Duration of Mac Mini base entrance animation per grid product.

1.00

Label Customization

Label Style

Visual style of the hover label: Float, Tooltip, Overlay, or None.

Float

Label Offset (px)

Vertical offset of hover label below model center.

Label Name Size

Font size of the product name in the hover label.

Label Name Color

Color of the product name in the hover label.

#f5f5f7

Label CTA Size

Font size of the CTA text in the hover label.

Label CTA Color

Color of the CTA text in the hover label.

#6e6e73

Label BG Opacity

Background opacity of the hover label.

0.60

Label BG Radius

Border radius of the hover label background.

Label BG Blur

Backdrop blur of the hover label background.

Label X Offset (px)

Horizontal offset of the hover label from its default position.

0px

Label Y Offset (px)

Vertical offset of the hover label from its default position.

0px

Label Scale

Size multiplier for the entire hover label.

1.00

Label Alignment

Text alignment of the hover label (affects transform anchor). Center

▶CTA Section

Left (wireframe)

Position X

X position of the left (wireframe) model in the Own It section.

-7

Position Y

Y position of the left (wireframe) model in the Own It section.

-88

Position Z

Z position of the left (wireframe) model in the Own It section.

Rotation Y (deg)

Y rotation of the left CTA model.

29°

Rotation X (deg)

X-axis rotation of the left (wireframe) CTA model in degrees.

0°

Rotation Z (deg)

Z-axis rotation of the left (wireframe) CTA model in degrees.

0°

Opacity

Maximum opacity of the left CTA model.

0.70

Right (solid)

Position X

X position of the right (solid) model in the Own It section.

Position Y

Y position of the right (solid) model in the Own It section.

-88

Position Z

Z position of the right (solid) model in the Own It section.

Rotation Y (deg)

Y rotation of the right CTA model.

-29°

Rotation X (deg)

X-axis rotation of the right (solid) CTA model in degrees.

0°

Rotation Z (deg)

Z-axis rotation of the right (solid) CTA model in degrees.

0°

Opacity

Maximum opacity of the right CTA model.

0.85

Both

Scale

Size multiplier for both CTA models.

0.60

Mirror

Mirror position and rotation changes between left and right models.

Buttons

Button Width (px)

Width of the CTA action buttons.

220px

Padding Vertical (px)

Vertical padding inside CTA buttons.

28px

Padding Horizontal (px)

Horizontal padding inside CTA buttons.

32px

Border Radius (px)

Corner rounding of CTA buttons.

16px

Text & Timing

Headline Size (px)

Font size of the CTA headline text.

72px

Fade-in Start

Scroll position (0-4) where CTA section starts fading in.

2.5

Fade-out End

Scroll position (0-4) where CTA section finishes fading out.

3.5

Label Size (px)

Font size of the CTA sub-label text.

11px

Label Tracking

Letter spacing of the CTA sub-label.

0.14em

Layout Offsets

Text Block Y (px)

Vertical offset of the CTA label and headline text block.

0px

Buttons Y (px)

Vertical offset of the CTA buttons block.

0px

Button Text

Text Align

Horizontal alignment of button text (left / center / right).

Title Size (px)

Font size of button title text (e.g. "Download").

36px

Subtitle Size (px)

Font size of button subtitle text (e.g. "Pay what you want.").

11px

Entrance Animation

Show Mac Minis

Toggle Mac Mini visibility in CTA section.

Mini Fade Duration (s)

How long the Mac Minis take to fade in.

0.50

Left Btn Delay (s)

Delay before left button starts fading in.

0.50

Left Drop Delay (s)

Delay before left cap starts dropping.

1.00

Left Drop Duration (s)

How long the left cap takes to drop into place.

0.80

Right Btn Delay (s)

Delay before right button starts fading in.

2.10

Right Drop Delay (s)

Delay before right cap starts dropping.

2.60

Right Drop Duration (s)

How long the right cap takes to drop into place.

0.80

Drop Height

How far above the caps start before dropping.

0.15

▶FAQ Section

Fade-in Start

Scroll position (0-4) where FAQ section starts fading in.

3.5

Question Size (px)

Font size of FAQ question text.

15px

Answer Size (px)

Font size of FAQ answer text.

13px

Answer Line Height

Line height of FAQ answer paragraphs.

1.65

Grid Gap (px)

Gap between FAQ image and questions columns.

48px

Accordion Speed (s)

Transition duration for FAQ accordion open/close.

0.35s

Row Padding (px)

Vertical padding of each FAQ row.

16px

Arrow Size (px)

Font size of FAQ accordion arrows.

14px

FAQ Image

Image Max Width (px)

Maximum width of the FAQ placeholder image.

400px

Image Corner Radius (px)

Border radius of the FAQ placeholder image.

12px

Image X Offset (px)

Horizontal offset of the FAQ placeholder image.

0px

Image Y Offset (px)

Vertical offset of the FAQ placeholder image.

0px

▶UI Elements

Page Layout

Scroll Indicator

Style of the scroll-down indicator.

None

Margin (px)

Global page margin (CSS --margin variable).

44px

Snap Scroll Timing (ms)

Delay before snap scroll completes and re-enables input.

650ms

Pill Buttons

Bottom Y (px)

Vertical position of the hero pill buttons from the bottom.

144px

Gap (px)

Gap between the hero Download/Order pill buttons.

12px

H Padding (px)

Horizontal padding inside the hero pill buttons.

24px

V Padding (px)

Vertical padding inside the hero pill buttons.

12px

Border Radius (px)

Corner rounding of the hero pill buttons.

999px

Primary bg

Background color of the primary hero pill button.

Secondary opacity

Opacity of the secondary hero pill button background.

0.06

Title Size (px)

Font size of pill button title text.

16px

Subtitle Size (px)

Font size of pill button subtitle text.

10px

Footer

Link Font Size (px)

Font size of footer links.

11px

Wordmark Size (px)

Font size of the Ritual Industries wordmark.

14px

Link Gap (px)

Spacing between footer links.

24px

Muted Opacity

Opacity of muted footer text.

0.45

Footer Height (px)

Height of the footer bar.

16px

Logo Height (px)

Height of the Ritual Industries logo in the footer.

18px

Font size of the copyright text.

11px

Opacity of the copyright text.

0.45

Vertical offset of the copyright text.

0px

Brand Link (RITUAL.INDUSTRIES)

Font Size (px)

Font size of the RITUAL.INDUSTRIES link.

11px

Opacity

Opacity of the RITUAL.INDUSTRIES link.

0.45

Tracking (em)

Letter spacing of the RITUAL.INDUSTRIES link.

0.15em

Y Offset (px)

Vertical position of the RITUAL.INDUSTRIES link.

0px

X Offset (px)

Horizontal position of the RITUAL.INDUSTRIES link.

0px

Theme Toggle

Dark BG Color

Background color in dark mode.

Light BG Color

Background color in light mode.

Toggle Top (px)

Vertical position of the theme toggle button.

54px

Toggle Size (px)

Size of the theme toggle button.

28px

Toggle Opacity

Resting opacity of the theme toggle button.

0.50

Toggle Hover Opacity

Hover opacity of the theme toggle button.

0.90

Toggle Icon Size (px)

Size of the sun/moon icon inside the theme toggle button.

16px

Toggle Right (px)

Distance from the right edge of the viewport.

44px

Theme Colors

Light Mode BG

Background color when light mode is active.

Light Mode FG

Text/foreground color when light mode is active.

Scrollbar

Width (px)

Width of the page scrollbar.

6px

Thumb Color

Color of the page scrollbar thumb.

#404040

Thumb Opacity

Opacity of the page scrollbar thumb.

0.15

Thumb Hover Opacity

Opacity of the page scrollbar thumb on hover.

0.30

Track Color

Color of the page scrollbar track.

#000000

Corner Radius (px)

Corner radius of the page scrollbar thumb.

3px

Back-to-Top Arrow

Arrow Size (px)

Font size of the back-to-top arrow icon.

12px

Arrow Offset (px)

Vertical offset of the arrow relative to the label.

-5px

Typography

Product Name Size (px)

Font size of the product name in the header.

52px

Tagline Size (px)

Font size of the tagline in the hero footer.

14px

Tagline Max Width (px)

Maximum width of the tagline text block.

320px

Tagline Line Height

Line height of the tagline text.

1.50

▶Advanced

Edit text

Toggle contenteditable mode to edit any visible text on the page.

Advanced

Boolean Test (CSG)

Toggle CSG boolean test on the hero model.

The Collection

Studio setup with Mac Mini

Questions

How do I download the digital file? ▾

After selecting your configuration and completing a pay-what-you-want payment (including $0), you'll receive an instant download link for your STL and GLB files.

What file formats are included? ▾

Downloads include .stl (for most slicers) and .glb (for 3D preview and rendering). Files are sized for standard FDM and resin printers.

What does "pay what you want" mean? ▾

You choose the price — including free. If you find value in this project, any amount helps fund future Mac Caps designs. No pressure.

How does physical ordering work? ▾

Physical orders are fulfilled in batches once a group threshold is reached. You provide shipping info upfront but won't be charged until the batch is confirmed. Estimated lead time: 4-6 weeks after threshold.

Can I organize a group purchase? ▾

Yes. If you want to coordinate an order for your team or community, reach out directly. Group orders get priority queue placement.

What are the print quality guidelines? ▾

For best results: 0.2mm layer height or finer, 3+ perimeters, 15-20% infill. PETG or ABS recommended. PLA works but may warp under heat.

DIY 3D printing resources? ▾

We recommend Bambu Lab (easiest out-of-box), Prusa MK4 (reliable), Orca Slicer (free, great supports), and Printables.com for community slicing profiles.

What's your return policy? ▾

We accept returns within 30 days of delivery for unused caps in original condition. Contact us to initiate a return.

Will this fit my Mac Mini? ▾

Mac Caps are designed specifically for the Mac Mini M4 (2024). They are not compatible with earlier Mac Mini models, which have different top panel dimensions.

Download Mac Cap

How ordering works

Download Mac Cap

Thank you.

Order Physical Mac Cap

You're on the list.

Get One.