The image specifications Style guide serves to provide the required image sizes.
This is the master guide for all AAA image dimensions and specs for the AAA website.
All images have apsect ratios that should be maintained regardless of image px
dimensions.
Aspect Ratio: What it is and why it matters
Optimizing Images for the Web: A Practical Guide
Open DocumentPlease note that images may appear to be different in size because of cropping and re-sizing applied by
CSS
View more details in a modal dialog
Actual image size as fully displayed - 676 x 430 (72dpi)
Image in carousel below may appear to be different in size to above image
because of cropping and re-sizing applied by CSS
Click carousel buttons if carousel display is not correctly rendered
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeActual image size as fully displayed - 676 x 350 (72dpi)
Image in feature below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style Three >Actual image size as fully displayed - 585 x 375 (72dpi)
Images in cards below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeActual image size as fully displayed - 676 x 350 (72dpi)
Images in cards below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeActual image size as fully displayed - 380 x 210 (72dpi)
Images in cards below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeActual image size as fully displayed - 1470 x 600 (72dpi)
Note: Both the Large and the Small Hero Banners use 1470 x 600 image size
Image in feature below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Actual image size as fully displayed - 1470 x 600 (72dpi)
Actual image size as fully displayed - 375 x 375 (72dpi)
Image in List Module Feature below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Actual image size as fully displayed - 380 x 200 (72dpi)
Image in List Module Feature below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
It is a long established fact that a reader will be distracted by the the lorem ipsum dummy copy. Dummy copy displays here.
Button Style ThreeIt is a long established fact that a reader will be distracted by the the lorem ipsum dummy copy. Dummy copy displays here.
Button Style ThreeIt is a long established fact that a reader will be distracted by the the lorem ipsum dummy copy. Dummy copy displays here.
Button Style ThreeActual image size as fully displayed - 300 x 200 (72dpi)
Image in Sidebar CTA Content below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Tool bar style three allows for copy, image, and call to action as components. Tool bar style three allows for copy, image.
Button Two >Actual image size as fully displayed - 676 x 350 (72dpi)
Images in the Support Module below may appear to be different in size to above image because of cropping and re-sizing applied by CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style ThreeLorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.
Button Style Three