{"id":9,"date":"2026-06-26T18:17:11","date_gmt":"2026-06-26T18:17:11","guid":{"rendered":"https:\/\/forjakarta.com\/artikel\/?p=9"},"modified":"2026-07-05T07:57:48","modified_gmt":"2026-07-05T07:57:48","slug":"kelapa-gading","status":"publish","type":"post","link":"https:\/\/forjakarta.com\/artikel\/kelapa-gading\/","title":{"rendered":"kelapa-gading"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nKelapa Gading & Summarecon \u00b7 Jakarta Study Club<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* === SHARED TOKENS === *\/\r\n :root {\r\n --clr-primary: #A82E2E;\r\n --clr-accent: #D4AF37;\r\n --clr-bg: #1E1E1E;\r\n --clr-bg-alt: #262626;\r\n --clr-card-bg: #2e2e2e;\r\n --clr-text: #FDFBF7;\r\n --clr-text-muted: rgba(253,251,247,.65);\r\n --clr-text-dim: rgba(253,251,247,.45);\r\n --ff-display: 'Playfair Display', Georgia, serif;\r\n --ff-body: 'DM Sans', system-ui, sans-serif;\r\n --ff-mono: 'JetBrains Mono', ui-monospace, monospace;\r\n --radius-md: 14px;\r\n --container: 1180px;\r\n }\r\n * { box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n margin: 0;\r\n background: var(--clr-bg); color: var(--clr-text);\r\n font-family: var(--ff-body); font-size: 16px; line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n a { color: var(--clr-accent); text-decoration: none; }\r\n a:hover { color: var(--clr-text); }\r\n .container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }\r\n\r\n \/* === NAVBAR === *\/\r\n .navbar {\r\n position: sticky; top: 0; z-index: 100;\r\n background: rgba(30,30,30,.85);\r\n backdrop-filter: blur(18px) saturate(140%);\r\n -webkit-backdrop-filter: blur(18px) saturate(140%);\r\n border-bottom: 1px solid rgba(212,175,55,.12);\r\n }\r\n .nav-inner {\r\n display: flex; align-items: center; justify-content: space-between;\r\n height: 68px;\r\n }\r\n .nav-logo {\r\n font-family: var(--ff-display); font-weight: 500; font-size: 1.15rem;\r\n color: var(--clr-text); letter-spacing: -0.01em;\r\n }\r\n .nav-logo em { font-style: italic; color: var(--clr-accent); font-weight: 400; }\r\n .nav-links { display: flex; gap: 32px; }\r\n .nav-links a {\r\n color: var(--clr-text-muted); font-size: .9rem; font-weight: 500;\r\n transition: color .25s ease;\r\n }\r\n .nav-links a:hover { color: var(--clr-text); }\r\n .nav-cta {\r\n padding: 9px 18px; border-radius: 100px;\r\n background: var(--clr-primary); color: var(--clr-text);\r\n font-size: .85rem; font-weight: 500;\r\n transition: background .3s ease;\r\n }\r\n .nav-cta:hover { background: #c43838; color: var(--clr-text); }\r\n @media (max-width: 760px) {\r\n .nav-links { display: none; }\r\n }\r\n\r\n \/* === ARTICLE A: EDITORIAL CLASSIC === *\/\r\n .breadcrumb {\r\n padding-top: 32px;\r\n font-family: var(--ff-mono); font-size: .72rem;\r\n letter-spacing: .14em; text-transform: uppercase;\r\n color: var(--clr-text-dim);\r\n }\r\n .breadcrumb a { color: var(--clr-text-dim); }\r\n .breadcrumb a:hover { color: var(--clr-accent); }\r\n .breadcrumb .sep { margin: 0 8px; opacity: .5; }\r\n\r\n .article-hero {\r\n padding: 32px 0 48px;\r\n max-width: 880px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n .article-category {\r\n display: inline-block;\r\n font-family: var(--ff-mono); font-size: .72rem; font-weight: 500;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n color: var(--clr-accent);\r\n padding: 6px 14px; border-radius: 100px;\r\n border: 1px solid rgba(212,175,55,.3);\r\n background: rgba(212,175,55,.08);\r\n margin-bottom: 28px;\r\n }\r\n .article-title {\r\n font-family: var(--ff-display); font-weight: 500;\r\n font-size: clamp(2rem, 4.5vw, 3.6rem);\r\n line-height: 1.08; letter-spacing: -0.015em;\r\n margin: 0 0 20px;\r\n }\r\n .article-title em { font-style: italic; color: var(--clr-accent); font-weight: 400; }\r\n .article-subtitle {\r\n font-size: 1.1rem; line-height: 1.55;\r\n color: var(--clr-text-muted);\r\n max-width: 680px; margin: 0 auto 36px;\r\n }\r\n .article-meta {\r\n display: flex; align-items: center; justify-content: center;\r\n gap: 14px; flex-wrap: wrap;\r\n font-size: .88rem; color: var(--clr-text-muted);\r\n }\r\n .article-meta .author { display: flex; align-items: center; gap: 10px; }\r\n .article-meta .author-avatar {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: var(--ff-display); font-size: .85rem; color: #fff;\r\n font-weight: 500;\r\n }\r\n .article-meta .author strong { color: var(--clr-text); font-weight: 500; }\r\n .article-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--clr-text-dim); }\r\n\r\n .hero-image {\r\n margin: 48px 0 56px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n aspect-ratio: 16 \/ 8;\r\n background: #111;\r\n background-image: url('https:\/\/customer-assets.emergentagent.com\/job_jakarta-timeline-hub\/artifacts\/g1uxkugt_kelapa-gading-area.jpg');\r\n background-size: cover; background-position: center;\r\n position: relative;\r\n }\r\n .hero-image::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 70%, rgba(0,0,0,.5));\r\n }\r\n .hero-caption {\r\n text-align: center;\r\n font-family: var(--ff-body); font-style: italic;\r\n font-size: .85rem; color: var(--clr-text-muted);\r\n margin: -36px auto 56px;\r\n max-width: 720px;\r\n padding: 0 20px;\r\n }\r\n\r\n .article-body {\r\n max-width: 720px;\r\n margin: 0 auto;\r\n padding-bottom: 80px;\r\n position: relative;\r\n }\r\n .article-body p {\r\n font-size: 1.05rem; line-height: 1.85;\r\n margin: 0 0 24px;\r\n color: rgba(253,251,247,.88);\r\n }\r\n .article-body p.lead {\r\n font-size: 1.2rem; line-height: 1.7;\r\n color: var(--clr-text);\r\n margin-bottom: 32px;\r\n }\r\n .article-body p.lead::first-letter {\r\n font-family: var(--ff-display);\r\n font-size: 4.6rem; font-weight: 500;\r\n float: left; line-height: 0.9; margin: 6px 12px 0 0;\r\n color: var(--clr-accent);\r\n }\r\n .article-body h2 {\r\n font-family: var(--ff-display); font-weight: 500;\r\n font-size: clamp(1.5rem, 2.4vw, 2rem);\r\n line-height: 1.2; letter-spacing: -0.01em;\r\n margin: 48px 0 16px;\r\n color: var(--clr-text);\r\n }\r\n .article-body h2 em { font-style: italic; color: var(--clr-accent); }\r\n .article-body blockquote {\r\n margin: 40px -40px;\r\n padding: 28px 40px;\r\n border-left: 3px solid var(--clr-accent);\r\n background: rgba(212,175,55,.05);\r\n border-radius: 0 8px 8px 0;\r\n font-family: var(--ff-display); font-style: italic;\r\n font-size: 1.4rem; line-height: 1.5; color: var(--clr-text);\r\n }\r\n .article-body blockquote::before {\r\n content: '\"'; font-size: 3rem; line-height: 0;\r\n color: var(--clr-accent); opacity: .4;\r\n vertical-align: -.4em; margin-right: 6px;\r\n }\r\n .article-body figure { margin: 40px 0; }\r\n .article-body figure img {\r\n width: 100%; border-radius: 12px;\r\n }\r\n .article-body figcaption {\r\n margin-top: 12px; font-size: .85rem; font-style: italic;\r\n color: var(--clr-text-muted); text-align: center;\r\n }\r\n .article-tags {\r\n display: flex; flex-wrap: wrap; gap: 8px;\r\n padding: 32px 0;\r\n border-top: 1px solid rgba(212,175,55,.12);\r\n border-bottom: 1px solid rgba(212,175,55,.12);\r\n margin-top: 48px;\r\n }\r\n .article-tags a {\r\n font-family: var(--ff-mono); font-size: .72rem;\r\n letter-spacing: .12em; text-transform: uppercase;\r\n padding: 6px 14px; border-radius: 100px;\r\n border: 1px solid rgba(212,175,55,.2);\r\n color: var(--clr-text-muted);\r\n transition: all .3s ease;\r\n }\r\n .article-tags a:hover {\r\n background: rgba(212,175,55,.1);\r\n border-color: var(--clr-accent);\r\n color: var(--clr-accent);\r\n }\r\n\r\n \/* Sticky share buttons *\/\r\n .share-bar {\r\n position: sticky; top: 100px;\r\n float: left; margin-left: -90px;\r\n display: flex; flex-direction: column; gap: 10px;\r\n }\r\n @media (max-width: 1024px) { .share-bar { display: none; } }\r\n .share-btn {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid rgba(212,175,55,.2);\r\n background: rgba(255,255,255,.02);\r\n color: var(--clr-text-muted);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all .3s ease;\r\n font-size: 1rem;\r\n }\r\n .share-btn:hover {\r\n background: rgba(212,175,55,.1);\r\n border-color: var(--clr-accent);\r\n color: var(--clr-accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Author bio *\/\r\n .author-bio {\r\n display: flex; align-items: flex-start; gap: 18px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n border-radius: var(--radius-md);\r\n background: var(--clr-card-bg);\r\n border: 1px solid rgba(212,175,55,.1);\r\n }\r\n .author-bio .avatar {\r\n width: 64px; height: 64px; border-radius: 50%;\r\n background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: var(--ff-display); color: #fff; font-size: 1.4rem; font-weight: 500;\r\n flex-shrink: 0;\r\n }\r\n .author-bio h4 {\r\n margin: 0 0 4px;\r\n font-family: var(--ff-display); font-weight: 500; font-size: 1.05rem;\r\n }\r\n .author-bio .role {\r\n font-family: var(--ff-mono); font-size: .72rem;\r\n letter-spacing: .12em; text-transform: uppercase;\r\n color: var(--clr-accent); margin-bottom: 8px;\r\n }\r\n .author-bio p {\r\n margin: 0; font-size: .9rem; color: var(--clr-text-muted); line-height: 1.5;\r\n }\r\n\r\n \/* Related *\/\r\n .related-section {\r\n padding: 80px 0;\r\n background: var(--clr-bg-alt);\r\n border-top: 1px solid rgba(212,175,55,.08);\r\n }\r\n .related-heading {\r\n font-family: var(--ff-mono); font-size: .72rem;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n color: var(--clr-accent); text-align: center;\r\n margin-bottom: 12px;\r\n }\r\n .related-title {\r\n font-family: var(--ff-display); font-weight: 500;\r\n font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n text-align: center; margin: 0 0 48px;\r\n }\r\n .related-title em { font-style: italic; color: var(--clr-accent); }\r\n .related-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n @media (max-width: 880px) {\r\n .related-grid { grid-template-columns: 1fr; }\r\n }\r\n .related-card {\r\n background: var(--clr-card-bg); border-radius: var(--radius-md);\r\n overflow: hidden; border: 1px solid rgba(255,255,255,.05);\r\n transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;\r\n cursor: pointer;\r\n }\r\n .related-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 18px 40px -10px rgba(0,0,0,.5);\r\n }\r\n .related-card .img {\r\n aspect-ratio: 16 \/ 9;\r\n background-size: cover; background-position: center;\r\n }\r\n .related-card .body { padding: 20px 22px; }\r\n .related-card .cat {\r\n font-family: var(--ff-mono); font-size: .68rem;\r\n letter-spacing: .14em; text-transform: uppercase;\r\n color: var(--clr-accent); margin-bottom: 8px;\r\n }\r\n .related-card h3 {\r\n font-family: var(--ff-display); font-weight: 500;\r\n font-size: 1.1rem; line-height: 1.3;\r\n margin: 0; color: var(--clr-text);\r\n }\r\n\r\n .slider-container {\r\n display: flex;\r\n overflow-x: auto;\r\n gap: 20px;\r\n scroll-behavior: smooth; \/* Pergerakan mulus *\/\r\n scroll-snap-type: x mandatory; \r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.slider-container::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.slider-container .related-card {\r\n flex: 0 0 calc(33.333% - 14px); \r\n min-width: 280px; \r\n scroll-snap-align: center; \/* Fokus di tengah saat berhenti *\/\r\n}\r\n\r\n\/* Posisi Kontrol di Bawah *\/\r\n.slider-controls-bottom {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin-top: 30px; \/* Jarak antara card dan tombol *\/\r\n}\r\n\r\n\/* Desain Tombol Geser *\/\r\n.slider-btn {\r\n background-color: transparent;\r\n color: #D4AF37;\r\n border: 1px solid #D4AF37;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.slider-btn:hover {\r\n background-color: #D4AF37;\r\n color: #1E1E1E;\r\n}\r\n\r\n\/* Desain Titik Penanda (Dots) *\/\r\n.slider-indicators {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.dot {\r\n width: 10px;\r\n height: 10px;\r\n background-color: #444; \/* Warna redup saat tidak aktif *\/\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.dot.active {\r\n background-color: #D4AF37; \/* Warna emas saat aktif *\/\r\n transform: scale(1.3); \/* Sedikit membesar *\/\r\n}\r\n\r\n \/* === FOOTER === *\/\r\n .footer {\r\n background: #131313;\r\n padding: 56px 0 32px;\r\n border-top: 1px solid rgba(212,175,55,.08);\r\n }\r\n .footer-grid {\r\n display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n gap: 40px; margin-bottom: 40px;\r\n }\r\n @media (max-width: 760px) {\r\n .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\r\n }\r\n .footer-brand h3 {\r\n font-family: var(--ff-display); font-weight: 500;\r\n font-size: 1.2rem; margin: 0 0 8px;\r\n }\r\n .footer-brand h3 em { font-style: italic; color: var(--clr-accent); font-weight: 400; }\r\n .footer-brand p { font-size: .88rem; color: var(--clr-text-muted); line-height: 1.6; max-width: 320px; margin: 0; }\r\n .footer-col h4 {\r\n font-family: var(--ff-mono); font-size: .72rem;\r\n letter-spacing: .16em; text-transform: uppercase;\r\n color: var(--clr-text-dim); margin: 0 0 16px;\r\n }\r\n .footer-col a {\r\n display: block; color: var(--clr-text-muted);\r\n font-size: .9rem; margin-bottom: 10px;\r\n transition: color .25s ease;\r\n }\r\n .footer-col a:hover { color: var(--clr-accent); }\r\n .footer-bottom {\r\n padding-top: 24px;\r\n border-top: 1px solid rgba(212,175,55,.08);\r\n display: flex; justify-content: space-between; align-items: center;\r\n flex-wrap: wrap; gap: 12px;\r\n font-family: var(--ff-mono); font-size: .72rem; letter-spacing: .1em;\r\n color: var(--clr-text-dim);\r\n }\r\n\r\n \/* layout reference badge *\/\r\n .ref-badge {\r\n position: fixed; top: 86px; right: 20px;\r\n z-index: 200;\r\n padding: 8px 14px; border-radius: 100px;\r\n background: var(--clr-accent); color: #1a1a1a;\r\n font-family: var(--ff-mono); font-size: .68rem; font-weight: 600;\r\n letter-spacing: .14em; text-transform: uppercase;\r\n box-shadow: 0 6px 20px -6px rgba(212,175,55,.5);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============ NAVBAR ============ -->\r\n <nav class=\"navbar\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"https:\/\/forjakarta.com\/\" class=\"nav-logo\"\r\n ><em>Artikel<\/em><\/a\r\n >\r\n <!-- <div class=\"nav-links\">\r\n <a href=\"\/#visi\">Visi<\/a>\r\n <a href=\"\/#focus\">Program<\/a>\r\n <a href=\"\/#articles\">Artikel<\/a>\r\n <a href=\"\/#org\">Tim<\/a>\r\n <a href=\"\/#faq\">FAQ<\/a>\r\n <\/div> -->\r\n <a href=\"https:\/\/forjakarta.com\/#kontak\" class=\"nav-cta\"\r\n >Kolaborasi<\/a\r\n >\r\n <\/div>\r\n <\/nav>\r\n\r\n<!-- <span class=\"ref-badge\">Layout A \u00b7 Editorial Classic<\/span> -->\r\n\r\n<!-- ============ ARTICLE ============ -->\r\n<main>\r\n <div class=\"container\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"https:\/\/forjakarta.com\/\">Beranda<\/a>\r\n <span class=\"sep\">\/<\/span>\r\n <span>Artikel<\/span>\r\n <span class=\"sep\">\/<\/span>\r\n <span>Kelapa Gading & Summarecon<\/span>\r\n <\/div>\r\n\r\n <article class=\"article-hero\">\r\n <span class=\"article-category\">Heritage Ekologi \u00b7 Jakarta Utara<\/span>\r\n <h1 class=\"article-title\">Kelapa Gading: Cerita Pohon di Balik <em>Gemerlap Summarecon<\/em><\/h1>\r\n <p class=\"article-subtitle\">\r\n Pelajaran dari Kelapa Gading tentang pembangunan yang berakar sejarah \u2014\r\n ketika sebuah nama menjadi dokumen ekologi sebuah kota.\r\n <\/p>\r\n <div class=\"article-meta\">\r\n <div class=\"author\">\r\n <div class=\"author-avatar\">HA<\/div>\r\n <div>Ditulis oleh <strong>Hotman Auditua<\/strong><\/div>\r\n <\/div>\r\n <span class=\"dot\"><\/span>\r\n <span>8 Juni 2026<\/span>\r\n <span class=\"dot\"><\/span>\r\n <span>7 menit baca<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <div class=\"hero-image\" role=\"img\" aria-label=\"Kawasan Kelapa Gading saat senja\"><\/div>\r\n <p class=\"hero-caption\">Kawasan Kelapa Gading hari ini \u2014 lanskap urban yang dulunya rawa dan kebun kelapa kuning gading.<\/p>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <article class=\"article-body\">\r\n \r\n\r\n <p class=\"lead\">\r\n Kelapa Gading, kecamatan di Jakarta Utara yang kini identik dengan pusat\r\n perbelanjaan, kuliner, dan hunian mewah, menyimpan sebuah cerita yang\r\n lebih dalam dari sekadar kisah sukses properti. Namanya bukan label\r\n administratif yang lahir dari meja birokrasi.\r\n <\/p>\r\n\r\n <p>\r\n Ia lahir dari alam: dari varietas pohon kelapa bernama latin\r\n <em>Cocos nucifera var. ebunea<\/em> \u2014 pohon kelapa berbatang sedang\r\n berbuah kuning gading \u2014 yang dulu tumbuh melimpah di rawa-rawa dan\r\n kebun warga kawasan ini (Zaenuddin, 2012). Nama itu adalah dokumen\r\n ekologi, sebuah catatan tentang bagaimana manusia dan tumbuhan\r\n pernah hidup dalam satu napas.\r\n <\/p>\r\n\r\n <h2>Nama yang Lahir <em>dari Alam<\/em><\/h2>\r\n <p>\r\n Sebelum menjelma menjadi superblok komersial, Kelapa Gading adalah\r\n kawasan rawa-rawa di pinggir utara Batavia. Tanah rendah, basah,\r\n dan ditumbuhi vegetasi pesisir \u2014 salah satunya pohon kelapa\r\n varietas <em>ebunea<\/em> yang buahnya berwarna kuning gading. Warga\r\n sekitar mengenalnya turun-temurun sebagai penanda lanskap.\r\n <\/p>\r\n <p>\r\n Kebiasaan menamai tempat berdasarkan elemen ekologi adalah ciri khas\r\n Nusantara. Menteng dari pohon menteng (<em>Baccaurea racemosa<\/em>),\r\n Tanjung Priok dari pohon priok yang konon banyak tumbuh di sana,\r\n Cempaka Putih dari bunga cempaka. Setiap toponim adalah peta\r\n biodiversitas masa lalu.\r\n <\/p>\r\n\r\n <blockquote>\r\n Nama tempat bukan sekadar koordinat \u2014 ia adalah memori ekologis\r\n sebuah komunitas. Mencabutnya berarti memutus rantai yang\r\n menghubungkan kita dengan tanah yang kita pijak.\r\n <\/blockquote>\r\n\r\n <h2>Pembangunan yang <em>Mencabut Akar<\/em><\/h2>\r\n <p>\r\n Ketika Summarecon mulai membangun kawasan ini di awal 1980-an, transformasi\r\n terjadi secara dramatis. Rawa dikeringkan, kanal-kanal ditata, jaringan\r\n jalan dibentuk dalam grid yang efisien. Mall pertama berdiri pada 1990,\r\n diikuti deretan rumah, sekolah, dan pusat kuliner. Dalam dua dekade,\r\n Kelapa Gading menjadi salah satu kawasan komersial paling padat di\r\n Jakarta Utara.\r\n <\/p>\r\n <p>\r\n Tapi pertanyaan yang jarang dilontarkan: apakah masih ada pohon kelapa\r\n kuning gading di sini hari ini? Jawabannya nyaris tidak \u2014 kecuali\r\n beberapa pohon hias yang sengaja ditanam di taman boulevard. Pohon\r\n yang memberikan nama pada kawasan ini telah hilang dari ekosistemnya\r\n sendiri.\r\n <\/p>\r\n\r\n <figure>\r\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_jakarta-timeline-hub\/artifacts\/g1uxkugt_kelapa-gading-area.jpg\" alt=\"Kawasan Kelapa Gading dari udara\">\r\n <figcaption>Pemandangan boulevard Kelapa Gading hari ini \u2014 tertib, modern, namun nyaris tanpa jejak ekologi aslinya.<\/figcaption>\r\n <\/figure>\r\n\r\n <h2>Pelajaran untuk <em>Kota Lain<\/em><\/h2>\r\n <p>\r\n Summarecon Kelapa Gading bukan kegagalan \u2014 secara komersial dan urban\r\n ia sukses. Yang patut direnungkan adalah bagaimana pembangunan kota\r\n ke depan bisa lebih sadar akar. Menanam kembali varietas pohon yang\r\n memberi nama pada kawasannya. Mengintegrasikan memori ekologis ke\r\n dalam ruang publik. Membuat nama tidak hanya menjadi merek, tetapi\r\n juga janji pemeliharaan.\r\n <\/p>\r\n <p>\r\n Karena pada akhirnya, kota terbaik bukanlah yang paling baru, tapi\r\n yang paling jujur kepada masa lalunya \u2014 sambil tetap berani menuju\r\n masa depan.\r\n\r\n\r\n <\/p>\r\n\r\n <a href=\"https:\/\/timesofindonesian.com\/summarecon-dan-pohon-yang-tidak-terlupakan-pelajaran-dari-kelapa-gading-tentang-pembangunan-yang-berakar-sejarah\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: inline-block; padding: 10px 24px; background-color: transparent; border: 2px solid #D4AF37; color: #D4AF37; text-decoration: none; font-weight: bold; border-radius: 4px; font-size: 15px;\">\r\n Lihat Referensi Lengkap \u2197\r\n <\/a>\r\n\r\n <div class=\"article-tags\">\r\n <a href=\"#\">#KelapaGading<\/a>\r\n <a href=\"#\">#Summarecon<\/a>\r\n <a href=\"#\">#HeritageEkologi<\/a>\r\n <a href=\"#\">#JakartaUtara<\/a>\r\n <a href=\"#\">#UrbanHistory<\/a>\r\n <\/div>\r\n\r\n <\/article>\r\n <\/div>\r\n\r\n <!-- Related Articles -->\r\n <section class=\"related-section\">\r\n <div class=\"container\">\r\n <div class=\"related-heading\">Baca Juga<\/div>\r\n \r\n <!-- Judul dibiarkan sendiri di atas -->\r\n <h2 class=\"related-title\">Artikel <em>Terkait<\/em><\/h2>\r\n\r\n <!-- Slider Container -->\r\n <div class=\"related-grid slider-container\" id=\"relatedSlider\">\r\n\r\n <!-- Card 4 -->\r\n <a class=\"related-card\" href=\"https:\/\/forjakarta.com\/artikel\/enam-kuliner\/\" target=\"_blank\">\r\n <div class=\"img\" style=\"background-image: url(https:\/\/yoexplore.co.id\/wp-content\/uploads\/2018\/10\/kuliner-murah-di-jakarta-pusat-yoexplore-mytrip123-810x460.jpeg);\"><\/div>\r\n <div class=\"body\">\r\n <div class=\"cat\">Heritage \u00b7 Kuliner Jakarta<\/div>\r\n <h3>Dapur Kota: Jejak Sejarah di Balik Enam Kuliner Legendaris Jakarta<\/h3>\r\n <\/div>\r\n <\/a>\r\n \r\n <!-- Card 3 -->\r\n <a class=\"related-card\" href=\"https:\/\/forjakarta.com\/artikel\/museum-fatahillah\/\" target=\"_blank\">\r\n <div class=\"img\" style=\"background-image: url(https:\/\/ashleyhotelgroup.com\/wp-content\/uploads\/2025\/06\/shutterstock_1798596856.webp);\"><\/div>\r\n <div class=\"body\">\r\n <div class=\"cat\">Ruang Terbuka Hijau \u00b7 Menteng<\/div>\r\n <h3>Taman Suropati: Oase Kolonial di Jantung Menteng<\/h3>\r\n <\/div>\r\n <\/a>\r\n \r\n <!-- Card 2 -->\r\n <a class=\"related-card\" href=\"https:\/\/forjakarta.com\/artikel\/jalan-sudirman\/\" target=\"_blank\">\r\n <div class=\"img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1555899434-94d1368aa7af?w=800&q=80');\"><\/div>\r\n <div class=\"body\">\r\n <div class=\"cat\">Ekonomi Urban \u00b7 Sudirman<\/div>\r\n <h3>Jalan Jenderal Sudirman: Nadi Ekonomi Jakarta Modern<\/h3>\r\n <\/div>\r\n <\/a>\r\n \r\n <!-- Card 3 -->\r\n <a class=\"related-card\" href=\"https:\/\/forjakarta.com\/artikel\/museum-fatahillah\/\" target=\"_blank\">\r\n <div class=\"img\" style=\"background-image: url(https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f4\/Museum_Fatahilah_%28Museum_Sejarah_Jakarta%29.jpg);\"><\/div>\r\n <div class=\"body\">\r\n <div class=\"cat\">Heritage \u00b7 Kota Tua<\/div>\r\n <h3>Museum Fatahillah: Saksi Bisu Sejarah Batavia<\/h3>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n\r\n <!-- Jika Anda punya card 4, letakkan di sini -->\r\n\r\n <\/div>\r\n\r\n <!-- Tombol & Penanda di Bawah Slider -->\r\n <div class=\"slider-controls-bottom\">\r\n <button id=\"slideLeft\" class=\"slider-btn\" aria-label=\"Geser Kiri\">\u276e<\/button>\r\n \r\n <!-- Titik Penanda (Otomatis dibuat oleh JavaScript) -->\r\n <div class=\"slider-indicators\" id=\"sliderDots\"><\/div>\r\n \r\n <button id=\"slideRight\" class=\"slider-btn\" aria-label=\"Geser Kanan\">\u276f<\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n<\/main>\r\n\r\n<footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <h3>Jakarta <em>Study Club<\/em><\/h3>\r\n <p>\r\n Platform riset & advokasi urban Jakarta. Menghubungkan akademisi,\r\n praktisi, dan komunitas demi kota yang berakar sejarah dan menatap\r\n masa depan.\r\n <\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Jelajahi<\/h4>\r\n <a href=\"https:\/\/forjakarta.com\/#visi\">Visi & Misi<\/a>\r\n <a href=\"https:\/\/forjakarta.com\/#focus\">Program<\/a>\r\n <a href=\"https:\/\/forjakarta.com\/#articles\">Artikel<\/a>\r\n <a href=\"https:\/\/forjakarta.com\/#org\">Tim<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Hubungi<\/h4>\r\n <a href=\"https:\/\/forjakarta.com\/#kontak\">Kolaborasi<\/a>\r\n <a href=\"https:\/\/forjakarta.com\/#kontak\">Riset Bersama<\/a>\r\n <a href=\"mailto:forjakarta.com\"\r\n >Email: <em>forjakarta.com<\/em><\/a\r\n >\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Sosial<\/h4>\r\n <a href=\"#\">Instagram<\/a>\r\n <a href=\"#\">LinkedIn<\/a>\r\n <!-- <a href=\"#\">Twitter \/ X<\/a>\r\n <a href=\"#\">YouTube<\/a> -->\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span\r\n >\u00a9 2025 JAKARTA STUDY CLUB \u00b7 YAYASAN JAKARTA FOUR KHATULISTIWA<\/span\r\n >\r\n <span>HAK CIPTA DILINDUNGI<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const slider = document.getElementById('relatedSlider');\r\n const slideLeftBtn = document.getElementById('slideLeft');\r\n const slideRightBtn = document.getElementById('slideRight');\r\n\r\n \/\/ Menghitung seberapa jauh slider harus bergeser saat diklik\r\n \/\/ Diatur agar bergeser sejauh ukuran satu card ditambah jarak (gap)\r\n const scrollAmount = 300; \r\n\r\n slideLeftBtn.addEventListener('click', function() {\r\n slider.scrollBy({\r\n left: -scrollAmount,\r\n behavior: 'smooth'\r\n });\r\n });\r\n\r\n slideRightBtn.addEventListener('click', function() {\r\n slider.scrollBy({\r\n left: scrollAmount,\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kelapa Gading & Summarecon \u00b7 Jakarta Study Club Artikel Kolaborasi Beranda \/ Artikel \/ Kelapa Gading & Summarecon Heritage Ekologi \u00b7 Jakarta Utara Kelapa Gading: Cerita Pohon di Balik Gemerlap Summarecon Pelajaran dari Kelapa Gading tentang pembangunan yang berakar sejarah \u2014 ketika sebuah nama menjadi dokumen ekologi sebuah kota. HA Ditulis oleh Hotman Auditua 8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":20,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/posts\/9\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/forjakarta.com\/artikel\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}