Licenses
Licenses and credits
Moss & Mug is a fictional café built as a Webflow portfolio piece. Everything below is either open-licensed or made for this project.
Typefaces
- Fraunces by Undercase Type, via Google Fonts. SIL Open Font License 1.1. Uploaded as a variable woff2 (weight 300–700, optical size 9–144).
- Instrument Sans by Rodrigo Fuenzalida and Jordan Egstad, via Google Fonts. SIL Open Font License 1.1. Uploaded as a variable woff2 (weight 400–700).
Photography
All photographs are from Unsplash under the Unsplash License (free to use, no attribution required, but credited here anyway). No Unsplash+ images were used. Replace them with the client's own photography before going live with a real business.
- Iced coffee by a window — Soyoung HAN
- Two guests on a tiled floor — Johan Mouchet
- Café room with bentwood chairs — JIRAN FAMILY
- Guests through a café window — Zhen Yao
- Barista steaming milk — Cemrecan Yurtman
- Coffee bar from above — Lee Campbell
- Friends sharing pour-over — Melody Zimmerman
- Flat white with latte art — Lex Sirikiat
- Pour-over kettle — Karl Fredrickson
- Coffee bloom close-up — Battlecreek Coffee Roasters
- Croissants on parchment — Conor Brown
- Croissant on a plate — Jocelyn Morales
- Sliced sourdough — Debbie Widjaja
- Cardamom knot — Chris Curry
- Bun and cappuccino — Fallon Michael
- Roasted beans and scoop — Tim Mossholder
- Loading the roaster — Yanapi Senaud
- Matcha latte — Gaby Baldiskaite
- Storefront with bench — Jojo Yuen
- Ceramic cups on a shelf — Vladimir Gladkov
- Espresso from above — Paul Hanaoka
- Dubai skyline — Karen Dalton
Logo and code
- The Moss & Mug wordmark and mug mark are original vector artwork drawn for this clonable. The wordmark is set in Fraunces and converted to outlines.
- Class naming and structure follow Finsweet Client-First V2. The Global Styles embed in the site head is theirs, with a few additions noted in comments.
- Scroll reveals, the sticky nav state and the mobile menu are plain JavaScript in the site footer code. No libraries.
The business
Moss & Mug, its founders, addresses, phone number and menu are invented. Any resemblance to a real café in Dubai is coincidental.