Photography & Icons
Photography celebrates the beauty and precision of commercial cultivation. Icons use thick outline / geometric style at 24px construction size.
Photography Philosophy
Grownetics photography celebrates the beauty and precision of commercial cultivation. The grow room is a cathedral of light, science, and plant biology. Photos should feel like they belong in a scientific field manual -- not a lifestyle magazine.
Subject Hierarchy
Photo Mood
Precise, purposeful, quietly impressive. Not aspirational lifestyle. Not clinical sterility. The grow room is a working environment -- show it working.
Image Library (grownetics-website/public/images/)
| File | Description | Use Case |
|---|---|---|
| hero-bg.jpg | Grow room, 1920px wide | Hero backgrounds |
| hero-detail.jpg | Crop hexagon closeup | Accent use |
| platform-mockup.jpg | Multi-device CropVision mockup | Product showcase |
| flower-detail.jpg | Cannabis flower closeup (226KB) | Product detail, editorial |
| greenhouse.jpg | Greenhouse interior (160KB) | Context photography |
| chart-detail.jpg | Analytics / chart screenshot (89KB) | Data visualization context |
| testimonial-cody.jpg | Portrait, square crop | Testimonial cards |
| service-audit.jpg | Site evaluation imagery | Consulting service |
| service-cad.jpg | CAD / facility design | Foundation service |
| service-cultivation.jpg | Cultivation support | Consulting service |
| grow-room-illustration.png | Line illustration (44KB) | Technical illustration |
Image Treatment Rules
Apply a subtle warm gradient over photos to bring them into the Archival palette.
.img-warm::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(154, 136, 96, 0.06) 0%,
transparent 60%
);
pointer-events: none;
} The site-wide grain overlay (SVG feTurbulence at 2% opacity, position: fixed) applies over all photos naturally. Do not add additional grain on top.
Dark overlay at 15-20% opacity before the warm tint keeps photos from feeling washed out against the dark background.
Photography Don'ts
Icon Construction Rules
Thick outline / geometric style. All icons constructed on a 24px base grid. Consistent stroke weight across the entire set.
Construction Rules
✓ Stroke weight: 2px at 24px size (8.3% of icon size)
✓ Shape language: geometric -- circles, squares, hexagons
✓ Level of detail: reduced to essence
✓ Corner radius on rectangular forms: 2-3px
✓ Fill: none (outline only), except small solid accent shapes
Icon Don'ts
✕ Do not partially cut off icons in layouts
✕ Do not alter stroke weight or construction
✕ Do not mix icon styles from different families
✕ Do not use icons as elements within the logo
✕ Do not use overly detailed or realistic icons
Illustration Guidelines
Clean technical line art, architectural-drawing aesthetic, single color. The grow room line illustration establishes the style.
✓ Single-weight lines (consistent stroke, 1.5-2px)
✓ Geometric construction -- technical drawing, not freehand
✓ Colour: monochrome (one accent color maximum)
✓ No fills unless clearly intentional
✓ Architectural hatch patterns acceptable
✓ Facility infrastructure
✓ Control system diagrams
✓ Plant biology schematics
✓ Environmental data visualizations
✓ Sensor placement diagrams