{
"schemaVersion": 1,
"organization": "6am",
"version": "0.7.0",
"locale": "en",
"photography": {
"ui": {
"label": "Image direction / Photography",
"title": "Real work has a story.",
"intro": "Editorial photography of professionals in action: serving, preparing, repairing and making decisions. Show the person, the gesture and the workplace with energy, proximity and the business’s own colors.",
"disclosure": "AI-generated demonstration scene. It does not depict a real 6am client, team member or project.",
"subjectsTitle": "Person. Context. Detail.",
"subjectsText": "Build a sequence: show who does the work, where it happens and what makes it specific. The crops below come from the same demonstration image.",
"lightTitle": "Light and color that feel natural.",
"cropTitle": "The crop tells the story, too.",
"cropText": "Compare formats before choosing a photo. The face, gesture and tool must remain legible. Adjust the focal point for each layout; do not rely on an automatic center crop.",
"format": "Format",
"focus": "Horizontal crop position",
"cropNote": "Position is relative to the crop’s excess space: 0% aligns left, 100% right. At 3:2, the full image fits and the control has no effect.",
"copyCrop": "Copy crop CSS",
"treatmentTitle": "Natural first. Duotone with intent.",
"treatmentText": "Compare the same framing. Duotone maps shadows and highlights to two palette colors; it is not a translucent green overlay. Use it as an occasional editorial treatment without losing detail.",
"treatment": "Treatment",
"original": "Original",
"result": "Result",
"shadows": "Shadows",
"highlights": "Highlights",
"copyTreatment": "Copy SVG + HTML recipe",
"stepsTitle": "Preparing a duotone",
"applicationTitle": "Let the image support the message.",
"applicationText": "Natural photography leads this example. Text occupies a separate solid strip, away from the face and gesture. The logo uses its official dark-surface asset. On mobile, the composition stacks without cropping content.",
"headline": "Every detail moves a business forward.",
"applicationLabel": "Editorial example",
"checkTitle": "Before using the image",
"resourcesTitle": "Direction ready for production",
"resourcesText": "Take the guide to a photo shoot or an AI brief. The demonstration file and recipes can be accessed directly; treatments leave the original unchanged.",
"guide": "Copy photography guide",
"json": "Rules and recipes · JSON",
"builder": "Prepare an image brief",
"status": "Pilot direction. The synthetic example demonstrates the visual language; an owned documentary photo library and treatment approval still need curation.",
"directionTitle": "Professionals doing the work."
},
"subjects": [
{
"id": "people",
"title": "People in action",
"text": "Show a recognizable task, attentive expressions and natural relationships. Preserve faces, hands and tools; technology takes part without becoming a spectacle."
},
{
"id": "context",
"title": "Places that explain",
"text": "Include enough of the setting to understand the work. Order does not require erasing signs of use. Avoid generic offices that could belong to any brand."
},
{
"id": "detail",
"title": "Texture that brings us closer",
"text": "Explore paper, wood, fabric, metal and real business surfaces. Choose details that explain the process. A close-up unrelated to the story becomes decoration."
}
],
"light": [
{
"id": "lighting",
"title": "Believable light",
"text": "Use ambient light or controlled flash consistent with the setting. Keep skin and materials recognizable, with clear contrast and shadow detail. Avoid blown highlights and exaggerated cinematic grading."
},
{
"id": "color",
"title": "Faithful skin and materials",
"text": "Adjust exposure and white balance before stylizing. Preserve skin tones and product colors. Lime may appear in a real detail without tinting the entire scene."
},
{
"id": "texture",
"title": "Contrast without exaggeration",
"text": "Keep texture and small imperfections. Avoid skin smoothing, sharpening halos and crushed shadows that hide the action."
},
{
"id": "series",
"title": "Consistency across the sequence",
"text": "Combine photos with compatible light and color temperature. Alternate wide shots, medium shots and details. A sequence should feel like one story."
}
],
"treatments": [
{
"id": "natural",
"title": "Natural color",
"text": "Default for people, products, testimonials and case studies. Preserves color information that helps people recognize the work.",
"shadow": null,
"highlight": null
},
{
"id": "mono",
"title": "Black and white",
"text": "Editorial alternative when shape and gesture matter more than color. Avoid when color identifies a product, material or condition.",
"shadow": "ink",
"highlight": "white"
},
{
"id": "duotone",
"title": "Ink + lime",
"text": "Accent treatment for covers and conceptual campaigns. Do not use to demonstrate product color, skin tone, results or a documentary condition.",
"shadow": "ink",
"highlight": "lime"
}
],
"steps": [
{
"id": "source",
"title": "01 / Choose the image",
"text": "Use a sharp image with clear shapes. Preserve the original and correct exposure and white balance before applying a treatment."
},
{
"id": "mapping",
"title": "02 / Map shadows and highlights",
"text": "Convert to grayscale and apply a gradient map: 6am ink in shadows and lime in highlights. Use the recipe’s HEX values without substituting approximate colors."
},
{
"id": "check",
"title": "03 / Check the details",
"text": "Check faces, hands, tools and texture. If the treatment flattens the scene or removes important information, return to natural color."
},
{
"id": "output",
"title": "04 / Review in context",
"text": "Apply text and logo on separate layers. Check the crop at its final size and keep the original, treated version and origin record."
}
],
"asset": {
"id": "ceramics-workshop",
"src": "/assets/design/6am/photography/ceramics-workshop-ai.png",
"format": "png",
"width": 1536,
"height": 1024,
"bytes": 2268115,
"origin": "ai-generated",
"status": "demonstration",
"approvedBy": null,
"generatedAt": "2026-09-08",
"focalPosition": {
"x": 75,
"y": 50
},
"title": "Ceramics workshop — AI-generated example",
"alt": "AI-generated scene of an artisan inspecting a ceramic bowl in a naturally lit workshop."
},
"status": "pilot",
"formats": [
{
"id": "landscape",
"ratio": "3 / 2",
"label": "3:2"
},
{
"id": "square",
"ratio": "1 / 1",
"label": "1:1"
},
{
"id": "portrait",
"ratio": "4 / 5",
"label": "4:5"
}
],
"visualLanguage": "photographic",
"direction": [
{
"id": "action",
"title": "Capture the action",
"text": "Preparing a dish, serving a customer, packing an order or checking a repair. Choose a specific moment with a clear gesture and a visible purpose."
},
{
"id": "proximity",
"title": "Get close to the work",
"text": "Use eye-level, medium and close views that connect people, hands, tools and customers. Let the workplace give context; a camera-facing portrait is not the default."
},
{
"id": "color",
"title": "Keep the business’s own colors",
"text": "Keep the colors of clothing, food, products and interiors. Use believable ambient light or controlled flash, with clear contrast and texture. The setting does not need to match the brand palette."
},
{
"id": "language",
"title": "Photographic language",
"text": "Use photographic detail, real-world proportions and believable optics. Exclude drawings, painting, vector art, collage, 3D renders and stylized skin. If generated with AI, keep the photographic appearance and identify its synthetic origin."
}
]
},
"photoGradients": [
{
"id": "photo-ink",
"color": "ink",
"foreground": "white",
"logoSurface": "dark",
"title": "Dark overlay",
"status": "pilot",
"layers": [
{
"type": "linear",
"angle": 90,
"stops": [
{
"color": "ink",
"position": 0,
"opacity": 1
},
{
"color": "ink",
"position": 36,
"opacity": 1
},
{
"color": "ink",
"position": 65,
"opacity": 0
}
]
}
],
"css": "linear-gradient(90deg, #0A0C00 0%, #0A0C00 36%, rgba(10, 12, 0, 0) 65%)",
"background": "#0A0C00",
"textColor": "#FFFFFF",
"logoSrc": "/assets/img/logo/logo-6am-white.svg",
"imageSrc": "/assets/design/6am/photography/ceramics-workshop-ai.png",
"imageOrigin": "ai-generated",
"imageStatus": "demonstration",
"message": {
"headline": "Good work.\nIn focus.",
"body": "Space for the people behind every good idea."
},
"guidance": [
"Keep the message and logo within the opaque area. The transition starts after the reading area, away from the face.",
"Fade the overlay to transparency; preserve natural skin tones, hands and the object being made. This is a local overlay, not a duotone treatment.",
"Keep the original logo proportions and a clear margin around it. Use the white-lettering asset on ink and the dark-lettering asset on white.",
"On narrow layouts, put the message on a solid surface below the photo. Review the crop and contrast again when changing the image."
],
"disclosure": "AI-generated demonstration scene. It does not depict a real 6am client, team member or project.",
"contentLeft": 6,
"contentWidth": 28,
"mobileBreakpoint": 640
},
{
"id": "photo-white",
"color": "white",
"foreground": "ink",
"logoSurface": "light",
"title": "Light overlay",
"status": "pilot",
"layers": [
{
"type": "linear",
"angle": 90,
"stops": [
{
"color": "white",
"position": 0,
"opacity": 1
},
{
"color": "white",
"position": 36,
"opacity": 1
},
{
"color": "white",
"position": 65,
"opacity": 0
}
]
}
],
"css": "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 36%, rgba(255, 255, 255, 0) 65%)",
"background": "#FFFFFF",
"textColor": "#0A0C00",
"logoSrc": "/assets/img/logo/logo-6am-dark.svg",
"imageSrc": "/assets/design/6am/photography/ceramics-workshop-ai.png",
"imageOrigin": "ai-generated",
"imageStatus": "demonstration",
"message": {
"headline": "Good work.\nIn focus.",
"body": "Space for the people behind every good idea."
},
"guidance": [
"Keep the message and logo within the opaque area. The transition starts after the reading area, away from the face.",
"Fade the overlay to transparency; preserve natural skin tones, hands and the object being made. This is a local overlay, not a duotone treatment.",
"Keep the original logo proportions and a clear margin around it. Use the white-lettering asset on ink and the dark-lettering asset on white.",
"On narrow layouts, put the message on a solid surface below the photo. Review the crop and contrast again when changing the image."
],
"disclosure": "AI-generated demonstration scene. It does not depict a real 6am client, team member or project.",
"contentLeft": 6,
"contentWidth": 28,
"mobileBreakpoint": 640
}
],
"treatments": [
{
"id": "natural",
"title": "Natural color",
"text": "Default for people, products, testimonials and case studies. Preserves color information that helps people recognize the work.",
"shadow": null,
"highlight": null,
"shadowHex": null,
"highlightHex": null,
"filterId": "ds-6am-photo-natural",
"channels": null,
"html": "\n"
},
{
"id": "mono",
"title": "Black and white",
"text": "Editorial alternative when shape and gesture matter more than color. Avoid when color identifies a product, material or condition.",
"shadow": "ink",
"highlight": "white",
"shadowHex": "#0A0C00",
"highlightHex": "#FFFFFF",
"filterId": "ds-6am-photo-mono",
"channels": [
[
0.0392156862745098,
1
],
[
0.047058823529411764,
1
],
[
0,
1
]
],
"html": "\n\n"
},
{
"id": "duotone",
"title": "Ink + lime",
"text": "Accent treatment for covers and conceptual campaigns. Do not use to demonstrate product color, skin tone, results or a documentary condition.",
"shadow": "ink",
"highlight": "lime",
"shadowHex": "#0A0C00",
"highlightHex": "#E3FF04",
"filterId": "ds-6am-photo-duotone",
"channels": [
[
0.0392156862745098,
0.8901960784313725
],
[
0.047058823529411764,
1
],
[
0,
0.01568627450980392
]
],
"html": "\n\n"
}
],
"cropCss": ".sixam-photo-crop {\n display: block;\n width: 100%;\n height: auto;\n aspect-ratio: 4 / 5;\n object-fit: cover;\n object-position: 75% 50%;\n}"
}
![\"AI-generated](\"/assets/design/6am/photography/ceramics-workshop-ai.png\")
\n"
},
{
"id": "mono",
"title": "Black and white",
"text": "Editorial alternative when shape and gesture matter more than color. Avoid when color identifies a product, material or condition.",
"shadow": "ink",
"highlight": "white",
"shadowHex": "#0A0C00",
"highlightHex": "#FFFFFF",
"filterId": "ds-6am-photo-mono",
"channels": [
[
0.0392156862745098,
1
],
[
0.047058823529411764,
1
],
[
0,
1
]
],
"html": "\n