5 Best Astro Dark & Light Mode Website Examples

Mimic this

This payments platform site uses a two-column hero with abstract circuit-board illustration and leads with "Global Payments Operating System" in mixed serif-sans typography.

Mimic this

This engineering leader's portfolio uses a dark navy aurora background with purple accent tabs and staggered project cards tilted in perspective.

Mimic this

This SaaS template site uses a "New updates!" badge, dashboard screenshot with centered play button overlay, and a three-column features grid with purple outline icons.

Mimic this

This digital agency site organizes service offerings as an eight-item bulleted list and technical expertise as six category groups of pill-shaped tech tags.

Mimic this

This photography portfolio launches directly into a masonry grid with minimal gaps, using a green-glowing logo mark as the only branding accent.