QwarterStudio

A strategic approach to contemporary technology and luxury.

Portfolio

XVII

Flag to Remember,Honoring Our Fallen Soldiers

Client
Flag to Remember
Year
2026
Made
Website
Status
Live at flagtoremember.com

To honor the legacy of our fallen heroes by creating memorial flags that preserve their names, tell their stories, and inspire communities to remember their service and sacrifices.

Read more

Project overview

Flag to Remember

By transforming name tapes into memorial flags, we give families and communities a way to remember, reflect, and continue conversations about service and sacrifice. For more than 5 years, the Flag to Remember has traveled across the country in honor of our fallen.

The flagtoremember.com WordPress (Divi + Gravity Forms) site, rebuilt as a small Next.js site. Nine pages plus a 404. No database and no CMS: every word lives in content/*.json.

1,200+
Names added
7
Host states on the map
5+
Years across the country
9
Pages, rebuilt from WordPress
  • the pages#FFFFFF
  • hero the hero band#2B2F38
  • orange a counter#F55000
  • navy a counter#363C55
  • flag-red a counter#DC281E
  • teal the map's state chips#3CA2A2
  • teal-edge the chips' edge, the registry's links#235B6E
Colour

Flag to Remember

Colour

The colours named in the site's own stylesheet (app/globals.css): white pages, the dark hero band, the orange, navy and red counters, the teal of the map's state chips and its edge.

Inter

Headings · 500

Flag

Playfair Display

The accent word

Registry

Inter

Body · 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Type

Flag to Remember

Type

Inter headings with an italic Playfair Display accent word over a thin rule (“Flag Registry”), as the original site set them. Playfair Display is not shipped here, so its sample falls through to EB Garamond.

The name tape options a donor chooses from
Name tapes

Flag to Remember

Name tapes

By transforming name tapes into memorial flags, we give families and communities a way to remember, reflect, and continue conversations about service and sacrifice.

flagtoremember.com, page by pageBy transforming name tapes into memorial flags, we give families and communities a way to remember, reflect, and continue conversations about service and sacrifice.
flagtoremember.com: the home page.
The original look, tidiedMatches the live WordPress site as measured on 2026-10-27: white pages, Inter headings with an italic Playfair Display accent word over a thin rule, pill buttons, a round logo and a menu button at every width opening a white panel from the right.

Design note

The original look, tidied

Matches the live WordPress site as measured on 2026-10-27: white pages, Inter headings with an italic Playfair Display accent word over a thin rule, pill buttons, a round logo and a menu button at every width opening a white panel from the right. Changed on purpose: the fixed header turns 80% white once the page scrolls under it, body text 16–18px instead of 14px, darker grays and reds where the original failed contrast, and sliders that never move on their own.

flagtoremember.com: the map of Current Flags with its host states.
Current FlagsExplore our interactive map to find flags across the country—click on a host state to learn more about each flag honoring our nation’s heroes.

Design note

Current Flags

Explore our interactive map to find flags across the country—click on a host state to learn more about each flag honoring our nation’s heroes. The map is the site's own SVG, with a teal chip for every host state.

Flag 005, its name tapes sewn in rows
Two American flags flying from a flagpole beside a tree
A Flag Host ceremony
A man holding a memorial flag
A framed memorial flag
A boy holding a memorial flag
A memorial flag on a Jeep
The Let's Walk it Out group with the flag
The site's own photographs, as it publishes them (its WordPress uploads, never enlarged).

“Honoring the Fallen, One Name at a Time”

flagtoremember.com, the About page
flagtoremember.com: the Flag Registry.
Flag RegistryEvery flag has a unique serial number.

Design note

Flag Registry

Every flag has a unique serial number. Open one to see its Flag Host, where it hangs and when it was dedicated.

flagtoremember.com on a phone: the home page.
Still Gravity Forms, behind a cleaner frontThe three forms keep their Gravity Forms backend on WordPress, so entries, notification emails and any feeds work exactly as before.

Design note

Still Gravity Forms, behind a cleaner front

The three forms keep their Gravity Forms backend on WordPress, so entries, notification emails and any feeds work exactly as before. Add a Name runs in three steps, one to five names, with the same rules in the browser and on the server.

On a phoneA sweep checks overflow, clipping, contrast, headings, alt text, form labels, image loading, the sticky header and the phone menu at eight widths.
flagtoremember.com: the Gallery.
GalleryPress, videos, events and photos from Flag to Remember: the Press and Videos rows, with the old Our Journey page's events and photos brought in.

Live at flagtoremember.com

See it for yourself.

Visit flagtoremember.comStart a project with Qwarter