Column Works.Hero image picker

Your hero
photograph library.

Real photography for your next website. Browse 999 images, compare headline contrast and copy the image you choose. Your saved shortlist stays in this browser.

Saved in this browser.

Showing original images with the suggested text colour. Each image keeps the same ID across all filters.

Photographs link to their original source, photographer and licence. Preview images are resized and cropped; the optional tint is a CSS treatment. Wikimedia photographs keep their stated Creative Commons licences. The headline uses the actual template’s font, weight, line height and position. Desktop previews scale a 1440 × 900 hero with 40px type; mobile previews scale a 390 × 844 hero with 30px type. The full hero, including the text, scales together. Suggested tints are optional CSS previews. Choose one line, two lines, a longer two-line headline or two words. Mobile keeps the same type size and wraps text to fit. Contrast is evaluated separately for each text preset across desktop and mobile crops. Optional tint is calculated separately. Mixed light and dark backgrounds can still need shading. Image IDs remain unchanged.

The same words. Different moods.

Use the controls below to compare native contrast and the suggested treatment.

Each image uses the same frame, headline and text position. Tint percentages are shown on the cards, so the treatment is explicit.

Copy your selection

Select and copy the text below.