Signature / Copper / The Op-Ed
Copper Op-Ed: a product leader's website that starts with the screen members never had
Copper Op-Ed is a Signature design built on the composition called The Op-Ed, which treats a leadership website as a guest column: the reader meets an argument first and the author's credentials afterwards. Its fictional default leader is Alexandra Brooks, chief product officer of Lanternfield Cooperative Technology, a credit union service organisation in Madison, Wisconsin, that runs one digital banking app for 74 credit unions. The largest words on her site are the title of a September 2026 essay arguing that every app reading a member's account belongs on one screen.
What a visitor reads before Alexandra's name matters
Under the masthead, a thin strip gives the eyebrow line Chief Product Officer / United States, her name in the display face and, opposite, the approaches she accepts: board, advisory and speaking. Executive search is absent because she has switched it off. A two-point ink rule opens the column. A small line above the headline carries the essay's topic, data access and consent, its date and a reading time; the title follows at a size that can reach eight rem on a wide monitor, in lines of roughly twenty-two characters.
Her standfirst about members handing passwords to budgeting apps sits beneath it, beside a link labelled Read the argument. The narrower right column holds her portrait in greyscale under a five-pixel burnt-copper rule, captioned with her name and role. Below 768 pixels the columns stack, so a phone reader still reaches the claim about members' data before the face.
The umber band, two numbered essays and three figures
Next comes a full-width band in the inverse colours, cream type on deep umber, labelled as the conviction behind the work. The blockquote is her philosophy, which begins with the moment a member is about to be surprised by a fee, a held payment or a forgotten app. Set in the display serif, it becomes the page's second statement.
An ordered list numbers her other essays 02 and 03: limiting what credit unions may customise in a shared app, and why an overdraft fee customers cannot foresee is a defect. Three figures follow: 74 client credit unions, 2.6 million members and the 91% task-completion rate screen-reader users reached in testing. Her thesis, introduction, four proof points and current focus come next, then a record panel with her low-vision charity directorship and two degrees, a quotation from Lanternfield's board chair and a contact block drawn from her own statement of what she is open to.
Career and readiness pages under heavy rules
The Career page is headed The record behind the argument. Each of six roles, from the Duluth credit union counter in 1999 to chief product officer, sits beneath a thick ink rule with its dates above a large title, then a four-column grid of sector, ownership, revenue, employees, geography, reporting line, team and financial scope. On a phone the grid folds to two columns, keeping a figure such as US$96 million of overdraft fees in 2019 legible.
Board Readiness opens with Where I would stand in the boardroom. Her contribution sits in a raised panel edged by a six-pixel copper bar. A wide column carries her first-year plan, conflicts, independence statement and three judgement examples, including the earned-wage app she advised against; a narrow one holds the committee table, five exposure entries labelled by capacity, her 22 available days and her governance learning.
Why cream, umber and burnt copper suit her readers
Copper sets deep umber text on a warm cream ground, with sand for raised panels and a burnt-copper accent kept for rules, numbers and links. Alexandra's readers are credit union chief executives who own her employer, board chairs outside banking and other product leaders. A page resembling a fintech launch would undercut an argument about consent and visible costs; this palette reads as printed and steady, with contrast strong enough to suit someone who writes about accessibility.
The code loads two typefaces for this composition. DM Serif Display, a high-contrast serif, carries the headline, the conviction band and the numbered essays, giving a sentence about passwords the weight of an opinion page. Archivo, a narrow grotesque, sets body text, captions and the record grids, keeping percentages, dates and dollar figures compact.
Leaders this layout would also serve
The Op-Ed fits anyone whose reputation rests on a position they would defend in a board interview: a chief risk officer who argued against an acquisition, a general counsel with a view on whistleblowing channels, an operations chief who kept a site open against the consensus. It needs at least three developed essays; without them the home page falls back on the headline and the opening of the biography. Every design remains available to all ten leadership roles, and the designation, industry and market controls show this one with other demonstration leaders.
Questions about this design
- Why does Alexandra's data-access essay sit where her name would usually go?
- This composition takes the title of the first essay as the page's main heading. Put first the argument you would most readily defend to a nominating committee, and keep its title to about a dozen words.
- Can a product leader at a regulated institution publish opinions this prominently?
- Yes, if every figure is cleared and nothing anticipates an unannounced decision. Alexandra's essays rely on outcomes already shared with her clients, and her contact page rules out discussing contracts, client credit unions or pricing.
- What should go in the dark conviction band?
- A short statement of how you judge your own work, written so it could be quoted. Alexandra's describes the moment a member is about to be surprised. A list of values reads poorly at that size; one concrete test holds up.
- Does the greyscale portrait suit every leader?
- The composition always renders the portrait in greyscale beneath a copper rule, like a columnist's photograph. An evenly lit image with a plain background works best, because a busy one competes with the headline.