after

applicationIds

count

entityId

opinionAndColumnArticleTypeIds

sponsorArticleQueueName

superTopicQueueName

topicPageQuery

filter

topic

types

advertZone

sponsor

topicContentListTopic

topicTopicPageTopic

topicContentListOpinion

topicHeaderTopic

topicSeoTopic

topicContentListTopicSuperTopicQueueQuery

topicSponsorArticlesQueueQuery

queue

query topicPageQuery(
  $entityId: String!
  $superTopicQueueName: String!
  $sponsorArticleQueueName: String!
  $applicationIds: [String]
  $opinionAndColumnArticleTypeIds: [String]
  $after: String
  $count: Int = 30
) {
  topic(filter: {entityId: $entityId}) {
    entityId
    types
    advertZone
    sponsor {
      __typename
      id
    }
    ...topicContentListTopic_3In6IJ
    ...topicTopicPageTopic_3In6IJ
    ...topicContentListOpinion_cgYJP
    ...topicHeaderTopic
    ...topicSeoTopic
    id
  }
  ...topicContentListTopicSuperTopicQueueQuery_1LY7E3
  ...topicSponsorArticlesQueueQuery_3wOIuE
}

fragment articleCommentArticle on Article {
  ...entityLink
  commentCount
  entityId
}

fragment authorAvatarAuthor on Author {
  ...entityLink
  entityId
  name
  types
  image(filter: {type: AUTHOR_IMAGE}) {
    style(filter: {style: "118x118"}) {
      url
    }
  }
}

fragment authorNameAuthor on Author {
  ...entityLink
  name
}

fragment blockquoteQuoteContent on Content {
  __isContent: __typename
  ...contentShareWidgetContent
}

fragment cardContentItemContent on Content {
  __isContent: __typename
  ...entityLink
}

fragment contentActionBarContent on Content {
  __isContent: __typename
  entityId
  updatedDate
  urlAlias
  ...articleCommentArticle
  ... on Article {
    hasVideoContent
  }
}

fragment contentAuthorLinkContent on Content {
  __isContent: __typename
  authors {
    name
    ...entityLink
    id
  }
  ...hooksContentHelperContent
}

fragment contentCoverImageContent on Content {
  __isContent: __typename
  images {
    url
    title
    type
    size1200x800: style(filter: {style: "1200x800"}) {
      url
    }
    size768x768: style(filter: {style: "768x768"}) {
      url
    }
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
    size80x80: style(filter: {style: "80x80"}) {
      url
    }
  }
}

fragment contentHeadlineContent on Content {
  __isContent: __typename
  headline
  socialHeadline
  ...contentHeadlineTagContent
}

fragment contentHeadlineTagContent on Content {
  __isContent: __typename
  ...hooksContentHeadlineTagContent
}

fragment contentItemRenderContent on Content {
  __isContent: __typename
  ...entityLink
  ...contentCoverImageContent
  ...contentActionBarContent
  ...contentSubHeadlineContent
  ...contentSummaryContent
  ...contentHeadlineContent
  ...contentPrintHeadlineContent
  ...contentTopicLinkContent
  ...contentLiveTagContent
  ...contentAuthorLinkContent
  ...primaryContentItemContent
  ...secondaryContentItemContent
  ...searchContentItemContent
  ...opinionContentItemContent
  ...cardContentItemContent
  ...morningStudioContentItemContent
  ...hooksUseContentSponsorContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
}

fragment contentLiveTagContent on Content {
  __isContent: __typename
  ... on Article {
    flattenTypeIds
    tmpLiveArticle {
      status
      id
    }
  }
}

fragment contentNewsletterWidgetContent on Content {
  __isContent: __typename
  topics {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
    id
  }
  sections {
    value {
      relatedNewsletters {
        ...helpersMassageToNewsletterItemNewsletter
        id
      }
      id
    }
  }
  ... on Article {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
  }
}

fragment contentPrintHeadlineContent on Content {
  __isContent: __typename
  printHeadline
}

fragment contentSchemaRenderContent on Content {
  __isContent: __typename
  ...scmpYoutubeContent
  ...imageContent
  ...blockquoteQuoteContent
  ...inlineWidgetContent
  ...photoGalleryWidgetContent
}

fragment contentShareWidgetContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  shortUrl
  socialHeadline
  headline
}

fragment contentSubHeadlineContent on Content {
  __isContent: __typename
  subHeadline {
    json
  }
  ...contentSchemaRenderContent
}

fragment contentSummaryContent on Content {
  __isContent: __typename
  summary {
    text
  }
  ...contentSchemaRenderContent
}

fragment contentTopicLinkContent on Content {
  __isContent: __typename
  topics {
    urlAlias
    ...entityLink
    ...topicLinkTopic
    id
  }
}

fragment contentTopicLinkSuperTopic on Topic {
  ...topicCheckSuperTopic
  urlAlias
  relatedLink {
    url
  }
}

fragment entityFollowButtonBase on Base {
  __isBase: __typename
  __typename
  ... on Section {
    entityId
    name
  }
  ... on Author {
    entityId
    name
    disableFollow
  }
  ... on Topic {
    entityId
    name
    disableFollow
  }
}

fragment entityLink on Base {
  __isBase: __typename
  __typename
  entityId
  entityUuid
  urlAlias
  urlRedirect {
    toUrl
    id
  }
  application {
    entityId
    id
  }
  ...helpersAppBarThemeArticle
}

fragment helpersAppBarThemeArticle on Base {
  __isBase: __typename
  ...helpersArticleSections
  ...helpersCheckIsMorningStudioArticle
  ...helpersCheckIsPhotoEssayArticle
}

fragment helpersArticleSections on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsMainTopicContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment helpersCheckIsMorningStudioArticle on Article {
  sponsorType
  articleTypes: types {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPhotoEssayArticle on Article {
  articleTypes: types {
    value {
      entityId
      id
    }
  }
}

fragment helpersMassageToNewsletterItemNewsletter on Newsletter {
  entityId
  name
  alternativeName
  description {
    text
  }
  summary {
    text
  }
  homepageDescription {
    text
  }
}

fragment hooksContentHeadlineTagContent on Content {
  __isContent: __typename
  ...hooksContentHelperContent
  ... on Article {
    types {
      value {
        name
        entityId
        description {
          text
        }
        id
      }
    }
  }
  flag
  sections {
    value {
      name
      id
    }
  }
}

fragment hooksContentHelperContent on Content {
  __isContent: __typename
  ... on Article {
    types {
      value {
        entityId
        id
      }
    }
  }
  authors {
    entityId
    types
    id
  }
  flag
}

fragment hooksUseContentSponsorContent on Content {
  __isContent: __typename
  topics {
    entityId
    sponsor {
      ...sponsorTagSponsor
      name
      type
      id
    }
    id
  }
  ... on Article {
    sponsorType
  }
  ...helpersCheckIsMainTopicContent
}

fragment hooksUseDeepLinkTagsBase on Base {
  __isBase: __typename
  __typename
  urlAlias
  entityId
}

fragment hooksUseDynamicMetaTags on DynamicMetaTags {
  __isDynamicMetaTags: __typename
  metatags {
    key
    value
  }
}

fragment imageContent on Content {
  __isContent: __typename
  headline
}

fragment inlineWidgetContent on Content {
  __isContent: __typename
  ...contentNewsletterWidgetContent
}

fragment morningStudioContentItemContent on Content {
  __isContent: __typename
  ...entityLink
}

fragment opinionContentItemContent on Content {
  __isContent: __typename
  ...hooksContentHelperContent
  ...entityLink
  authors {
    entityId
    ...authorAvatarAuthor
    ...authorNameAuthor
    id
  }
}

fragment photoGalleryDialogContent on Content {
  __isContent: __typename
  __typename
  ...contentShareWidgetContent
}

fragment photoGalleryWidgetContent on Content {
  __isContent: __typename
  ...photoGalleryDialogContent
}

fragment primaryContentItemContent on Content {
  __isContent: __typename
  ...entityLink
}

fragment scmpYoutubeContent on Content {
  __isContent: __typename
  urlAlias
  publishedDate
}

fragment searchContentItemContent on Content {
  __isContent: __typename
  ...entityLink
}

fragment secondaryContentItemContent on Content {
  __isContent: __typename
  ...entityLink
}

fragment sponsorTagSponsor on Sponsor {
  name
  type
  images {
    url
  }
}

fragment topicCheckSuperTopic on Topic {
  types
}

fragment topicContentListOpinion_cgYJP on Topic {
  latestOpinions: contents(first: 10, filter: {applicationIds: $applicationIds, articleTypeIds: $opinionAndColumnArticleTypeIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      node {
        __typename
        entityId
        ...contentItemRenderContent
        id
      }
    }
  }
  entityId
}

fragment topicContentListTopicSuperTopicQueueQuery_1LY7E3 on Query {
  topic(filter: {entityId: $entityId}) {
    ...topicCheckSuperTopic
    ...contentTopicLinkSuperTopic
    id
  }
  superTopicQueue: queue(filter: {name: $superTopicQueueName}) {
    items(first: 10) {
      edges {
        node {
          __typename
          ...contentItemRenderContent
          ... on Content {
            __isContent: __typename
            entityId
          }
          ... on Article {
            types {
              value {
                entityUuid
                id
              }
            }
            id
          }
          ... on Node {
            __isNode: __typename
            id
          }
          ... on Gallery {
            id
          }
          ... on Podcast {
            id
          }
          ... on Recipe {
            id
          }
          ... on Video {
            id
          }
        }
      }
    }
    id
  }
}

fragment topicContentListTopic_3In6IJ on Topic {
  contents(after: $after, first: $count, filter: {applicationIds: $applicationIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      node {
        __typename
        entityId
        ...contentItemRenderContent
        ... on Article {
          types {
            value {
              entityUuid
              id
            }
          }
        }
        id
      }
      cursor
    }
    pageInfo {
      endCursor
      hasNextPage
    }
  }
  relatedNewsletters {
    entityId
    name
    alternativeName
    summary {
      text
    }
    homepageDescription {
      text
    }
    id
  }
  entityId
  advertZone
  id
}

fragment topicHeaderRelatedLinksTopic on Topic {
  relatedLink {
    title
    url
  }
}

fragment topicHeaderTopic on Topic {
  ...topicHeaderRelatedLinksTopic
  ...entityFollowButtonBase
  description {
    html
  }
  images(filter: {type: {values: [MOBILE_APP_IMAGE, BREAKOUT, BREAKOUT_SPONSOR]}}) {
    type
    icon: style(filter: {style: "118x118"}) {
      url
    }
    breakout: style(filter: {style: "2000x792"}) {
      url
    }
    breakoutSponsor: style(filter: {style: "1560x218"}) {
      url
    }
  }
  name
  sponsor {
    ...sponsorTagSponsor
    id
  }
}

fragment topicLinkTopic on Topic {
  ...entityLink
  name
}

fragment topicSeoTopic on Topic {
  entityUuid
  entityId
  sponsor {
    name
    id
  }
  name
  description {
    text
  }
  urlAlias
  metaDescription
  ...hooksUseDeepLinkTagsBase
  ...hooksUseDynamicMetaTags
}

fragment topicSponsorArticlesQueueQuery_3wOIuE on Query {
  sponsorArticlesQueue: queue(filter: {name: $sponsorArticleQueueName}) {
    items(first: 20) {
      edges {
        node {
          __typename
          ... on Base {
            __isBase: __typename
            entityId
          }
          ...contentItemRenderContent
          ... on Node {
            __isNode: __typename
            id
          }
          ... on Article {
            id
          }
          ... on Gallery {
            id
          }
          ... on Podcast {
            id
          }
          ... on Recipe {
            id
          }
          ... on Video {
            id
          }
        }
      }
    }
    id
  }
}

fragment topicTopicPageTopic_3In6IJ on Topic {
  contents(after: $after, first: $count, filter: {applicationIds: $applicationIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      __typename
      cursor
      node {
        __typename
        id
      }
    }
    pageInfo {
      endCursor
      hasNextPage
    }
  }
  id
}

fragment videoDurationOverlayVideo on Video {
  duration
}


relatedNewsletters

relatedLink

description

images

name

entityUuid

urlAlias

metaDescription

items

Architect of performing arts centre in Shenzhen, China, Rocco Yim of Hong Kong, on the thinking behind its monumental design

Hong Kong architect talks us through his firm’s dramatic bayside building in the city in southern China, with its curved facade and tilted tower, which completes a cultural complex in Baoan district planned since 2007.


Who designed Isha Ambani and Deepika Padukone’s wedding dresses? How Asian bridal couture is taking the world by storm

Asian bridal couture designers are not just changing the landscape of a billion-dollar industry, but also helping brides veer from the traditional mould


Redecorating her family’s rented house set Hongkonger on a new career as an interior designer

Fé Valvekens was studying residential interior design when her family moved homes in Hong Kong, giving her the chance to put into practice things she had learned.


How a Hong Kong couple come home to a holiday every day in their Tsim Sha Tsui flat

The 867 sq ft space, which looks out onto the neon lights of Kowloon, features a variety of wood, along with concrete, subtle industrial elements and an ever-changing lighting system, creating a tactile, tropical, welcoming environment.


Why a Hong Kong mother bought and renovated a flat for her three adult children

A designer persuaded a reluctant family to go bold, creating distinctive features that give the home a modern aesthetic while respecting the cultural context of the old-style 1970s tenement.


A Bali-inspired home in the heart of Hong Kong – perfect during a pandemic

Renovating a new flat during a pandemic – and with a baby on the way – presents challenges, but for one Hong Kong couple, life in a virtual lockdown resulted in not only the perfect sanctuary, but savings, too.


A Hong Kong apartment is transformed by ripping out disastrous additions and blurring the lines between inside and out

The dark, dingy flat had been crossed off the list of many potential buyers before the new owners convinced themselves they weren’t ‘crazy’ to buy it.


Asian-inspired designs

Rocco Yim on his bold design for new performing arts centre in Shenzhen

How are Asian designers revolutionising bridal couture?

She’s not afraid to go bold: wallpaper key to rental home makeover

How a Hong Kong couple come home to a holiday every day

Why a Hong Kong mother renovated a flat for her three adult children

Renovating a flat during a pandemic while pregnant – sounds easy, right?

A Hong Kong flat is transformed by ripping out disastrous additions