Frank Green
frankgreen.com.auan Australian premium-drinkware brand whose Shopify store leads with a glossy product hero on warm cream, a confident brand green, the geometric Circular Std sans with a Victor serif accent, big rounded buttons, and a customisation-and-gifting story told through clean product photography.
Design tokens
- display
- Circular Std
- body
- Circular Book / Circular Std
- mono
- none
- accent
- Victor Serif Trial 50 (serif)
Do / Don't
Reference it for
- A bright, premium retail palette: a confident brand green on warm cream fields, product-forward and friendly.
- A glossy product hero with a single clear CTA ("Shop Now"), the reference pattern for a drinkware or gift store.
- A geometric-sans plus serif-accent pairing (Circular Std + Victor Serif) for a modern, approachable brand.
- A systematised motion layer: a named duration scale (100-600ms) and a slow-out reveal (cubic-bezier(0,0,0.3,1), 600ms).
- Customisation and corporate-gifting modules as commerce patterns for a personalisable product.
Do not copy
- The frank green wordmark and the green badge are the brand's identity; rebuild with the client's own mark.
- Circular Std and Victor Serif are licensed; map to comparable geometric sans and serif.
- The visible default-blue link colour (#0000ee) is an unstyled-link leak, not a deliberate accent; do not reproduce it.
Signature moves
glossy product hero, brand-green-on-cream retail palette
a glossy product hero with a single clear 'Shop Now' CTA leads a confident brand green #009739 on warm cream fields, geometric sans plus serif accent, big rounded buttons.
systematised named-duration motion layer
a named duration scale (100-600ms) with a slow-out reveal (cubic-bezier(0,0,0.3,1) at 600ms) gives a disciplined motion layer, signatureMs 200.
Related references
Cubitts
nicheHealth
a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.
Bellroy
flagshipRetail
an accessories e-commerce site that fronts a deep catalogue with one bold, punchy hero, leading with heavy uppercase GTUltra type, a warm terracotta accent on a near-monochrome base, and a calm Material-style motion system that keeps a 40-section shop feeling composed.
Belyi Ostrov House
flagshipOther
A premium St Petersburg residential development ("Белый Остров" / White Island) that sells aspiration through cinematic craft - a gold-and-navy luxury palette, a full-screen architectural hero, GSAP page-transition wipes and a Three.js/WebGL layer, with calm cream glass cards promising "a place of rest and strength".
Catbird
nicheRetail
a Brooklyn fine-jewellery boutique with an editorial fashion-magazine voice, a Denton Condensed display serif over a TT Fors sans, warm cream and charcoal fields, a cinematic campaign hero and a scrolling "SOLID GOLD ALWAYS" ticker.