lufeng

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>lufeng</title>
	<link>https://lufengdesign.com</link>
	<description>lufeng</description>
	<pubDate>Tue, 15 Sep 2026 07:30:23 +0000</pubDate>
	<generator>https://lufengdesign.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://lufengdesign.com/Home</link>

		<pubDate>Tue, 23 Apr 2019 18:35:39 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/Home</guid>

		<description>
	&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5411e04e77e5286cb8ba30e48bf88a166a389584b0f2fb2936dfbb58ad996ac7/hy-cover-newscreen-1.jpg" data-mid="251972136" border="0"  src="https://freight.cargo.site/w/1000/i/5411e04e77e5286cb8ba30e48bf88a166a389584b0f2fb2936dfbb58ad996ac7/hy-cover-newscreen-1.jpg" /&#62;

PRODUCT DESIGN 
Hudson Yards 


	&#60;img width="2880" height="2016" width_o="2880" height_o="2016" data-src="https://freight.cargo.site/t/original/i/eac19fed4f75fab397eb1951d247fb3ff7a7ee5e4a6f8ac789871f2b2f5d8bfb/Cover-Image-Copy-3.jpg" data-mid="61557440" border="0"  src="https://freight.cargo.site/w/1000/i/eac19fed4f75fab397eb1951d247fb3ff7a7ee5e4a6f8ac789871f2b2f5d8bfb/Cover-Image-Copy-3.jpg" /&#62;VISUAL IDENTITY

DUANG COFFEE


	&#60;img width="1500" height="1049" width_o="1500" height_o="1049" data-src="https://freight.cargo.site/t/original/i/eea9066fe5a795a9e09dc49c8a0cd465fa2f1f63029a49052134dd6eb2125209/dy_cover-image2.png" data-mid="252128256" border="0"  src="https://freight.cargo.site/w/1000/i/eea9066fe5a795a9e09dc49c8a0cd465fa2f1f63029a49052134dd6eb2125209/dy_cover-image2.png" /&#62;CAMPAIGN PAGE
David Yurman


&#60;img width="1500" height="1049" width_o="1500" height_o="1049" data-src="https://freight.cargo.site/t/original/i/200fe7307d9ce58f24261f4d1da454b377d11a794fedfa6badf1c389c9bd24f3/Lancome-coverimage-v3.png" data-mid="252213946" border="0"  src="https://freight.cargo.site/w/1000/i/200fe7307d9ce58f24261f4d1da454b377d11a794fedfa6badf1c389c9bd24f3/Lancome-coverimage-v3.png" /&#62;
ADVERTISING DESIGNLancôme

&#60;img width="8004" height="5604" width_o="8004" height_o="5604" data-src="https://freight.cargo.site/t/original/i/9070d276a8493c7c469ef3ea0d130ded21c7cd1480461950c68a5b4d1debab55/moma-cover-updated.png" data-mid="251855194" border="0"  src="https://freight.cargo.site/w/1000/i/9070d276a8493c7c469ef3ea0d130ded21c7cd1480461950c68a5b4d1debab55/moma-cover-updated.png" /&#62;PRODUCT DESIGNMoMA


	&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/8c30a690410e37c7e9a077f84d17ceed50667cd966807e979f83b900b98653bc/cpb-cover2.jpg" data-mid="251856810" border="0"  src="https://freight.cargo.site/w/1000/i/8c30a690410e37c7e9a077f84d17ceed50667cd966807e979f83b900b98653bc/cpb-cover2.jpg" /&#62;ADVERTISING DESIGN
Clé de Peau Beauté


&#60;img width="1500" height="1049" width_o="1500" height_o="1049" data-src="https://freight.cargo.site/t/original/i/f24e283dd4a216eece32f399cb19e0afbac0e4e6ed370f8d48010216d172cedc/ChatGPT-Image-Sep-5--2026--05_19_16-AM.png" data-mid="251857918" border="0"  src="https://freight.cargo.site/w/1000/i/f24e283dd4a216eece32f399cb19e0afbac0e4e6ed370f8d48010216d172cedc/ChatGPT-Image-Sep-5--2026--05_19_16-AM.png" /&#62;PRODUCT DESIGN
Civic Tech Jobs

&#60;img width="2880" height="2016" width_o="2880" height_o="2016" data-src="https://freight.cargo.site/t/original/i/427416eb7dbab58b0f3b0719c4e2d7173c4c8ceed68cf980631f1d58a9da21a2/cover02.jpg" data-mid="65845780" border="0"  src="https://freight.cargo.site/w/1000/i/427416eb7dbab58b0f3b0719c4e2d7173c4c8ceed68cf980631f1d58a9da21a2/cover02.jpg" /&#62;POSTER DESIGNPoster A Day


	&#60;img width="1500" height="1050" width_o="1500" height_o="1050" data-src="https://freight.cargo.site/t/original/i/a8c2ed106a38cac3cc3929fa144a998e9ad6226ee30b59f08d43873cc1330f77/Teatro.jpg" data-mid="66112860" border="0"  src="https://freight.cargo.site/w/1000/i/a8c2ed106a38cac3cc3929fa144a998e9ad6226ee30b59f08d43873cc1330f77/Teatro.jpg" /&#62;POSTER DESIGNTeatro Cinema: Historia De Amor


	&#60;img width="1440" height="1008" width_o="1440" height_o="1008" data-src="https://freight.cargo.site/t/original/i/ef5a59fc201ac3bb58f100f98e27ed76227e6ab6deacbdc288e4b261418a214b/the-eyes.png" data-mid="40771262" border="0"  src="https://freight.cargo.site/w/1000/i/ef5a59fc201ac3bb58f100f98e27ed76227e6ab6deacbdc288e4b261418a214b/the-eyes.png" /&#62;MACHINE PROJECT

The Eyes Are Always There


	&#60;img width="1500" height="1050" width_o="1500" height_o="1050" data-src="https://freight.cargo.site/t/original/i/c78de271686d1fcff473ebbbc5f428428c178e07fb9dc7f8c30d5c955c597ea3/Cover-Image.jpg" data-mid="65672260" border="0"  src="https://freight.cargo.site/w/1000/i/c78de271686d1fcff473ebbbc5f428428c178e07fb9dc7f8c30d5c955c597ea3/Cover-Image.jpg" /&#62;VISUAL IDENTITY
DATADATA Gallery


	&#60;img width="2880" height="2016" width_o="2880" height_o="2016" data-src="https://freight.cargo.site/t/original/i/b0f2f061de6b4318504ec6e83838f9dd0cf87ed8064782321943a0d15c72269f/Cover-Image.jpg" data-mid="61560769" border="0"  src="https://freight.cargo.site/w/1000/i/b0f2f061de6b4318504ec6e83838f9dd0cf87ed8064782321943a0d15c72269f/Cover-Image.jpg" /&#62;VISUAL IDENTITY
Clash &#38;amp; Harmony


	&#60;img width="2000" height="4000" width_o="2000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/537c43cf0ca4bf186843a08fcaebbdc04844326cb08b26112b9a83ca7f8cce96/Kenyatta.jpg" data-mid="66115995" border="0" data-scale="69" src="https://freight.cargo.site/w/1000/i/537c43cf0ca4bf186843a08fcaebbdc04844326cb08b26112b9a83ca7f8cce96/Kenyatta.jpg" /&#62;

POSTER DESIGN
Kenyatta Hinkle


&#60;img width="824" height="1178" width_o="824" height_o="1178" data-src="https://freight.cargo.site/t/original/i/b7db80a2249fb99cfb099b21f2c0d63158aa38cdc3a1e088eff446e76c913552/Brad.jpg" data-mid="66115014" border="0"  src="https://freight.cargo.site/w/824/i/b7db80a2249fb99cfb099b21f2c0d63158aa38cdc3a1e088eff446e76c913552/Brad.jpg" /&#62;
&#60;img width="1180" height="1668" width_o="1180" height_o="1668" data-src="https://freight.cargo.site/t/original/i/0457d6e6dcabe5f17af03e3b46cd40021410f3742d672974866a8fff2a528653/05_1.png" data-mid="41502550" border="0"  src="https://freight.cargo.site/w/1000/i/0457d6e6dcabe5f17af03e3b46cd40021410f3742d672974866a8fff2a528653/05_1.png" /&#62;
&#60;img width="923" height="1307" width_o="923" height_o="1307" data-src="https://freight.cargo.site/t/original/i/4edc9740dbf0c3550c675328a9a594e3cde979544f83d2c694a5aabf6dc31a99/12.png" data-mid="66114213" border="0"  src="https://freight.cargo.site/w/923/i/4edc9740dbf0c3550c675328a9a594e3cde979544f83d2c694a5aabf6dc31a99/12.png" /&#62;
&#60;img width="917" height="1270" width_o="917" height_o="1270" data-src="https://freight.cargo.site/t/original/i/1493c67061a28a7c10a5822d5bcebbdd8d1a780f51cbebdf100cb22d790aecb8/008.jpg" data-mid="41502547" border="0" data-scale="100" src="https://freight.cargo.site/w/917/i/1493c67061a28a7c10a5822d5bcebbdd8d1a780f51cbebdf100cb22d790aecb8/008.jpg" /&#62;

POSTER DESIGN
REDCAT


	&#60;img width="576" height="728" width_o="576" height_o="728" data-src="https://freight.cargo.site/t/original/i/8428d6ad886bb81b3d509420ec2fde5769a75a7695d248f33f1e9724fb2b8d94/05.png" data-mid="66114333" border="0" data-scale="80" src="https://freight.cargo.site/w/576/i/8428d6ad886bb81b3d509420ec2fde5769a75a7695d248f33f1e9724fb2b8d94/05.png" /&#62;POSTER DESIGN
Susan Philipsz


&#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/0abdf43710458db64593898d4aec146176a3368c4f6f36d27e889f904648d128/type-20.png" data-mid="41502424" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/0abdf43710458db64593898d4aec146176a3368c4f6f36d27e889f904648d128/type-20.png" /&#62;
&#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/4bdaa86e00dacd0837ec018896275be3906939cce55b922f2ef5736e62af21cf/type-18.png" data-mid="41502423" border="0"  src="https://freight.cargo.site/w/1000/i/4bdaa86e00dacd0837ec018896275be3906939cce55b922f2ef5736e62af21cf/type-18.png" /&#62;
&#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/8a8cc1876054f7416aa25fb947d69d8e85a2b8837554f6a404b9f4505f9c5ead/type-21.png" data-mid="41502425" border="0"  src="https://freight.cargo.site/w/1000/i/8a8cc1876054f7416aa25fb947d69d8e85a2b8837554f6a404b9f4505f9c5ead/type-21.png" /&#62;
&#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/0bc8b433e1398c66dffd14bd8774c6428d0bf19200f3f624259773f6d52cd027/type-17.png" data-mid="41502422" border="0"  src="https://freight.cargo.site/w/1000/i/0bc8b433e1398c66dffd14bd8774c6428d0bf19200f3f624259773f6d52cd027/type-17.png" /&#62;
TYPOGRAPHYSwift Type Specimen


© 2026 Lu Feng All Rights Reserved

</description>
		
	</item>
		
		
	<item>
		<title>Lancome</title>
				
		<link>https://lufengdesign.com/Lancome</link>

		<pubDate>Tue, 15 Sep 2026 07:30:23 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/Lancome</guid>

		<description>


/* ---- 清除 Cargo 预设，只在案例内部生效 ---- */
:where(.lar, .lar *) { all: unset; display: revert; box-sizing: border-box !important; }
.lar, .lar * {
  text-align: left !important;
  float: none !important;
  vertical-align: baseline !important;
  text-decoration: none !important;
  list-style: none !important;
  font-synthesis: none !important;
  font-kerning: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
.lar img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
}
.lar a, .lar a:hover { color: #EFC98F !important; text-decoration: none !important; }

/* ---- 根 ---- */
.lar {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #120104 !important;
  color: #FFFFFF !important;
  font-family: 'Cormorant Garamond', Garamond, Georgia, serif !important;
  -webkit-font-smoothing: antialiased !important;
  container-type: inline-size !important;
}

/* ---- 01 HERO ---- */
.lar-hero {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
}
.lar-hero-txt {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(36px,4.6cqw,84px) clamp(22px,5cqw,96px) clamp(36px,4.6cqw,80px) !important;
  gap: clamp(24px,3cqw,48px) !important;
  min-height: clamp(400px, 46cqw, 860px) !important;
}
.lar-eyebrow {
  font-family: 'Spectral', Georgia, serif !important;
  font-weight: 500 !important; font-size: 11px !important;
  letter-spacing: .3em !important; text-indent: .3em !important;
  color: #FFE3C4 !important;
}
.lar-h1 {
  font-weight: 300 !important;
  font-size: clamp(48px,10.4cqw,186px) !important;
  line-height: .82 !important; letter-spacing: -.042em !important;
  color: #FFF6EC !important;
  padding: 0 !important;
}
.lar-h1 i { font-style: italic !important; color: #F6D6A8 !important; }
.lar-lede {
  max-width: 46ch !important;
  font-family: 'Spectral', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  line-height: 1.75 !important; letter-spacing: 0 !important; color: rgba(255,255,255,.95) !important;
  text-wrap: pretty !important;
}
.lar-hero-img { position: relative !important; overflow: hidden !important; background: #3A0512 !important; min-height: clamp(360px, 52cqw, 940px) !important; }
.lar-fill { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.lar-hero-img .lar-fill { object-position: 50% 28% !important; }

/* ---- 02 SCREENS ---- */
.lar-screens {
  position: relative !important;
  background: linear-gradient(180deg,#120104 0%,#4A0316 30%,#4A0316 70%,#120104 100%) !important;
  padding: clamp(48px,6cqw,110px) 0 clamp(56px,7cqw,124px) !important;
}
.lar-wrap { max-width: 1400px !important; width: 100% !important; margin: 0 auto !important; padding: 0 clamp(22px,5cqw,110px) !important; display: flex !important; flex-direction: column !important; gap: clamp(32px,4.4cqw,80px) !important; }
.lar-wrap-wide { max-width: 1680px !important; }
.lar-h2 {
  font-weight: 300 !important;
  font-size: clamp(28px,4.6cqw,78px) !important;
  line-height: 1 !important; letter-spacing: -.02em !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(246,214,168,.42) !important;
  padding-bottom: clamp(16px,1.8vw,28px) !important;
}
.lar-h2 i { font-style: italic !important; color: #F6D6A8 !important; }
.lar-grid4 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important; gap: clamp(24px,3cqw,56px) !important; align-items: start !important; justify-items: center !important; }
.lar-card { width: 100% !important; max-width: 300px !important; display: flex !important; flex-direction: column !important; gap: clamp(14px,1.6cqw,24px) !important; }
.lar-cap-n { font-family: 'Spectral', Georgia, serif !important; font-weight: 500 !important; font-size: 10px !important; letter-spacing: .24em !important; color: #F6D6A8 !important; }
.lar-cap-t { font-family: 'Spectral', Georgia, serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.66 !important; letter-spacing: 0 !important; color: rgba(255,255,255,.92) !important; margin-top: 10px !important; text-wrap: pretty !important; }

/* 手机外框 */
.lar-phone { position: relative !important; width: 100% !important; aspect-ratio: 390/844 !important; border: 1.4px solid rgba(255,255,255,.5) !important; border-radius: 38px !important; padding: 8px !important; }
.lar-scr { position: relative !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 31px !important; background: #140105 !important; }
.lar-scr .lar-fill { object-position: 50% 50% !important; }

/* ---- 03 SYSTEM ---- */
.lar-sys { padding: clamp(48px,6cqw,110px) 0 clamp(56px,7cqw,124px) !important; }
.lar-h3 { font-weight: 300 !important; font-size: clamp(26px,4cqw,64px) !important; line-height: 1 !important; letter-spacing: -.02em !important; color: #FFFFFF !important; border-bottom: 1px solid rgba(246,214,168,.4) !important; padding-bottom: clamp(14px,1.8cqw,26px) !important; }
.lar-h3 i { font-style: italic !important; color: #F6D6A8 !important; }
.lar-cols2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important; gap: clamp(28px,4cqw,80px) !important; }
.lar-col { display: flex !important; flex-direction: column !important; gap: clamp(16px,1.8cqw,28px) !important; min-width: 0 !important; }
.lar-label { font-family: 'Spectral', Georgia, serif !important; font-weight: 500 !important; font-size: 10px !important; letter-spacing: .24em !important; color: #F6D6A8 !important; }
.lar-swatches { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)) !important; gap: 10px !important; align-items: start !important; }
.lar-sw { display: flex !important; flex-direction: column !important; gap: 10px !important; min-width: 0 !important; }
.lar-chip { width: 100% !important; height: clamp(64px,9cqw,132px) !important; }
.lar-chip.outline { border: 1px solid rgba(255,255,255,.18) !important; }
.lar-sw-n { font-family: 'Spectral', Georgia, serif !important; font-weight: 500 !important; font-size: 10px !important; letter-spacing: .14em !important; color: rgba(255,255,255,.92) !important; }
.lar-sw-h { font-family: 'Spectral', Georgia, serif !important; font-weight: 400 !important; font-size: 10px !important; letter-spacing: .06em !important; color: rgba(246,214,168,.8) !important; margin-top: 4px !important; }
.lar-body { font-family: 'Spectral', Georgia, serif !important; font-weight: 300 !important; font-size: 16px !important; line-height: 1.75 !important; letter-spacing: 0 !important; color: rgba(255,255,255,.9) !important; text-wrap: pretty !important; }
.lar-type-i { font-style: italic !important; font-weight: 300 !important; font-size: clamp(30px,3.8cqw,54px) !important; line-height: 1 !important; color: #FFFFFF !important; }
.lar-type-c { font-weight: 500 !important; font-size: 13px !important; letter-spacing: .36em !important; text-indent: .36em !important; color: #FFFFFF !important; }
.lar-type-g { font-family: 'Spectral', Georgia, serif !important; font-weight: 500 !important; font-size: 11px !important; letter-spacing: .24em !important; color: rgba(255,255,255,.8) !important; }

/* ---- 04 IN CONTEXT ---- */
.lar-ctx { padding: 0 0 clamp(48px,6cqw,110px) !important; }
.lar-ctx-wrap { max-width: 1680px !important; width: 100% !important; margin: 0 auto !important; padding: 0 clamp(22px,5cqw,110px) !important; display: flex !important; flex-direction: column !important; gap: clamp(28px,3.6cqw,60px) !important; align-items: center !important; }
.lar-ctx-item { width: 100% !important; max-width: 1180px !important; display: flex !important; flex-direction: column !important; gap: clamp(10px,1.2cqw,18px) !important; }
.lar-ctx-item img { width: 100% !important; height: auto !important; }

/* ---- 窄屏微调（container query，随所在栏宽而非视口） ---- */
@container (max-width: 700px) {
  .lar-eyebrow { font-size: 10px !important; letter-spacing: .24em !important; text-indent: .24em !important; }
  .lar-label { font-size: 9.5px !important; letter-spacing: .2em !important; }
}
@container (max-width: 440px) {
  .lar-card { max-width: 340px !important; }
  .lar-type-c { font-size: 12px !important; letter-spacing: .28em !important; text-indent: .28em !important; }
}
/* 不支持 container query 的旧浏览器兜底 */
@supports not (container-type: inline-size) {
  @media (max-width: 860px) {
    .lar-hero, .lar-cols2 { grid-template-columns: minmax(0,1fr) !important; }
    .lar-h1 { font-size: 15vw !important; }
  }
  @media (max-width: 560px) {
    .lar-grid4 { grid-template-columns: minmax(0,1fr) !important; }
  }
}


      LANCÔME PARIS · DFS TRAVEL RETAIL
      L’AbsoluRouge
      A four-part mobile campaign for L’Absolu Rouge. Raspberry colour, sculptural roses and luminous beauty portraits connect the campaign; a consistent typographic system gives every message room to breathe, from the first impression to the offer.
    
    
      &#60;img class="lar-fill" src="https://freight.cargo.site/t/original/i/9e6399219ded8d6c012b2f99c47f47e5d5ca62fdd5a3d49be1bcf43568fa11ce/hero-model-v2.png" alt="Campaign portrait"&#62;
    
  
      Four screens, one campaign
      
        
            &#60;img class="lar-fill" src="https://freight.cargo.site/t/original/i/20dc4f7ee89c245afe70367238e99bbe398947f1f235394b71890439bfd5d4aa/v4-01-hero.png" alt="Screen 01"&#62;
          
          01
        
        
            &#60;img class="lar-fill" src="https://freight.cargo.site/t/original/i/7ff5dbb7671bf10264213ee390dcedd24834aa1813efc652a1371b23c961e761/v4-02-stores.png" alt="Screen 02"&#62;
          
          02
        
        
            &#60;img class="lar-fill" src="https://freight.cargo.site/t/original/i/5d72bccd851d75ba4431959bfe730c2d04407982003604467f6d939ffc398eea/v4-03-range.png" alt="Screen 03"&#62;
          
          03
        
        
            &#60;img class="lar-fill" src="https://freight.cargo.site/t/original/i/35a43a55acf4fa8d2e7603531f8842c9a3b88ed8b939077dc3385cbf9d8df0d8/v4-04-closing.png" alt="Screen 04"&#62;
          
          04
        
      
      What holds it together
      
        
          PALETTE
          
            RASPBERRYC60E46
            ROUGEA00424
            DEEP ROUGE4A0316
            CASE BLACK120104
            GOLDF6D6A8
          
          Raspberry carries the campaign, deep rouge adds depth, case black grounds the type. Gold is reserved for labels and rules.
        
        
          TYPE
          
            Metamorphose
            L’ABSOLU ROUGE
            SUPPORTING LABEL
          
          One serif throughout: italic for feeling, tracked caps for facts. A grotesque appears only at label size.
        
      
        IN STORE
        &#60;img src="https://freight.cargo.site/t/original/i/59bd9bf7569f4f5097e0f721586fcb542f39fbd3820db2e120e40b98346f26aa/Instore.png" alt="In-store lightbox"&#62;
      
      
        AT THE COUNTER
        &#60;img src="https://freight.cargo.site/t/original/i/cefd1e6fc76882fd7633c9dded58d476d61ec1eeb86a1dad77220ed94d0bfb9a/atthecounter2.png" alt="At the counter"&#62;
      
      
        OFF SITE
        &#60;img src="https://freight.cargo.site/t/original/i/525f39092cec232ef3b74cedc915fee4d14df5937c636aeaed992542a01ad61a/offsite.png" alt="Off site"&#62;
      
    
</description>
		
	</item>
		
		
	<item>
		<title>Divid Yurman</title>
				
		<link>https://lufengdesign.com/Divid-Yurman</link>

		<pubDate>Sun, 13 Sep 2026 21:53:40 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/Divid-Yurman</guid>

		<description>

.dys{--bg:#0b1017;--ink:#f2efe9;--gold:#c2a173;--dur:18s;
  font-family:'Jost',sans-serif!important;background:var(--bg)!important;
  color:var(--ink)!important;width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:0!important;float:none!important;overflow-x:hidden!important;
  -webkit-font-smoothing:antialiased}
.dys,.dys *{box-sizing:border-box!important;text-align:left!important}
.dys div,.dys span,.dys p,.dys h1,.dys em{margin:0;padding:0;border:0;
  background:none;color:inherit;float:none!important;max-width:none;min-width:0}
.dys img{display:block!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;position:static!important}
.dys .gold{color:var(--gold)!important}
.dys .lbl{font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold)!important;line-height:1.4}
.dys .cap{font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(242,239,233,.55)!important;padding-top:20px!important;line-height:1.7}
.dys .body{font-size:clamp(15px,1.35vw,18px);line-height:1.75;
  color:rgba(242,239,233,.7)!important;max-width:38ch}
.dys .pad{padding-left:7vw!important;padding-right:7vw!important}

.dys .hero{display:flex!important;flex-wrap:wrap;min-height:92vh;width:100%}
.dys .hero-t{flex:1 1 420px;min-width:0;display:flex!important;
  flex-direction:column;justify-content:flex-end;
  padding:96px 8vw 76px 7vw!important}
.dys .hero-i{flex:1 1 420px;min-width:0;min-height:56vh;align-self:stretch;
  position:relative;overflow:hidden!important;background:#0b1017!important;
  font-size:0;line-height:0}
.dys .hero-i img{position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center 10%!important;display:block!important;
  margin:0!important;padding:0!important;border:0!important;max-width:none!important}
.dys .h1{font-weight:400;font-size:clamp(40px,5.8vw,94px);line-height:1.08;
  letter-spacing:.02em;text-transform:uppercase}
.dys .h1 em{font-style:normal!important;font-weight:200}
.dys .said{font-weight:300;font-size:clamp(23px,3.1vw,46px);line-height:1.34;
  max-width:24ch;color:var(--ink)!important}

.dys .adrow{display:flex!important;flex-wrap:wrap;gap:44px 32px;
  max-width:1180px;width:100%}
.dys .adrow&#62;div{flex:0 0 calc(50% - 16px);max-width:280px;min-width:0}
@media (min-width:1120px){.dys .adrow&#62;div{flex:0 0 calc(25% - 24px)}}
.dys .fr{border:2px solid rgba(242,239,233,.85)!important;
  border-radius:26px!important;padding:6px!important;width:100%}
.dys .scr{border-radius:21px!important;overflow:hidden!important;
  background:#0c1526!important;aspect-ratio:750/1536;position:relative!important;
  width:100%}
.dys .scr&#62;img{height:100%!important;object-fit:cover}
.dys .band{position:absolute!important;top:0;left:0;right:0;height:48.83%;
  overflow:hidden!important}
.dys .trk{display:flex!important;width:700%!important;height:100%;
  animation:carTrack var(--dur) infinite}
.dys .trk img{width:14.2857%!important;height:100%!important;
  flex:0 0 14.2857%;object-fit:cover}
.dys .dots{position:absolute!important;left:0;right:0;bottom:7%;
  display:flex!important;justify-content:center;gap:7px}
.dys .dots span{width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.38);animation:carDot var(--dur) linear infinite}
@keyframes carTrack{
  0%,13.6%{transform:translateX(0)}
  16.67%,30.3%{transform:translateX(-14.2857%)}
  33.33%,47%{transform:translateX(-28.5714%)}
  50%,63.6%{transform:translateX(-42.857%)}
  66.67%,80.3%{transform:translateX(-57.1428%)}
  83.33%,97%{transform:translateX(-71.4285%)}
  100%{transform:translateX(-85.7142%)}}
.dys .patch{position:absolute!important;left:42%;width:16%;top:93.2%;
  height:3.6%;background:#000!important}
.dys .cue{position:absolute!important;left:47.4%;width:3.2%;aspect-ratio:1;
  top:94.2%;border-right:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
  animation:cueBob 2.2s ease-in-out infinite}
@keyframes cueBob{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.55}
  45%{transform:rotate(45deg) translate(7px,7px);opacity:1}
  70%{transform:rotate(45deg) translate(1.4px,1.4px);opacity:.8}}
@keyframes carDot{0%,16.6%{background:#fff}
  16.7%,100%{background:rgba(255,255,255,.38)}}
@media (prefers-reduced-motion:reduce){.dys .trk,.dys .dots span,.dys .cue{animation:none}}

.dys .split{display:flex!important;flex-wrap:wrap;gap:40px;
  align-items:flex-start;width:100%}
.dys .split-a{flex:0 0 230px;max-width:230px;min-width:0}
.dys .split-b{flex:1 1 420px;min-width:0}
@media (max-width:759px){.dys .split-a{flex:0 0 100%;max-width:100%}}
.dys .win{border:2px solid rgba(242,239,233,.85)!important;
  border-radius:18px!important;padding:8px!important;width:100%}
.dys .chrome{display:flex!important;gap:8px;align-items:center;
  padding:7px 9px 14px!important}
.dys .chrome i{width:8px;height:8px;border-radius:50%;
  border:2px solid rgba(242,239,233,.85);flex:0 0 8px;display:block}
.dys .chrome .bar{flex:1 1 auto;height:13px;border-radius:7px;
  border:2px solid rgba(242,239,233,.5);margin-left:14px}
.dys .pane{border-radius:11px!important;overflow-y:auto!important;
  overflow-x:hidden!important;aspect-ratio:16/10;background:#fff!important;
  -webkit-overflow-scrolling:touch;width:100%}
.dys .pane img{height:auto!important}

.dys .strip{display:flex!important;flex-wrap:wrap;gap:32px;width:100%;max-width:900px}
.dys .strip&#62;div{flex:1 1 240px;min-width:0}
.dys .pfr{border:2px solid rgba(242,239,233,.85)!important;
  border-radius:34px!important;padding:8px!important;width:100%}
.dys .pcrop{border-radius:27px!important;overflow:hidden!important;
  background:#0c1526 no-repeat!important;aspect-ratio:9/19.5;width:100%;
  background-image:url(https://freight.cargo.site/t/original/i/68fa30daf6f01f27f28518f56733c0bb962028c8a2f94462623e7401891ed1b7/LANDING_MOBILE.jpg)!important;background-size:100% auto!important}
.dys .c1{background-position:center 0%!important}
.dys .c2{background-position:center 45.6%!important}
.dys .c3{background-position:center 84%!important}

.dys .cable{height:12px;width:100%;background-repeat:repeat-x;
  background-size:18px 12px;
  background-image:url("data:image/svg+xml;utf8,");
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%)}
.dys .foot{padding:28px 7vw 56px!important;font-size:10px;letter-spacing:.28em;
  text-transform:uppercase;color:rgba(242,239,233,.45)!important}


      David Yurman · Holiday
      Make spiritsbright
      An interactive set of four full-screen mobile ads,
        leading to one holiday landing page for desktop and mobile.
    
    &#60;img src="https://freight.cargo.site/t/original/i/4ec679306f0ea1356157a69394104acc5892f616b846ba4fcfcc5401640c09cb/hero-cable-clean.jpg" alt=""&#62;
  

    The ad set
    

          &#60;img src="https://freight.cargo.site/t/original/i/3263a33615bac655cf86066c4511c7664b9d3d68f80370ab4d247510e3e91738/AD_URL-ad-base.jpg" alt="Full-screen mobile ad"&#62;
          
            
              &#60;img src="https://freight.cargo.site/t/original/i/9a7cb13afefa26e958a400da529980336e0a7812bb66eeb9ff198d781b2696e7/FRAME_1.jpg" alt=""&#62;&#60;img src="https://freight.cargo.site/t/original/i/23d2201f730f087bf2d2642720d2f4d030a27ed805a95a983b7e25adf1566bd5/FRAME_2.jpg" alt=""&#62;
              &#60;img src="https://freight.cargo.site/t/original/i/2bcdc0f87243a3bcf5a79069a2ccb06b99d18f22d89b41ec2261a80af1e540d5/FRAME_3.jpg" alt=""&#62;&#60;img src="https://freight.cargo.site/t/original/i/ef377257331f19ec12327bfc08c2da5a6b167e098261a13412318f949e632b79/FRAME_4.jpg" alt=""&#62;
              &#60;img src="https://freight.cargo.site/t/original/i/1f68ea1eb3e0b7ee2db7613feaacb738b1d36e6d257b331d70e663322959f8e9/FRAME_5.jpg" alt=""&#62;&#60;img src="https://freight.cargo.site/t/original/i/3792ce7c269bb712da6d1ef840391fab20b8af92628248098cdd976c1d7d2c85/FRAME_6.jpg" alt=""&#62;
              &#60;img src="https://freight.cargo.site/t/original/i/9a7cb13afefa26e958a400da529980336e0a7812bb66eeb9ff198d781b2696e7/FRAME_1.jpg" alt=""&#62;
            
            
        01A Brilliant Palette
      

        &#60;img src="https://freight.cargo.site/t/original/i/ebf9febad268e772a2e48554765c0ee59315b9953d526a9d3339407207988013/AD_2.jpg" alt="Full-screen mobile ad"&#62;
        02Our Holiday Wish
      

        &#60;img src="https://freight.cargo.site/t/original/i/2fb836cb2f399dea7c22a49b96218c19dffc5276fb3bce67b56af1f999cf9998/AD_3.jpg" alt="Full-screen mobile ad"&#62;
        03Unforgettable Gifts
      

        &#60;img src="https://freight.cargo.site/t/original/i/15fba77b3daec892d7c85ca6421905e35c3810cc1848b28b928726b4eed2d886/AD_4.jpg" alt="Full-screen mobile ad"&#62;
        04Explore Now
      

        Landing — Desktop
        One page,
          top to bottom. The four routes all arrive here.
        Scroll inside the frame ↓
      
      
          &#60;img src="https://freight.cargo.site/t/original/i/1705dea627aab52978d06f9de68dadd24f8da007ae2981cc3e03403f70d78ba0/LANDING_DESKTOP.jpg" alt="Desktop holiday landing page"&#62;
        
      
    Landing — Mobile
    
      
        Hero
      
        Middle
      
        Close
    
  
  David Yurman — Holiday Campaign

</description>
		
	</item>
		
		
	<item>
		<title>Hudson</title>
				
		<link>https://lufengdesign.com/Hudson</link>

		<pubDate>Sun, 25 Aug 2024 20:50:45 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/Hudson</guid>

		<description>


/* ---- 清除 Cargo 预设，只在案例内部生效 ---- */
:where(.hy-case, .hy-case *, .hy-m, .hy-m *):where(:not([class*="ph-"])) {
  all: unset;
  display: revert;
  box-sizing: border-box !important;
}
:where(.hy-case, .hy-m) [class*="ph-"] { box-sizing: border-box !important; }
.hy-case, .hy-case *, .hy-m, .hy-m * {
  text-align: left !important;
  float: none !important;
  vertical-align: baseline !important;
}
.hy-case img, .hy-m img {
  position: static !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none;
}
.hy-case [style*="position:absolute"] { position: absolute !important; }
.hy-case [style*="position:relative"] { position: relative !important; }
.hy-case img { max-width: none !important; }
.hy-case img[style*="width:100%"] { width: 100% !important; }
.hy-case img[style*="height:520px"] { height: 520px !important; }
.hy-case img[style*="height:auto"] { height: auto !important; }
.hy-case [style*="object-fit:cover"] { object-fit: cover !important; }
/* 图片样式全部放在外层，Cargo 改写 img 也不影响版式 */
.hy-case .hy-block { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; }
.hy-case .hy-imgwrap { display: block !important; }
.hy-case .hy-hero { display: block !important; width: 100% !important; height: 520px !important; border-radius: 20px; overflow: hidden !important; }
.hy-case .hy-hero .hy-fill { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
.hy-case .hy-logo { display: block !important; width: 352px !important; }
.hy-case .hy-abs { display: block !important; }

/* ---- 宽屏：1600px 长图按栏宽等比缩放 ---- */
.hy-case {
  container-type: inline-size;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #F7F5F1 !important;
}
.hy-case-h {
  position: relative !important;
  width: 100% !important;
  height: calc(7734px * tan(atan2(100cqw, 1600px))) !important;  /* 设计稿 1600 × 7734 */
}
.hy-case-scale {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1600px !important;
  max-width: none !important;
  height: auto !important;
  transform: scale(tan(atan2(100cqw, 1600px))) !important;
  transform-origin: 0 0 !important;
  font-family: 'Archivo', Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.4;
  color: #1C1B19;
  background: #F7F5F1;
  -webkit-font-smoothing: antialiased;
}

/* ---- 窄屏：单栏重排 ---- */
.hy-m {
  display: none !important;
  width: 100% !important;
  background: #F7F5F1 !important;
  color: #1C1B19 !important;
  font-family: 'Archivo', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased !important;
}
.hy-m .m-sec { padding: 54px 22px 8px !important; }
.hy-m .m-sec-tint { background: #E9E7E2 !important; padding-bottom: 46px !important; }
.hy-m .m-sec-dark { background: #14263B !important; color: #F7F5F1 !important; padding-bottom: 46px !important; }
.hy-m .m-cover { background: #DEDEDE !important; padding: 44px 22px 36px !important; }
.hy-m .m-cover-shots { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 30px !important; }
.hy-m .m-shotW { display: block !important; width: 100% !important; border-radius: 12px !important; overflow: hidden !important; }
.hy-m .m-shotW img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; }
.hy-m .m-num { font-family: 'Playfair Display', Georgia, serif !important; font-size: 38px !important; line-height: 1 !important; }
.hy-m .m-eyebrow { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: #8A1538 !important; margin-top: 7px !important; }
.hy-m .m-sec-dark .m-eyebrow { color: #C08AA0 !important; }
.hy-m .m-h { font-family: 'Playfair Display', Georgia, serif !important; font-size: 30px !important; line-height: 1.16 !important; margin-top: 16px !important; padding-bottom: 20px !important; border-bottom: 1px solid #CFC8B8 !important; text-wrap: balance !important; }
.hy-m .m-sec-dark .m-h { border-bottom-color: rgba(247,245,241,.35) !important; }
.hy-m .m-kicker { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: #57534B !important; margin-top: 30px !important; }
.hy-m .m-sec-dark .m-kicker { color: rgba(247,245,241,.7) !important; }
.hy-m .m-kicker-navy { color: #14263B !important; margin-top: 22px !important; }
.hy-m .m-kicker-q { margin-top: 10px !important; }
.hy-m .m-body { font-size: 16px !important; line-height: 1.65 !important; color: #3E4C5B !important; margin-top: 12px !important; text-wrap: pretty !important; }
.hy-m .m-body-lead { color: #4A5766 !important; font-size: 17px !important; }
.hy-m .m-wideW { display: block !important; width: 100% !important; height: 240px !important; border-radius: 14px !important; overflow: hidden !important; margin-top: 26px !important; }
.hy-m .m-wideW img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
.hy-m .m-logoW { display: block !important; width: 208px !important; }
.hy-m .m-logoW img { display: block !important; width: 100% !important; height: auto !important; }
.hy-m .m-cap { font-size: 14px !important; line-height: 1.5 !important; color: #6B6864 !important; margin-top: 10px !important; text-wrap: pretty !important; }
.hy-m .m-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px 14px !important; margin-top: 28px !important; padding-top: 22px !important; border-top: 1px solid #CFC8B8 !important; }
.hy-m .m-stats b { font-family: 'Playfair Display', Georgia, serif !important; font-size: 34px !important; line-height: 1 !important; color: #8A1538 !important; display: block !important; }
.hy-m .m-stats span { font-size: 14px !important; color: #57534B !important; display: block !important; margin-top: 5px !important; }
.hy-m .m-quote { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; font-size: 20px !important; line-height: 1.4 !important; margin-top: 14px !important; text-wrap: pretty !important; }
.hy-m .m-person { margin-top: 26px !important; padding-top: 20px !important; border-top: 1px solid #CFC8B8 !important; }
.hy-m .m-h + .m-tab, .hy-m .m-h + .m-dec { border-top: 0 !important; padding-top: 0 !important; }
.hy-m .m-h + .m-person { border-top: 0 !important; padding-top: 0 !important; margin-top: 26px !important; }
.hy-m .m-h + .m-tab, .hy-m .m-h + .m-dec { border-top: 0 !important; padding-top: 0 !important; }
.hy-m .m-h + .m-person { border-top: 0 !important; padding-top: 0 !important; margin-top: 28px !important; }
.hy-m .m-person-top { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 12px !important; }
.hy-m .m-person-name { font-family: 'Playfair Display', Georgia, serif !important; font-size: 26px !important; line-height: 1.1 !important; }
.hy-m .m-person-time { font-family: 'Playfair Display', Georgia, serif !important; font-size: 20px !important; color: #8A6A2F !important; }
.hy-m .m-list { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-top: 14px !important; }
.hy-m .m-list li { display: block !important; font-size: 16px !important; color: #3E4C5B !important; }
.hy-m .m-tabcards { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-top: 26px !important; }
.hy-m .m-tabcard { background: #FFFFFF !important; border: 1px solid rgba(20,38,59,.12) !important; border-radius: 18px !important; padding: 20px !important; }
.hy-m .m-tabcard-top { display: flex !important; align-items: center !important; gap: 11px !important; }
.hy-m .m-tabcard-top i { font-size: 22px !important; color: #14263B !important; }
.hy-m .m-tabcard-name { font-family: 'Playfair Display', Georgia, serif !important; font-size: 24px !important; }
.hy-m .m-tabcard-list { display: flex !important; flex-wrap: wrap !important; gap: 8px 18px !important; margin-top: 16px !important; padding-top: 14px !important; border-top: 1px solid rgba(28,27,25,.14) !important; }
.hy-m .m-tabcard-list div { font-size: 16px !important; color: #3E4C5B !important; }
.hy-m .m-tab { display: flex !important; flex-direction: column !important; gap: 5px !important; margin-top: 22px !important; padding-top: 16px !important; border-top: 1px solid #CFC8B8 !important; }
.hy-m .m-tab-name { font-family: 'Playfair Display', Georgia, serif !important; font-size: 22px !important; }
.hy-m .m-tab-kids { font-size: 15px !important; color: #6B6864 !important; }
.hy-m .m-flow { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 14px !important; }
.hy-m .m-rail { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin-top: 16px !important; margin-bottom: 6px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 6px !important; }
.hy-m .m-rail-item { flex: 0 0 152px !important; scroll-snap-align: start !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.hy-m .m-rail-item img { display: block !important; width: 152px !important; height: auto !important; max-width: none !important; border-radius: 10px !important; }
.hy-m .m-rail-cap { font-size: 15px !important; font-weight: 600 !important; color: #1C1B19 !important; margin-top: 2px !important; }
.hy-m .m-arrow { font-family: 'Playfair Display', Georgia, serif !important; font-size: 18px !important; color: #8A1538 !important; flex: 0 0 auto !important; margin-top: 140px !important; }
.hy-m .m-wires { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px 14px !important; margin-top: 26px !important; }
.hy-m .m-wireimg { display: block !important; width: 100% !important; }
.hy-m .m-wireimg img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; }
.hy-m .m-decimg { display: block !important; width: 116px !important; margin-bottom: 14px !important; }
.hy-m .m-decimg img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; }
.hy-m .m-wire-box { display: flex !important; flex-direction: column !important; gap: 8px !important; background: #FFFFFF !important; border: 1px solid rgba(20,38,59,.12) !important; border-radius: 14px !important; padding: 12px !important; aspect-ratio: 9 / 19.5 !important; height: auto !important; }
.hy-m .m-bar { background: #E4E1DA !important; border-radius: 3px !important; flex: 0 0 auto !important; width: 100% !important; }
.hy-m .m-gapf { flex: 1 1 auto !important; }
.hy-m .m-tabsrow { display: flex !important; justify-content: space-between !important; align-items: center !important; border-top: 1px solid rgba(20,38,59,.1) !important; padding-top: 8px !important; }
.hy-m .m-tabsrow span { width: 11px !important; height: 11px !important; border-radius: 3px !important; background: #E4E1DA !important; display: block !important; }
.hy-m .m-tabsrow span.on { background: #14263B !important; }
.hy-m .m-decbox { display: flex !important; flex-direction: column !important; gap: 7px !important; background: #FFFFFF !important; border: 1px solid rgba(20,38,59,.12) !important; border-radius: 12px !important; padding: 11px !important; width: 108px !important; aspect-ratio: 9 / 17 !important; margin-bottom: 14px !important; }
.hy-m .m-chips { display: flex !important; gap: 6px !important; }
.hy-m .m-chips span { flex: 1 1 auto !important; height: 13px !important; border-radius: 100px !important; background: #E4E1DA !important; display: block !important; }
.hy-m .m-cta { height: 15px !important; border-radius: 100px !important; background: #14263B !important; }
.hy-m .m-srow { display: flex !important; align-items: center !important; gap: 6px !important; height: 11px !important; }
.hy-m .m-srow i { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #3C7A5A !important; display: block !important; flex: 0 0 auto !important; }
.hy-m .m-srow i.amber { background: #B08D57 !important; }
.hy-m .m-srow i.grey { background: #9C9992 !important; }
.hy-m .m-wire-name { font-size: 14px !important; font-weight: 600 !important; margin-top: 10px !important; }
.hy-m .m-step { align-self: flex-start !important; font-size: 14px !important; font-weight: 600 !important; background: #FFFFFF !important; border: 1px solid rgba(20,38,59,.14) !important; border-radius: 100px !important; padding: 11px 16px !important; }
.hy-m .m-swatches { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px 14px !important; margin-top: 18px !important; }
.hy-m .m-chip { height: 76px !important; border-radius: 6px !important; }
.hy-m .m-hex { font-size: 14px !important; font-weight: 600 !important; margin-top: 9px !important; }
.hy-m .m-status { display: flex !important; flex-wrap: wrap !important; gap: 8px 20px !important; margin-top: 24px !important; padding-top: 18px !important; border-top: 1px solid #CFC8B8 !important; font-size: 15px !important; }
.hy-m .m-status &#62; div { display: flex !important; align-items: center !important; gap: 8px !important; }
.hy-m .m-dot { width: 9px !important; height: 9px !important; border-radius: 50% !important; display: block !important; }
.hy-m .m-dotsq { width: 13px !important; height: 13px !important; display: inline-block !important; margin-right: 9px !important; vertical-align: -1px !important; }
.hy-m .m-type-a { font-family: 'Playfair Display', Georgia, serif !important; font-size: 36px !important; line-height: 1.05 !important; margin-top: 16px !important; }
.hy-m .m-type-b { font-size: 24px !important; font-weight: 600 !important; margin-top: 22px !important; }
.hy-m .m-rule { margin-top: 20px !important; }
.hy-m .m-rule-top { font-family: 'Playfair Display', Georgia, serif !important; font-size: 20px !important; }
.hy-m .m-dec { margin-top: 24px !important; padding-top: 18px !important; border-top: 1px solid #CFC8B8 !important; }
.hy-m .m-dec-t { font-family: 'Playfair Display', Georgia, serif !important; font-size: 23px !important; line-height: 1.2 !important; }
.hy-m .m-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 26px 14px !important; margin-top: 26px !important; }
.hy-m .m-shot img { width: 100% !important; height: auto !important; border-radius: 10px !important; }
.hy-m .m-cap-i { color: rgba(247,245,241,.8) !important; font-size: 13px !important; font-weight: 600 !important; }

@media (max-width: 900px) {
  .hy-case { display: none !important; }
  .hy-m { display: block !important; }
}


          &#60;img src="https://freight.cargo.site/t/original/i/c07ca23b167431b0dd44eedb41101aa16378bd3f065123721b3d6e56705e5a29/hy-logo-mark.svg" alt="Hudson Yards" class="hy-block"&#62;
          
            
            VISITOR MOBILE APP
          
          A mobile app for shopping, dining, events and&#38;nbsp;wayfinding on&#38;nbsp;site. I&#38;nbsp;defined the&#38;nbsp;navigation, designed the&#38;nbsp;paths for finding a&#38;nbsp;place and&#38;nbsp;booking a&#38;nbsp;table, and&#38;nbsp;built the&#38;nbsp;design system behind the&#38;nbsp;screens.
        
        &#60;img src="https://freight.cargo.site/t/original/i/9aaaf0e773dee8c5a0f430d93ffe3f8ce468deab7521ebfdf915d7471c342875/saved.png" alt="Saved screen" class="hy-block"&#62;
        &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Explore screen" class="hy-block"&#62;
        &#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Map screen" class="hy-block"&#62;
      
    
          01
          PROBLEM
        
        
            What visitors ask on&#38;nbsp;site
            
          
              &#60;img src="https://freight.cargo.site/t/original/i/61921e9549c5c0015606a1e29c07bd1ba9e32db0dd96e37d98c5ed9aceb0dbda/vessel-hero.png" alt="Hudson Yards public square" class="hy-fill"&#62;
              Public Square on&#38;nbsp;a&#38;nbsp;Saturday afternoon, where most first visits&#38;nbsp;begin.
            
            
                28
                Acres
              
              
                4
                Buildings
              
              
                7
                Retail levels
              
              
                87
                Shops and restaurants
              
              
                THE FOUR QUESTIONS
                
            
              “Where is&#38;nbsp;it, and&#38;nbsp;which level am&#38;nbsp;I&#38;nbsp;on?”
            
            
              “Is it open, and&#38;nbsp;is&#38;nbsp;it worth the&#38;nbsp;walk?”
            
            
              “Can I&#38;nbsp;still get a&#38;nbsp;table tonight?”
            
            
              “What is&#38;nbsp;on&#38;nbsp;tonight?”
            
              
          02
          USERS
        
        
          Three arrivals, three&#38;nbsp;clocks
          
            
                The visitor
                2–4h
              
              FIRST TIME
              Tickets for the&#38;nbsp;VesselA table tonightThe nearest bathroom
              
                “Just tell me&#38;nbsp;the one thing to&#38;nbsp;do&#38;nbsp;next.”
              
            
                The commuter
                40m
              
              WORKS NEARBY
              What is&#38;nbsp;open nowWalk time, not&#38;nbsp;distanceHow long the&#38;nbsp;queue&#38;nbsp;is
              
                “I have until&#38;nbsp;1:15.”
              
            
                The regular
                monthly
              
              LOCAL
              What changed since&#38;nbsp;last&#38;nbsp;timeThis month’s eventsMember offers
              
                “What is&#38;nbsp;new this&#38;nbsp;month?”
              
            
          03
          INFORMATION ARCHITECTURE
        
        
            Five tabs, nothing in&#38;nbsp;a&#38;nbsp;drawer
            
          
                Explore
              
              
                Tonight
                Featured
                Member offers
                See &#38;amp; Do
              
            
                Directory
              
              
                Filter sheet
                Store detail
                Dining detail
                Categories
              
            
                Map
              
              
                Level switch
                Amenities
                Walk time
                Place sheet
              
            
                Events
              
              
                Date ranges
                Day list
                Event detail
                Add to calendar
              
            
                Saved
              
              
                Places
                Events
                Tickets
                Empty state
              
            
          04
          WIREFRAMES
        
        
          Structure before photography
          
            
              Explore
              
            
              Directory
              
            
              Map
              
            
              Detail
              
            
          05
          FLOW
        
        
            The two paths that&#38;nbsp;matter
            
          
              FLOW A · FIND A STORE AND WALK TO IT
              
            
              &#60;img src="https://freight.cargo.site/t/original/i/3b170ac387045c569527de73a1b778e5c58613b0b8935de6bdb6d122a65b7f76/directory.png" alt="Directory" class="hy-block"&#62;
              →
              &#60;img src="https://freight.cargo.site/t/original/i/ae253389d1ba53c5f7741fe9d4df5a0f2e51a6e2e63f4ddea120c3a156ff3fe3/filter.png" alt="Filter" class="hy-block"&#62;
              →
              &#60;img src="https://freight.cargo.site/t/original/i/619396739a9a6f27c88aa54b835b950c67b6e2158a02d2bb6c3cf05f65b86aa6/store.png" alt="Store" class="hy-block"&#62;
              →
              &#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Route" class="hy-block"&#62;
            
            
              Browse
              
              Narrow
              
              Choose
              
              Walk
            
          
              FLOW B · BOOK DINNER TONIGHT
              
            
              &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Explore" class="hy-block"&#62;
              →
              &#60;img src="https://freight.cargo.site/t/original/i/5ea3f7b8f32e1137b38b5fc6ca86b25cf4af4cfd50d96651d9a66f85f7f56103/dining.png" alt="Dining detail" class="hy-block"&#62;
              →
              &#60;img src="https://freight.cargo.site/t/original/i/9aaaf0e773dee8c5a0f430d93ffe3f8ce468deab7521ebfdf915d7471c342875/saved.png" alt="Saved" class="hy-block"&#62;
              
              
              Tonight
              
              Pick a time
              
              Confirmed
              
              
          06
          DESIGN SYSTEM
        
        
          Colour, type and&#38;nbsp;components
    
          
              PALETTE
              
                
                  #14263B
                  Action 
                
                
                  #8A1538
                  Wine 
                
                
                  #B08D57 / #8A6A2F
                  Brass and deep gold 
                
                
                  #DDD6C7
                  Chosen 
                
              
              Open
              Closing soon or few&#38;nbsp;left
              Closed or sold&#38;nbsp;out
              
              
              TYPE AND ICONS
              Playfair Display
              Place names and titles · 19 / 24 / 32 / 46
              Archivo 400 · 500 · 600
              All controls and&#38;nbsp;meta · 11.5 to&#38;nbsp;17
              
                
              Phosphor · fill weight marks the&#38;nbsp;live&#38;nbsp;stop
            
          
            WHAT EACH COLOUR IS ALLOWED TO&#38;nbsp;DO
            
              
                Action
                One filled shape a&#38;nbsp;screen: buttons, switches, the&#38;nbsp;live&#38;nbsp;tab.
              
              
                Wine
                Direction&#38;nbsp;only, once a&#38;nbsp;screen: the&#38;nbsp;pin, the&#38;nbsp;route.
              
              
                Brass and gold
                What is&#38;nbsp;mine or&#38;nbsp;running&#38;nbsp;out. Deep gold at&#38;nbsp;glyph&#38;nbsp;size.
              
              
                Chosen
                Everything selected takes the&#38;nbsp;stone&#38;nbsp;step. Fill, never&#38;nbsp;navy.
              
            
            CORE COMPONENTS
            
              
                  Chosen
                  Default
                
                Filter pill · 100px
              
              
                Primary action
                One per screen
              
              
                    Place name
                    Category · Level
                    Open · closes 9 PM
                  
                  
                Place row · 16px
              
              
                  Explore
                  Directory
                  Map
                
                Tab bar
              
            
          07
          DECISIONS
        
        
            What we chose
            
          
              List first, map on&#38;nbsp;demand
              A map answers where, not&#38;nbsp;what. Arrivals need a&#38;nbsp;shortlist&#38;nbsp;first.
              
            
              Booking on the&#38;nbsp;venue&#38;nbsp;page
              Dinner gets decided while reading the&#38;nbsp;room, so&#38;nbsp;the&#38;nbsp;times sit&#38;nbsp;there.
              
            
              Status as a&#38;nbsp;dot
              Rows are read while&#38;nbsp;walking. Open or&#38;nbsp;closed is&#38;nbsp;the&#38;nbsp;whole decision.
              
            
              Saved promoted to a&#38;nbsp;tab
              Tab weight follows repeat&#38;nbsp;use. The&#38;nbsp;feed was rarely opened&#38;nbsp;twice.
              
            
            08
            SCREENS
          
          
              Final screens
              
            
              &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Explore" class="hy-block"&#62;Explore
              &#60;img src="https://freight.cargo.site/t/original/i/3b170ac387045c569527de73a1b778e5c58613b0b8935de6bdb6d122a65b7f76/directory.png" alt="Directory" class="hy-block"&#62;Directory
              &#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Map" class="hy-block"&#62;Wayfinding
              &#60;img src="https://freight.cargo.site/t/original/i/619396739a9a6f27c88aa54b835b950c67b6e2158a02d2bb6c3cf05f65b86aa6/store.png" alt="Store detail" class="hy-block"&#62;Store
              &#60;img src="https://freight.cargo.site/t/original/i/5ea3f7b8f32e1137b38b5fc6ca86b25cf4af4cfd50d96651d9a66f85f7f56103/dining.png" alt="Dining detail" class="hy-block"&#62;Dining
              &#60;img src="https://freight.cargo.site/t/original/i/3daed145812dcd09f363cb8aa6d0626e4318e0f08a8424d0e7b06edc9cfb3444/seedo.png" alt="See and do" class="hy-block"&#62;See &#38;amp; Do
              &#60;img src="https://freight.cargo.site/t/original/i/b6bee03e163e1c9a804eada91296ee02d5b55b189e9131afbc9397da297c75c4/events.png" alt="Events" class="hy-block"&#62;Events
              &#60;img src="https://freight.cargo.site/t/original/i/05f2bf1ab178a3447464de31e28083f5f9c1d217297eecdd41cf28f4135ddab0/event-detail.png" alt="Event detail" class="hy-block"&#62;Event
              &#60;img src="https://freight.cargo.site/t/original/i/9aaaf0e773dee8c5a0f430d93ffe3f8ce468deab7521ebfdf915d7471c342875/saved.png" alt="Saved" class="hy-block"&#62;Saved
              &#60;img src="https://freight.cargo.site/t/original/i/ae253389d1ba53c5f7741fe9d4df5a0f2e51a6e2e63f4ddea120c3a156ff3fe3/filter.png" alt="Filter sheet" class="hy-block"&#62;Filter sheet
            
          
    &#60;img src="https://freight.cargo.site/t/original/i/c07ca23b167431b0dd44eedb41101aa16378bd3f065123721b3d6e56705e5a29/hy-logo-mark.svg" alt="Hudson Yards"&#62;
    Visitor mobile app
    A mobile app for shopping, dining, events and&#38;nbsp;wayfinding on&#38;nbsp;site. I&#38;nbsp;defined the&#38;nbsp;navigation, designed the&#38;nbsp;paths for&#38;nbsp;finding a&#38;nbsp;place and&#38;nbsp;booking a&#38;nbsp;table, and&#38;nbsp;built the&#38;nbsp;design system behind the&#38;nbsp;screens.
    &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Explore"&#62;&#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Map"&#62;
  

    01Problem
    What visitors ask on&#38;nbsp;site
    &#60;img src="https://freight.cargo.site/t/original/i/61921e9549c5c0015606a1e29c07bd1ba9e32db0dd96e37d98c5ed9aceb0dbda/vessel-hero.png" alt="Hudson Yards public square"&#62;
    Public Square on&#38;nbsp;a&#38;nbsp;Saturday afternoon, where most first visits&#38;nbsp;begin.
    
      28Acres
      4Buildings
      7Retail levels
      87Shops and restaurants
    
    The four questions
    “Where is&#38;nbsp;it, and&#38;nbsp;which level am&#38;nbsp;I&#38;nbsp;on?”
    “Is it&#38;nbsp;open, and&#38;nbsp;is it&#38;nbsp;worth the&#38;nbsp;walk?”
    “Can I&#38;nbsp;still get a&#38;nbsp;table tonight?”
    “What is&#38;nbsp;on tonight?”
  

    02Users
    Three arrivals, three&#38;nbsp;clocks
      
        The visitor2–4h
        First time
        Tickets for the VesselA table tonightThe nearest bathroom
        “Just tell me the&#38;nbsp;one thing to&#38;nbsp;do next.”
      
      
        The commuter40m
        Works nearby
        What is open nowWalk time, not distanceHow long the queue is
        “I have until 1:15.”
      
      
        The regularmonthly
        Local
        What changed since last timeThis month’s eventsMember offers
        “What is&#38;nbsp;new this month?”
      
  
    03Information architecture
    Five tabs, nothing in&#38;nbsp;a&#38;nbsp;drawer
    
      
        Explore
        TonightFeaturedMember offersSee &#38;amp; Do
      
      
        Directory
        Filter sheetStore detailDining detailCategories
      
      
        Map
        Level switchAmenitiesWalk timePlace sheet
      
      
        Events
        Date rangesDay listEvent detailAdd to calendar
      
      
        Saved
        PlacesEventsTicketsEmpty state
      
    
    04Wireframes
    Structure before photography
    
      &#60;img width="420" height="911" width_o="420" height_o="911" data-src="https://freight.cargo.site/t/original/i/dc5945d1dcae482a416b037ac86e4a5ccd39599abc91846c2819f2bcf4e7ae66/image.png" data-mid="252147650" border="0"  src="https://freight.cargo.site/w/420/i/dc5945d1dcae482a416b037ac86e4a5ccd39599abc91846c2819f2bcf4e7ae66/image.png" /&#62;Explore
      &#60;img width="420" height="911" width_o="420" height_o="911" data-src="https://freight.cargo.site/t/original/i/7a57fecff1352b8b6b6ce4c649f63f975de3e89318244902d6271c116cf8b7a5/image.png" data-mid="252147651" border="0"  src="https://freight.cargo.site/w/420/i/7a57fecff1352b8b6b6ce4c649f63f975de3e89318244902d6271c116cf8b7a5/image.png" /&#62;Directory
      &#60;img width="420" height="911" width_o="420" height_o="911" data-src="https://freight.cargo.site/t/original/i/90f91009c447a895bf4598d24a38321885eb79da379cee0d4ecab9d72aa767c7/image.png" data-mid="252147652" border="0"  src="https://freight.cargo.site/w/420/i/90f91009c447a895bf4598d24a38321885eb79da379cee0d4ecab9d72aa767c7/image.png" /&#62;Map
      &#60;img width="420" height="911" width_o="420" height_o="911" data-src="https://freight.cargo.site/t/original/i/82b52cc858224860e31a80608324c9867fd4072a4abe8d8c9f6f8b31b7859d27/image.png" data-mid="252147653" border="0"  src="https://freight.cargo.site/w/420/i/82b52cc858224860e31a80608324c9867fd4072a4abe8d8c9f6f8b31b7859d27/image.png" /&#62;Detail
    
  
    05Flow
    The two paths that&#38;nbsp;matter
    Flow A · find a store and&#38;nbsp;walk to&#38;nbsp;it
    &#60;img src="https://freight.cargo.site/t/original/i/3b170ac387045c569527de73a1b778e5c58613b0b8935de6bdb6d122a65b7f76/directory.png" alt="Browse"&#62;Browse→&#60;img src="https://freight.cargo.site/t/original/i/ae253389d1ba53c5f7741fe9d4df5a0f2e51a6e2e63f4ddea120c3a156ff3fe3/filter.png" alt="Narrow"&#62;Narrow→&#60;img src="https://freight.cargo.site/t/original/i/619396739a9a6f27c88aa54b835b950c67b6e2158a02d2bb6c3cf05f65b86aa6/store.png" alt="Choose"&#62;Choose→&#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Walk"&#62;Walk
    Flow B · book dinner tonight
    &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Tonight"&#62;Tonight→&#60;img src="https://freight.cargo.site/t/original/i/5ea3f7b8f32e1137b38b5fc6ca86b25cf4af4cfd50d96651d9a66f85f7f56103/dining.png" alt="Pick a time"&#62;Pick a time→&#60;img src="https://freight.cargo.site/t/original/i/9aaaf0e773dee8c5a0f430d93ffe3f8ce468deab7521ebfdf915d7471c342875/saved.png" alt="Confirmed"&#62;Confirmed
  

    06Design system
    Colour, type and&#38;nbsp;components
    Palette
    
        #14263BAction
        #8A1538Wine
        #B08D57 / #8A6A2FBrass and gold
        #DDD6C7Chosen
    
    
      Open
      Closing soon
      Closed
    
    Type
    Playfair Display
    Place names and titles · 19 / 24 / 32 / 46
    Archivo 400 · 500 · 600
    All controls and meta · 11.5 to&#38;nbsp;17
    What each colour is&#38;nbsp;allowed to&#38;nbsp;do
        ActionOne filled shape a&#38;nbsp;screen: buttons, switches, the&#38;nbsp;live&#38;nbsp;tab.
        WineDirection only, once a&#38;nbsp;screen: the&#38;nbsp;pin, the&#38;nbsp;route.
        Brass and goldWhat is&#38;nbsp;mine or&#38;nbsp;running&#38;nbsp;out. Deep gold at&#38;nbsp;glyph&#38;nbsp;size.
        ChosenEverything selected takes the&#38;nbsp;stone&#38;nbsp;step. Fill, never&#38;nbsp;navy.
  

    07Decisions
    What we chose
      &#60;img width="420" height="755" width_o="420" height_o="755" data-src="https://freight.cargo.site/t/original/i/42bd9f83d2646e31b11c336426014bc7458060827b465b3032c3f869623db24b/image.png" data-mid="252147654" border="0"  src="https://freight.cargo.site/w/420/i/42bd9f83d2646e31b11c336426014bc7458060827b465b3032c3f869623db24b/image.png" /&#62;List first, map on&#38;nbsp;demandA map answers where, not&#38;nbsp;what. Arrivals need a&#38;nbsp;shortlist&#38;nbsp;first.
      &#60;img width="420" height="755" width_o="420" height_o="755" data-src="https://freight.cargo.site/t/original/i/bfa95421135b6ed7803d69d622370cf3713c23a95b85e1b06afff7680dd8c7c8/image.png" data-mid="252147655" border="0"  src="https://freight.cargo.site/w/420/i/bfa95421135b6ed7803d69d622370cf3713c23a95b85e1b06afff7680dd8c7c8/image.png" /&#62;Booking on the venue&#38;nbsp;pageDinner gets decided while reading the&#38;nbsp;room, so&#38;nbsp;the times sit&#38;nbsp;there.
      &#60;img width="420" height="755" width_o="420" height_o="755" data-src="https://freight.cargo.site/t/original/i/a0c59fd5c512f5d8c966010bf727d3541f86b898e45357973837808442b092aa/image.png" data-mid="252147656" border="0"  src="https://freight.cargo.site/w/420/i/a0c59fd5c512f5d8c966010bf727d3541f86b898e45357973837808442b092aa/image.png" /&#62;Status as a&#38;nbsp;dotRows are read while walking. Open or&#38;nbsp;closed is&#38;nbsp;the whole&#38;nbsp;decision.
      &#60;img width="420" height="755" width_o="420" height_o="755" data-src="https://freight.cargo.site/t/original/i/510d16d82721f6eb32236b94856655f0bd674af5bfb7e762d9c8a79d945f164c/image.png" data-mid="252147657" border="0"  src="https://freight.cargo.site/w/420/i/510d16d82721f6eb32236b94856655f0bd674af5bfb7e762d9c8a79d945f164c/image.png" /&#62;Saved promoted to&#38;nbsp;a&#38;nbsp;tabTab weight follows repeat&#38;nbsp;use. The&#38;nbsp;feed was rarely opened&#38;nbsp;twice.
  

    08Screens
    Final screens
    
        &#60;img src="https://freight.cargo.site/t/original/i/60ee1305a9b8542882013b383086daf06e50c437790888566f1f5a0361f1f311/explore.png" alt="Explore"&#62;Explore
        &#60;img src="https://freight.cargo.site/t/original/i/3b170ac387045c569527de73a1b778e5c58613b0b8935de6bdb6d122a65b7f76/directory.png" alt="Directory"&#62;Directory
        &#60;img src="https://freight.cargo.site/t/original/i/a4297a9c29fc081ab6811bfd80f077150843c7febbaf1d154701aacb8f9b1599/map.png" alt="Wayfinding"&#62;Wayfinding
        &#60;img src="https://freight.cargo.site/t/original/i/619396739a9a6f27c88aa54b835b950c67b6e2158a02d2bb6c3cf05f65b86aa6/store.png" alt="Store"&#62;Store
        &#60;img src="https://freight.cargo.site/t/original/i/5ea3f7b8f32e1137b38b5fc6ca86b25cf4af4cfd50d96651d9a66f85f7f56103/dining.png" alt="Dining"&#62;Dining
        &#60;img src="https://freight.cargo.site/t/original/i/3daed145812dcd09f363cb8aa6d0626e4318e0f08a8424d0e7b06edc9cfb3444/seedo.png" alt="See &#38;amp; Do"&#62;See &#38;amp; Do
        &#60;img src="https://freight.cargo.site/t/original/i/b6bee03e163e1c9a804eada91296ee02d5b55b189e9131afbc9397da297c75c4/events.png" alt="Events"&#62;Events
        &#60;img src="https://freight.cargo.site/t/original/i/05f2bf1ab178a3447464de31e28083f5f9c1d217297eecdd41cf28f4135ddab0/event-detail.png" alt="Event"&#62;Event
        &#60;img src="https://freight.cargo.site/t/original/i/9aaaf0e773dee8c5a0f430d93ffe3f8ce468deab7521ebfdf915d7471c342875/saved.png" alt="Saved"&#62;Saved
        &#60;img src="https://freight.cargo.site/t/original/i/ae253389d1ba53c5f7741fe9d4df5a0f2e51a6e2e63f4ddea120c3a156ff3fe3/filter.png" alt="Filter sheet"&#62;Filter sheet
    
  
</description>
		
	</item>
		
		
	<item>
		<title>The Eyes Are Always There</title>
				
		<link>https://lufengdesign.com/The-Eyes-Are-Always-There</link>

		<pubDate>Thu, 25 Apr 2019 01:30:08 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/The-Eyes-Are-Always-There</guid>

		<description>

	The Eyes Are Always TherePoster DesignMACHINE PROJECT


	The Eyes are Always There is a poster design for Machine Project. The subject of the design is for a multimedia art installation by artist Joe Merrell, which explores the subjects of UFOs and alien abduction. 


The installation leads visitors through various modes of perception, exploring a range of subjects such as hypnosis, memory, anthropomorphism, cultural projection, privacy and surveillance.

	
	&#60;img width="4500" height="3150" width_o="4500" height_o="3150" data-src="https://freight.cargo.site/t/original/i/f2a86235d5d60dc1df9f040558b4d126b726b200a859cd491166947e8f305869/The-Eyes-Are-Always-There.jpg" data-mid="66128145" border="0"  src="https://freight.cargo.site/w/1000/i/f2a86235d5d60dc1df9f040558b4d126b726b200a859cd491166947e8f305869/The-Eyes-Are-Always-There.jpg" /&#62;

	&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/6bce1f17fac29da6e0a46c1bd445550a78eaa4ff7fd2bc017bb24d789d2dba70/04.jpg" data-mid="66399011" border="0"  src="https://freight.cargo.site/w/1000/i/6bce1f17fac29da6e0a46c1bd445550a78eaa4ff7fd2bc017bb24d789d2dba70/04.jpg" /&#62;


&#60;img width="1000" height="667" width_o="1000" height_o="667" data-src="https://freight.cargo.site/t/original/i/60b593716a33fd1364a2400e9d2c3ad5f4b84dce22ce82f482a38d52fd637bf4/3.png" data-mid="66252633" border="0"  src="https://freight.cargo.site/w/1000/i/60b593716a33fd1364a2400e9d2c3ad5f4b84dce22ce82f482a38d52fd637bf4/3.png" /&#62;
&#60;img width="1000" height="667" width_o="1000" height_o="667" data-src="https://freight.cargo.site/t/original/i/1d39e546b2ddae1de243a64d590da78122f6aa808d62b09f21b149273ea6400e/2.png" data-mid="66252630" border="0"  src="https://freight.cargo.site/w/1000/i/1d39e546b2ddae1de243a64d590da78122f6aa808d62b09f21b149273ea6400e/2.png" /&#62;

&#60;img width="1000" height="691" width_o="1000" height_o="691" data-src="https://freight.cargo.site/t/original/i/8407a7264f7028ad7f0e2e1ce8fa2710524a48cf993dd2136b506f61ad07779d/5.png" data-mid="66252624" border="0"  src="https://freight.cargo.site/w/1000/i/8407a7264f7028ad7f0e2e1ce8fa2710524a48cf993dd2136b506f61ad07779d/5.png" /&#62;
&#60;img width="1000" height="691" width_o="1000" height_o="691" data-src="https://freight.cargo.site/t/original/i/cf1f5317480a622fa4bf62488659014c04b130e4bbda73bd62bc70e1d245c494/6.png" data-mid="66252625" border="0"  src="https://freight.cargo.site/w/1000/i/cf1f5317480a622fa4bf62488659014c04b130e4bbda73bd62bc70e1d245c494/6.png" /&#62;
&#60;img width="1000" height="691" width_o="1000" height_o="691" data-src="https://freight.cargo.site/t/original/i/2e992bf6cca3b0943e6e948154dc51091de3a35ad9fd5951725db24067729d04/4.png" data-mid="66252623" border="0"  src="https://freight.cargo.site/w/1000/i/2e992bf6cca3b0943e6e948154dc51091de3a35ad9fd5951725db24067729d04/4.png" /&#62;

	DETAILS ⇈
	PROCESS ⇈


	More to see ⇊


</description>
		
	</item>
		
		
	<item>
		<title>MoMA</title>
				
		<link>https://lufengdesign.com/MoMA</link>

		<pubDate>Sun, 23 Feb 2020 05:33:30 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/MoMA</guid>

		<description>
	

&#60;img width="484" height="120" width_o="484" height_o="120" data-src="https://freight.cargo.site/t/original/i/0e72470c4c93f2a0082865c0f2367e04e96908ff577d3dfc03edcb4d9d40491d/MoMA-logo.png" data-mid="61759027" border="0" data-scale="54" src="https://freight.cargo.site/w/484/i/0e72470c4c93f2a0082865c0f2367e04e96908ff577d3dfc03edcb4d9d40491d/MoMA-logo.png" /&#62;
WeChat MiniprogramDesign miniprogram for Museum of Modern Art[MoMA].The subject of the design is to build an online musuem APP for users to discover art work and exhibitions. Design task including Sitemap, Wireframes, Mockups and Visual Elements.&#38;nbsp;


	&#60;img width="606" height="565" width_o="606" height_o="565" data-src="https://freight.cargo.site/t/original/i/8dc8473237af3b72cf0ce1df8c549bb4181963c52b770a7e88c10ea44e8e9c9f/00.png" data-mid="67802599" border="0" data-scale="90" src="https://freight.cargo.site/w/606/i/8dc8473237af3b72cf0ce1df8c549bb4181963c52b770a7e88c10ea44e8e9c9f/00.png" /&#62;

	
	&#60;img width="4000" height="5564" width_o="4000" height_o="5564" data-src="https://freight.cargo.site/t/original/i/9bd489026348e0d34b1232b1e117b77c8e4041571a80fb5a8cb703810aae9856/02.png" data-mid="67543533" border="0"  src="https://freight.cargo.site/w/1000/i/9bd489026348e0d34b1232b1e117b77c8e4041571a80fb5a8cb703810aae9856/02.png" /&#62;


/// COLOR


	&#60;img width="1506" height="328" width_o="1506" height_o="328" data-src="https://freight.cargo.site/t/original/i/f4e6469ef809e6d5599ca64c0a9cb4c11a07e01417fe233fda7626fc772a2d0c/22.png" data-mid="67637571" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/f4e6469ef809e6d5599ca64c0a9cb4c11a07e01417fe233fda7626fc772a2d0c/22.png" /&#62;


/// ICON


	&#60;img width="1506" height="328" width_o="1506" height_o="328" data-src="https://freight.cargo.site/t/original/i/e3a49f7fbc974c918e2030306898f8224d4fd020b2e6f7042946af54fd1ddcae/23.png" data-mid="67637891" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/e3a49f7fbc974c918e2030306898f8224d4fd020b2e6f7042946af54fd1ddcae/23.png" /&#62;


MOCKUP


	&#60;img width="862" height="1396" width_o="862" height_o="1396" data-src="https://freight.cargo.site/t/original/i/d26e2f9f6b94239933c06b2696d70e8e3a5c17bf83b8256de609aeba4e1df79f/03.png" data-mid="67544814" border="0" data-scale="61" src="https://freight.cargo.site/w/862/i/d26e2f9f6b94239933c06b2696d70e8e3a5c17bf83b8256de609aeba4e1df79f/03.png" /&#62;
	&#60;img width="862" height="1396" width_o="862" height_o="1396" data-src="https://freight.cargo.site/t/original/i/16c4d4ec479377105b0ffd4b82a88f9f516ddf3536a58e8086b48ee21d7402ef/04.png" data-mid="67544815" border="0" data-scale="60" src="https://freight.cargo.site/w/862/i/16c4d4ec479377105b0ffd4b82a88f9f516ddf3536a58e8086b48ee21d7402ef/04.png" /&#62;

	
&#60;img width="2048" height="1466" width_o="2048" height_o="1466" data-src="https://freight.cargo.site/t/original/i/3ddc54a04019293e7cc7fa3fd4c147bed2815b0a3eb7bb08a2e30ef9f87ec15f/25.png" data-mid="67639438" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/3ddc54a04019293e7cc7fa3fd4c147bed2815b0a3eb7bb08a2e30ef9f87ec15f/25.png" /&#62;


&#60;img width="2048" height="1376" width_o="2048" height_o="1376" data-src="https://freight.cargo.site/t/original/i/42a46055b7ac5a3f86bccea0e2cde6a55c7eca2015587240dc55b42ae4dc7e7d/19.png" data-mid="67637087" border="0"  src="https://freight.cargo.site/w/1000/i/42a46055b7ac5a3f86bccea0e2cde6a55c7eca2015587240dc55b42ae4dc7e7d/19.png" /&#62;


	&#60;img width="862" height="1396" width_o="862" height_o="1396" data-src="https://freight.cargo.site/t/original/i/ed17c0b10e0fe74d1384f4d442e1555c9b78b9f4914f51f45ce35f7a308b36ea/11.png" data-mid="67545512" border="0" data-scale="53" src="https://freight.cargo.site/w/862/i/ed17c0b10e0fe74d1384f4d442e1555c9b78b9f4914f51f45ce35f7a308b36ea/11.png" /&#62;


	&#60;img width="862" height="1396" width_o="862" height_o="1396" data-src="https://freight.cargo.site/t/original/i/5e7136842127814d372486a1aef3d3edbc378c5767fa1d98de13e24314ac341d/12.png" data-mid="67545513" border="0" data-scale="54" src="https://freight.cargo.site/w/862/i/5e7136842127814d372486a1aef3d3edbc378c5767fa1d98de13e24314ac341d/12.png" /&#62;


	&#60;img width="4000" height="3812" width_o="4000" height_o="3812" data-src="https://freight.cargo.site/t/original/i/fe3315128156877c0c034546124bacf236b18ae0028137f5b378a6350bdd1b7d/u01.jpg" data-mid="67801555" border="0"  src="https://freight.cargo.site/w/1000/i/fe3315128156877c0c034546124bacf236b18ae0028137f5b378a6350bdd1b7d/u01.jpg" /&#62;


	&#60;img width="3000" height="4637" width_o="3000" height_o="4637" data-src="https://freight.cargo.site/t/original/i/e7debbd68ab3ab90d727bd8409543ae5a53741bd069ba9b82bd9768016bdf742/u02.png" data-mid="67802196" border="0"  src="https://freight.cargo.site/w/1000/i/e7debbd68ab3ab90d727bd8409543ae5a53741bd069ba9b82bd9768016bdf742/u02.png" /&#62;

More to see ⇊</description>
		
	</item>
		
		
	<item>
		<title>The Kite Runner with A Thousand of Splendid Suns</title>
				
		<link>https://lufengdesign.com/The-Kite-Runner-with-A-Thousand-of-Splendid-Suns</link>

		<pubDate>Sun, 05 May 2019 21:37:22 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/The-Kite-Runner-with-A-Thousand-of-Splendid-Suns</guid>

		<description>The Kite Runner
with A Thousand of Splendid SunsBook Design


This book is a combination of two novels: The Kite Runner and A Thousand Splendid Suns, both written by Khaled Hosseini.
It is a design that a book is inside another. The contents grow and affect another along with the narrative development. Both of these novels centered on two people’s relationship, and share the same social and cultural background.
This piece of design is composed of three parts:&#38;nbsp;
The first part of this book starts from the kite runner, which is a small format and classical layout; With the development of the main characters get to know each other, the second part of this book changes format with both novels, the kite runner and A Thousand Splendid Suns. The layout design is in a more separated way and continue the physical restrict from the small physical format; Along with the main character’s fate interact with each other and the conflict with social and cultural background, the third part of this book is the two layouts influenced with each other and no longer be extended the restriction from the physical format before. The common key words of one novel is highlighted by the second one’s font and line-space. &#38;nbsp;
	

&#60;img width="1611" height="960" width_o="1611" height_o="960" data-src="https://freight.cargo.site/t/original/i/73c813b997ac147c52cb39eec9eb7df7bff4f7ecbcfbc0fa31c7f605ab97a515/Kiterunner01.jpg" data-mid="67954018" border="0"  src="https://freight.cargo.site/w/1000/i/73c813b997ac147c52cb39eec9eb7df7bff4f7ecbcfbc0fa31c7f605ab97a515/Kiterunner01.jpg" /&#62;
	&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/4ba3e20ae4051cb44f4f653fe20ca23a4c38c6fe6ea7cc07779db0c91921d595/002-copy.jpg" data-mid="41548614" border="0"  src="https://freight.cargo.site/w/1000/i/4ba3e20ae4051cb44f4f653fe20ca23a4c38c6fe6ea7cc07779db0c91921d595/002-copy.jpg" /&#62;
&#60;img width="4896" height="3264" width_o="4896" height_o="3264" data-src="https://freight.cargo.site/t/original/i/b3f5fab61d834f6d6b715fba99b9b12473413b3b4aab8a81d07680eb9957700f/003.jpg" data-mid="41548636" border="0"  src="https://freight.cargo.site/w/1000/i/b3f5fab61d834f6d6b715fba99b9b12473413b3b4aab8a81d07680eb9957700f/003.jpg" /&#62;
	

	&#60;img width="4896" height="3264" width_o="4896" height_o="3264" data-src="https://freight.cargo.site/t/original/i/28bbcc87c551765dafd6b2edb33eed98161825a24fc1b2302243ad344040635e/004.jpg" data-mid="41548657" border="0"  src="https://freight.cargo.site/w/1000/i/28bbcc87c551765dafd6b2edb33eed98161825a24fc1b2302243ad344040635e/004.jpg" /&#62;

	
More to see ⇊

</description>
		
	</item>
		
		
	<item>
		<title>DUANG COFFEE </title>
				
		<link>https://lufengdesign.com/DUANG-COFFEE</link>

		<pubDate>Wed, 01 May 2019 05:32:40 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/DUANG-COFFEE</guid>

		<description>&#60;img width="2048" height="1154" width_o="2048" height_o="1154" data-src="https://freight.cargo.site/t/original/i/ae54ca9087d0d74402e5cc3a3cb8068a2b08f29ef6ed19a21a0500b988f39918/Duang-Coffee-hero.jpg" data-mid="64270741" border="0"  src="https://freight.cargo.site/w/1000/i/ae54ca9087d0d74402e5cc3a3cb8068a2b08f29ef6ed19a21a0500b988f39918/Duang-Coffee-hero.jpg" /&#62;
&#60;img width="2048" height="1046" width_o="2048" height_o="1046" data-src="https://freight.cargo.site/t/original/i/874bbf130334460c9336f6b62acffdd8c62e42c0b13299eccb8dab9d1851ac26/Duang-Coffee-02.png" data-mid="64249508" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/874bbf130334460c9336f6b62acffdd8c62e42c0b13299eccb8dab9d1851ac26/Duang-Coffee-02.png" /&#62;


&#38;nbsp; &#38;nbsp;&#38;nbsp; LOGO VARIATIONS /&#38;nbsp; ↴
&#60;img width="2048" height="1476" width_o="2048" height_o="1476" data-src="https://freight.cargo.site/t/original/i/ba6eff85b9232ded7f5072a090ef7a07f2d2304f4554370b49ef219be87125f4/Duang-Coffee-03.png" data-mid="64249543" border="0"  src="https://freight.cargo.site/w/1000/i/ba6eff85b9232ded7f5072a090ef7a07f2d2304f4554370b49ef219be87125f4/Duang-Coffee-03.png" /&#62;
	&#38;nbsp; &#38;nbsp;&#38;nbsp; APPLICATIONS /&#38;nbsp; ↴
&#60;img width="2048" height="1328" width_o="2048" height_o="1328" data-src="https://freight.cargo.site/t/original/i/610ee8b5c8a13c20212be1bd477d834ea597f5c1a69c30330d20a001ecb534e7/Duang-Coffee-06.jpg" data-mid="64250092" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/610ee8b5c8a13c20212be1bd477d834ea597f5c1a69c30330d20a001ecb534e7/Duang-Coffee-06.jpg" /&#62;

	
&#60;img width="1512" height="360" width_o="1512" height_o="360" data-src="https://freight.cargo.site/t/original/i/2e35b172c0e3f4c465e7a42194862a0746883a40334db2fcd2278c7aa04b1cee/Duang-Coffee-07.png" data-mid="64250339" border="0" data-scale="34" src="https://freight.cargo.site/w/1000/i/2e35b172c0e3f4c465e7a42194862a0746883a40334db2fcd2278c7aa04b1cee/Duang-Coffee-07.png" /&#62;


&#60;img width="240" height="93" width_o="240" height_o="93" data-src="https://freight.cargo.site/t/original/i/c0d74ad4d3c2b33612c0de904e8b91f8260f02bd8b6ab2163b766181314e6bbe/001.png" data-mid="42449718" border="0" data-scale="26" src="https://freight.cargo.site/w/240/i/c0d74ad4d3c2b33612c0de904e8b91f8260f02bd8b6ab2163b766181314e6bbe/001.png" /&#62;


&#60;img width="2048" height="1584" width_o="2048" height_o="1584" data-src="https://freight.cargo.site/t/original/i/773f30664e6d148b1a4e163bff1ab53b6e8419d68d35e298a8dab4ba5145d7fe/Duang-Coffee-08.png" data-mid="64250648" border="0"  src="https://freight.cargo.site/w/1000/i/773f30664e6d148b1a4e163bff1ab53b6e8419d68d35e298a8dab4ba5145d7fe/Duang-Coffee-08.png" /&#62; 


&#60;img width="234" height="234" width_o="234" height_o="234" data-src="https://freight.cargo.site/t/original/i/dc1280002a404b9f4d8aa5f0e1c5447a77240aaa49af3218496e05e7b41a99e0/Duang-Coffee-11.png" data-mid="64270921" border="0" data-scale="5" src="https://freight.cargo.site/w/234/i/dc1280002a404b9f4d8aa5f0e1c5447a77240aaa49af3218496e05e7b41a99e0/Duang-Coffee-11.png" /&#62;


	More to see ⇊


</description>
		
	</item>
		
		
	<item>
		<title>CPB Product Promotion</title>
				
		<link>https://lufengdesign.com/CPB-Product-Promotion</link>

		<pubDate>Sun, 05 May 2019 21:37:22 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/CPB-Product-Promotion</guid>

		<description>CPB Product Promotion

Advertising DesignClé de Peau Beauté

Ad design project for Clé de Peau Beauté to promote highlighed products. The design units were applied on WeChat platform which is a social media platform based on mobile.

	
	&#60;img width="4000" height="4626" width_o="4000" height_o="4626" data-src="https://freight.cargo.site/t/original/i/e3f8fe465bb31cecff7e44a44c4e05ae6978ce09bbd35317534dde4c2a503f9c/cpb1.jpg" data-mid="251855385" border="0"  src="https://freight.cargo.site/w/1000/i/e3f8fe465bb31cecff7e44a44c4e05ae6978ce09bbd35317534dde4c2a503f9c/cpb1.jpg" /&#62;

	&#60;img width="1735" height="1200" width_o="1735" height_o="1200" data-src="https://freight.cargo.site/t/original/i/82815eb7cc5676b5f4da4d06a6665051e0883334c4332417dfcd38c5c84a08a6/cpb-cover.jpg" data-mid="251855383" border="0"  src="https://freight.cargo.site/w/1000/i/82815eb7cc5676b5f4da4d06a6665051e0883334c4332417dfcd38c5c84a08a6/cpb-cover.jpg" /&#62;

	
More to see ⇊</description>
		
	</item>
		
		
	<item>
		<title>Clash &#38; Harmony</title>
				
		<link>https://lufengdesign.com/Clash-Harmony</link>

		<pubDate>Sun, 05 May 2019 06:50:35 +0000</pubDate>

		<dc:creator>lufeng</dc:creator>

		<guid isPermaLink="true">https://lufengdesign.com/Clash-Harmony</guid>

		<description>Clash &#38;amp; Harmony


Visual Identity&#38;amp; Space Design


Curating and designing a graphic design exhibition: Clash &#38;amp; Harmony. The design tasks are including space design, visual identity design and the poster design. The exhibition investigates the spectrum of CalArts graphic design MFA community and highlights designers’ personal gazes as well as their hybridized encounters. 


&#60;img width="2880" height="2016" width_o="2880" height_o="2016" data-src="https://freight.cargo.site/t/original/i/54b970118ca9a0d0aa90b298fbf895669ee50e125754bdc1943c7b8bdda2e948/Cover-Image-Copy-8.jpg" data-mid="61922361" border="0"  src="https://freight.cargo.site/w/1000/i/54b970118ca9a0d0aa90b298fbf895669ee50e125754bdc1943c7b8bdda2e948/Cover-Image-Copy-8.jpg" /&#62;


	Poster ↴


	&#60;img width="1042" height="1343" width_o="1042" height_o="1343" data-src="https://freight.cargo.site/t/original/i/ca084340682f91d4f62e719f138993e0784ec0f0c73dcc7560a917d008871322/04.png" data-mid="41501824" border="0" data-scale="57" src="https://freight.cargo.site/w/1000/i/ca084340682f91d4f62e719f138993e0784ec0f0c73dcc7560a917d008871322/04.png" /&#62;

	
	Typeface&#38;nbsp;↴
	&#60;img width="2150" height="1264" width_o="2150" height_o="1264" data-src="https://freight.cargo.site/t/original/i/71b5868c5a1188f270509c9b17e573e1d2d224248d587b4c1604eea097ba04f0/03.png" data-mid="41501806" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/71b5868c5a1188f270509c9b17e573e1d2d224248d587b4c1604eea097ba04f0/03.png" /&#62;

	
Applications ↴
	&#60;img width="2150" height="1444" width_o="2150" height_o="1444" data-src="https://freight.cargo.site/t/original/i/cd3729d24d137aabdb21f11b9db8de6f4ecabc05ccbae7f57508bf1faf6eab5c/10.png" data-mid="41501153" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/cd3729d24d137aabdb21f11b9db8de6f4ecabc05ccbae7f57508bf1faf6eab5c/10.png" /&#62;

	&#60;img width="1440" height="967" width_o="1440" height_o="967" data-src="https://freight.cargo.site/t/original/i/88f998548b3a5d2eb11e254841967983ff213388077ddab16a2a5d1b24710dbf/02.png" data-mid="41501353" border="0" data-scale="74" src="https://freight.cargo.site/w/1000/i/88f998548b3a5d2eb11e254841967983ff213388077ddab16a2a5d1b24710dbf/02.png" /&#62;

	
&#60;img width="2150" height="1444" width_o="2150" height_o="1444" data-src="https://freight.cargo.site/t/original/i/935cb9d55d27cb092be8eed085482bce2ea2f938d7247411172aee41df724e01/13.png" data-mid="41501657" border="0"  src="https://freight.cargo.site/w/1000/i/935cb9d55d27cb092be8eed085482bce2ea2f938d7247411172aee41df724e01/13.png" /&#62;
&#60;img width="2150" height="1444" width_o="2150" height_o="1444" data-src="https://freight.cargo.site/t/original/i/e7e4ac59646f7931204a1ecdb67f1e671c20837598c37a24d4139aedbfe70f18/14.png" data-mid="41501661" border="0"  src="https://freight.cargo.site/w/1000/i/e7e4ac59646f7931204a1ecdb67f1e671c20837598c37a24d4139aedbfe70f18/14.png" /&#62;
&#60;img width="5100" height="3000" width_o="5100" height_o="3000" data-src="https://freight.cargo.site/t/original/i/4b6fae7ff8f196be37885bbb34df0f5e2db3081d6060447013e66146741d41bf/02.png" data-mid="41501725" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/4b6fae7ff8f196be37885bbb34df0f5e2db3081d6060447013e66146741d41bf/02.png" /&#62;


More to see ⇊

</description>
		
	</item>
		
	</channel>
</rss>