Alpha USA

Large Hero Images

Hero image (1920×1080), added via inline css as a background-image for “#alpha-hero-block_60c0b4705fa93 .background”

Example : https://alphausa.kinsta.cloud/try-alpha/

Home Hero

Small Hero

Small Hero Images

Full width – above 1300px
- (1680x555px)

Example: https://alphausa.kinsta.cloud/run-alpha/

Stories

Full width – above 1300px wide
- Large (783×500)
- Small (366×500)
Below 1300px wide
- Large (675×604)
- Small (337×604)

Below 1023px wide
- All images (964×502)
  - From this point each image remains the same height (502px) but the width decreases as the screen width does

Example: https://alphausa.kinsta.cloud/stories/

Stories Example 3

Thirds Section

Thirds Sections

Full width – above 1300px wide
- (370×230)

Below 1300px wide
- (290×180)

Below 1023px wide
- All images from this point remain the same dimensions but dynamically shrink depending on screen width

Example: https://alphausa.kinsta.cloud/alpha-online/

Halves Section

Full width – above 1300px wide
- (580×380)

Below 1300px wide
- (457×297)

Below 1023px wide
- All images from this point remain the same dimensions but dynamically shrink depending on screen width

Example: https://alphausa.kinsta.cloud/run-alpha/

Halves Section

Preview Image

Preview Images

Full width – above 1300px wide
- (575×600)

Below 1300px wide
- (458×600)

Below 1023px wide
- (410×600)

Below 600px wide
- (550×400)
- From this point each image remains the same height (400px) but the width decreases as the screen width does

Example: https://alphausa.kinsta.cloud/previews/