Shopify

The reference for a near-black commerce canvas (#02090a) where a single mint signal (#36f4a4) does all the accent work while a high-contrast white pill carries every action, never the green.

SaaS Product flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: NeueHaasGrotesk
body: Inter-Variable
mono

Do / Don't

Reference it for

Whisper-light display type: a grotesque (NeueHaasGrotesk / Inter) set at ~330 weight, 70-96px, tight leading so generous letter-spacing carries the voice
Action hierarchy that withholds the brand hue: solid white pill primary (Comenzar gratis) + ghost outline pill secondary (Ver planes), both fully rounded (9999px)
Mint accent (#36f4a4) used only as inline punctuation: key phrases, icons, links, never as a button fill
Two-tone body sentences: white lead clause shifting to muted grey continuation (#71717a) to pace a long statement, as in the dark band copy
Stacked dark surfaces in tinted near-blacks (#02090a to #041e18 to #072720) read as panels of one material, separated by hairline mint-tinged borders (#093329) not shadows
Rhythm of cinematic full-bleed photography against flat dark content bands with 12px rounded media cards
Cream/greige hero band (light) flipping into an abyssal-ink band below, a deliberate light-to-dark cut at the fold
Slim transparent top nav over photography: wordmark + 4 grouped links + text sign-in + one filled pill CTA

Do not copy

The Shopify shopping-bag wordmark and the green logo glyph
The exact bespoke mint-to-violet aurora gradient (linear-gradient 126deg, #5fd5b6 to #865cff)
Spanish-locale marketing copy (Tu negocio puede ser Marca reconocida)
The licensed NeueHaasGrotesk display face; substitute a freely-licensed grotesque
The named brand palette tokens (Abyssal Ink, Forest Floor, Mint Signal)
The signature creator/lifestyle hero footage and casting