{"id":3905,"date":"2026-05-10T09:11:14","date_gmt":"2026-05-10T01:11:14","guid":{"rendered":"https:\/\/www.offbeat.com.hk\/?page_id=3905"},"modified":"2026-05-10T09:54:28","modified_gmt":"2026-05-10T01:54:28","slug":"offbeat-x-frankie-the-original","status":"publish","type":"page","link":"https:\/\/www.offbeat.com.hk\/zh_cn\/offbeat-x-frankie-the-original\/","title":{"rendered":"OFFBEAT X Frankie the original"},"content":{"rendered":"<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: #f5f5f5;\n            min-height: 100vh;\n        }<\/p>\n<p>        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 40px;\n        }<\/p>\n<p>        .page-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .page-title {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .page-subtitle {\n            font-size: 1.1rem;\n            color: #666;\n            max-width: 600px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .series-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .series-card {\n            position: relative;\n            aspect-ratio: 3\/4;\n            border-radius: 8px;\n            overflow: hidden;\n            background: #1a1a1a;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .series-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .series-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            transition: transform 0.6s ease;\n        }<\/p>\n<p>        .series-card:hover img {\n            transform: scale(1.05);\n        }<\/p>\n<p>        .series-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 25px;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);\n        }<\/p>\n<p>        .series-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #fff;\n            margin-bottom: 6px;\n        }<\/p>\n<p>        .series-desc {\n            font-size: 0.85rem;\n            color: rgba(255, 255, 255, 0.7);\n        }<\/p>\n<p>        @media (max-width: 1200px) {\n            .series-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .container {\n                padding: 40px 20px;\n            }<\/p>\n<p>            .series-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }<\/p>\n<p>            .series-card {\n                aspect-ratio: 4\/5;\n            }<\/p>\n<p>            .series-overlay {\n                padding: 20px;\n            }<\/p>\n<p>            .series-title {\n                font-size: 1rem;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .series-grid {\n                grid-template-columns: 1fr;\n            }\n        }<\/p>\n<p>        .logo {\n            position: fixed;\n            top: 20px;\n            left: 20px;\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            z-index: 100;\n            text-decoration: none;\n        }<\/p>\n<p>        .back-btn {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            padding: 10px 20px;\n            background: #1a1a1a;\n            color: #fff;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            transition: background 0.3s;\n            z-index: 100;\n            text-decoration: none;\n        }<\/p>\n<p>        .back-btn:hover {\n            background: #333;\n        }<\/p>\n<p>        .emoji-badge {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            font-size: 2rem;\n            background: rgba(255, 255, 255, 0.9);\n            border-radius: 50%;\n            width: 50px;\n            height: 50px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n    <\/style>\n<div id=\"ob-wp-embed\">\n<p>    <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-series\/\" class=\"back-btn\">\u2190 Back to Series<\/a><\/p>\n<div class=\"container\">\n<header class=\"page-header\">\n<h1 class=\"page-title\">OFFBEAT X FRANKIE THE ORIGINAL<\/h1>\n<p class=\"page-subtitle\">Explore Frankie The Original&#8217;s five series, showcasing Hong Kong&#8217;s unique style and creativity<\/p>\n<\/header>\n<div class=\"series-grid\">\n            <!-- Hong Kong Series --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/hong-kong-sentiment\/\" class=\"series-card\"><br \/>\n                <span class=\"emoji-badge\">\ud83c\udded\ud83c\uddf0<\/span><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2026\/01\/FK2323-528Drain-1.jpg\" alt=\"Hong Kong Sentiment Series\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Hong Kong Sentiment<\/h2>\n<p class=\"series-desc\">Capturing Hong Kong&#8217;s cityscape and warmth<\/p>\n<\/p><\/div>\n<p>            <\/a><\/p>\n<p>            <!-- Funny Series --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/funny-series\/\" class=\"series-card\"><br \/>\n                <span class=\"emoji-badge\">\ud83d\ude1c<\/span><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2025\/11\/OFF2323-528Joker_01.jpg\" alt=\"Funny Series\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Funny Series<\/h2>\n<p class=\"series-desc\">Humorous and quirky creative designs<\/p>\n<\/p><\/div>\n<p>            <\/a><\/p>\n<p>            <!-- Sign Series --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/road-sign-series\/\" class=\"series-card\"><br \/>\n                <span class=\"emoji-badge\">\ud83d\udee3\ufe0f<\/span><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2026\/01\/FK2323-728Turn-1.jpg\" alt=\"Road Sign Series\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Road Sign Series<\/h2>\n<p class=\"series-desc\">Directional signs of Hong Kong<\/p>\n<\/p><\/div>\n<p>            <\/a><\/p>\n<p>            <!-- Building Series --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/architecture-series\/\" class=\"series-card\"><br \/>\n                <span class=\"emoji-badge\">\ud83c\udfe2<\/span><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2026\/01\/FK2323-928Exit-1.jpg\" alt=\"Architecture Series\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Architecture Series<\/h2>\n<p class=\"series-desc\">Artistic presentation of Hong Kong buildings<\/p>\n<\/p><\/div>\n<p>            <\/a><\/p>\n<p>            <!-- Red White Blue Series --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/red-white-blue\/\" class=\"series-card\"><br \/>\n                <span class=\"emoji-badge\">\ud83d\udd34\u26aa\ud83d\udd35<\/span><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2026\/01\/OFF2323-728RWBB_01.jpg\" alt=\"Red White Blue Series\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Red White Blue Series<\/h2>\n<p class=\"series-desc\">Classic Hong Kong red-white-blue fabric<\/p>\n<\/p><\/div>\n<p>            <\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2190 Back to Series OFFBEAT X FRANKIE THE ORIGINAL Explore Frankie The Original&#8217;s five series, showcasing Hong Kong&#8217;s unique style and creativity \ud83c\udded\ud83c\uddf0 Hong Kong Sentiment Capturing Hong Kong&#8217;s cityscape and warmth \ud83d\ude1c Funny Series Humorous and quirky creative designs \ud83d\udee3\ufe0f Road Sign Series Directional signs of Hong Kong \ud83c\udfe2 Architecture Series Artistic presentation of&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3905","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/pages\/3905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/comments?post=3905"}],"version-history":[{"count":18,"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/pages\/3905\/revisions"}],"predecessor-version":[{"id":3940,"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/pages\/3905\/revisions\/3940"}],"wp:attachment":[{"href":"https:\/\/www.offbeat.com.hk\/zh_cn\/wp-json\/wp\/v2\/media?parent=3905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}