guide.nomos.tech/docs/visual-language/photography.mdx

82 lines
5.8 KiB
Plaintext
Raw Normal View History

2023-11-24 14:50:07 +00:00
---
title: Photography
displayed_sidebar: null
sidebar_class_name: hidden
---
import { ImageGrid } from "@site/src/components/mdx"
export const portraits = [
{ src: "/photography/Logos-Photography-01.png", img: require("/photography/Logos-Photography-01.png") },
{ src: "/photography/Logos-Photography-02.png", img: require("/photography/Logos-Photography-02.png") },
{ src: "/photography/Logos-Photography-03.png", img: require("/photography/Logos-Photography-03.png") },
{ src: "/photography/Logos-Photography-04.png", img: require("/photography/Logos-Photography-04.png") },
{ src: "/photography/HIO-Photography-01.png", img: require("/photography/HIO-Photography-01.png") },
{ src: "/photography/HIO-Photography-02.png", img: require("/photography/HIO-Photography-02.png") },
{ src: "/photography/HIO-Photography-03.png", img: require("/photography/HIO-Photography-03.png") },
{ src: "/photography/HIO-Photography-04.png", img: require("/photography/HIO-Photography-04.png") },
]
export const activismImages = [
{ src: "/photography/Activism-1.png", img: require("/photography/Activism-1.png") },
{ src: "/photography/Activism-2.png", img: require("/photography/Activism-2.png") },
{ src: "/photography/Activism-3.png", img: require("/photography/Activism-3.png") },
{ src: "/photography/Activism-4.png", img: require("/photography/Activism-4.png") },
{ src: "/photography/Activism-5.png", img: require("/photography/Activism-5.png") },
{ src: "/photography/Activism-6.png", img: require("/photography/Activism-6.png") },
{ src: "/photography/Activism-7.png", img: require("/photography/Activism-7.png") },
{ src: "/photography/Activism-8.png", img: require("/photography/Activism-8.png") },
{ src: "/photography/Activism-9.png", img: require("/photography/Activism-9.png") },
{ src: "/photography/Activism-10.png", img: require("/photography/Activism-10.png") },
{ src: "/photography/Activism-11.png", img: require("/photography/Activism-11.png") },
{ src: "/photography/Activism-12.png", img: require("/photography/Activism-12.png") },
{ src: "/photography/Activism-13.png", img: require("/photography/Activism-13.png") },
{ src: "/photography/Activism-14.png", img: require("/photography/Activism-14.png") },
]
export const conceptualImages = [
{ src: "/photography/Conceptual-1.png", img: require("/photography/Conceptual-1.png") },
{ src: "/photography/Conceptual-2.png", img: require("/photography/Conceptual-2.png") },
{ src: "/photography/Conceptual-3.png", img: require("/photography/Conceptual-3.png") },
{ src: "/photography/Conceptual-4.png", img: require("/photography/Conceptual-4.png") },
{ src: "/photography/Conceptual-5.png", img: require("/photography/Conceptual-5.png") },
{ src: "/photography/Conceptual-6.png", img: require("/photography/Conceptual-6.png") },
{ src: "/photography/Conceptual-7.png", img: require("/photography/Conceptual-7.png") },
{ src: "/photography/Conceptual-8.png", img: require("/photography/Conceptual-8.png") },
{ src: "/photography/Conceptual-9.png", img: require("/photography/Conceptual-9.png") },
{ src: "/photography/Conceptual-10.png", img: require("/photography/Conceptual-10.png") },
{ src: "/photography/Conceptual-11.png", img: require("/photography/Conceptual-11.png") },
{ src: "/photography/Conceptual-12.png", img: require("/photography/Conceptual-12.png") },
{ src: "/photography/Conceptual-13.png", img: require("/photography/Conceptual-13.png") },
{ src: "/photography/Conceptual-14.png", img: require("/photography/Conceptual-14.png") },
{ src: "/photography/Conceptual-15.png", img: require("/photography/Conceptual-15.png") },
{ src: "/photography/Conceptual-16.png", img: require("/photography/Conceptual-16.png") },
{ src: "/photography/Conceptual-17.png", img: require("/photography/Conceptual-17.png") },
{ src: "/photography/Conceptual-18.png", img: require("/photography/Conceptual-18.png") },
{ src: "/photography/Conceptual-19.png", img: require("/photography/Conceptual-19.png") },
{ src: "/photography/Conceptual-20.png", img: require("/photography/Conceptual-20.png") },
{ src: "/photography/Conceptual-21.png", img: require("/photography/Conceptual-21.png") },
{ src: "/photography/Conceptual-22.png", img: require("/photography/Conceptual-22.png") },
{ src: "/photography/Conceptual-23.png", img: require("/photography/Conceptual-23.png") },
]
We have a unique photography style for each of the following categories; Portraits, Activism, and Conceptual.
## Portraits
This style, primarily used for podcast promotion, incorporates black-and-white visuals with dramatic lighting when feasible. It typically frames subjects with a good amount of head and shoulders. Try to ensure guest consent when possible.
<ImageGrid mode="square-thumbnails" xs={{cols: 2, gap: "16px"}} md={{cols: 4, gap: "16px"}} images={portraits} />
## Activism
This style is predominantly employed for Network State Press articles and presentations, featuring a black-and-white color scheme. It integrates a journalistic approach with both stock photography and real-life imagery from protests and demonstrations. While a preference is given to free resources, licensed content can also be considered.
<ImageGrid mode="square-thumbnails" xs={{cols: 2, gap: "16px"}} md={{cols: 4, gap: "16px"}} images={activismImages} />
## Conceptual
This style is primarily utilized for Network State Press articles and presentations, encompassing a journalistic approach along with the inclusion of stock photography. It is designed to align with fundamental Logos concepts, such as human rights, privacy, and civil liberties. While free resources are preferred, the use of licensed materials can be explored.
<ImageGrid mode="square-thumbnails" xs={{cols: 2, gap: "16px"}} md={{cols: 4, gap: "16px"}} images={conceptualImages} />