For a money site, design is not decoration, it is trust, the same figure feels reliable on a calm professional page and doubtful on a cluttered one. I found the look for the forex site in a place with nothing to do with currency, an English learning program’s website whose calm navy and gold design I admired, and this post is how borrowing a look works technically and where the honest line sits between inspiration and copying.
What I took was not files, it was principles, a deep navy and warm gold palette, generous white space, rounded elements, big clear presentation of the key number, a tidy footer. Principles translate into design tokens, and tokens are how a borrowed feeling becomes your own system:
:root {
--pfr-navy: #12233d; /* surfaces and header */
--pfr-navy-deep: #0b1830;
--pfr-gold: #d4a437; /* accents and key figures */
--pfr-ink: #1c2733;
--pfr-paper: #f7f8fa;
--pfr-radius: 14px;
--pfr-space: 1.25rem;
}
.pfr-hero-rate {
background: var(--pfr-navy);
color: #fff; border-radius: var(--pfr-radius);
padding: calc(var(--pfr-space) * 2);
}
.pfr-hero-rate .pfr-figure { color: var(--pfr-gold); font-size: 3rem; font-weight: 700; }
Every component reads the tokens, so the palette lives in one place and the whole site agrees with itself, which is most of what premium actually means. The hero applies the borrowed idea directly, the headline dollar rate rendered huge in gold on navy, the site’s most important number treated like the site’s most important number, with the sticky header carrying the live ticker from the last post so the key data travels with the reader.
The line between inspiration and theft deserves plain words because it matters. Copying is taking their content, their images, their code, their logo. What transferred here was a colour mood, spacing generosity, and a way of presenting a key figure, applied to my own markup, my own components, my own purpose, which is how design has always been learned, and the proof is that the two sites share a feeling and not a single file. Drawing the mood from work you admire and rebuilding it in your own system is legitimate craft, lifting the work itself is not, and the token system is what makes the difference visible, everything on the forex site is generated from seven variables I chose.
A few things people ask me about this
Is it legal and ethical to imitate a site’s look? Imitating a general aesthetic, colours, spacing, layout ideas, is normal practice. Copying protected assets, code, images, logos, distinctive illustrations, is not. Rebuild the feeling, never the files.
Why CSS custom properties instead of just writing colours? Because consistency is the trust signal, and tokens make consistency structural, one palette definition, sitewide agreement, and a one-line change when the brand evolves.
Next
Two rate sites built from one kit raised the obvious thought, this is not just my site, it could be a product other people run. That shift is the next post.