Ariake Design Typography and Components
Typography
Heading
TH-H1H1
H1 Interview with Christophe Lemaire
H1 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
H1 a b c d e f g h i j k l m n o p q r s t u v w x y z
TH-H1UQH1 with UNIQLO FONT
H1 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
TH-H2H2
H2 Interview with Christophe Lemaire
TH-H2UQH2 with UNIQLO FONT
H2 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
TH-H3H3
H3 Interview with Christophe Lemaire
TH-H3UQH3 with UNIQLO FONT
H3 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
TH-H4H4
H4 Interview with Christophe Lemaire
OPTION: Align Center
H1 Interview with Christophe Lemaire
Body
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
OPTION: Align Center
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
OPTION: Color Red
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Annotation
Components
Accordion
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Anchor Button
A2-DDefault
2 Buttons
3 Buttons
4 Buttons
5 Buttons
-
NEWOuterwear
- Sweaters
- Cardigans
- Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
- T-Shirts + Tops
6 Buttons
-
NEWOuterwear
- Sweaters
- Cardigans
- Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
- T-Shirts + Tops
- Bottoms
7 Buttons
-
NEWOuterwear
- Sweaters
- Cardigans
- Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
- T-Shirts + Tops
- Bottoms
- Dresses
8 Buttons (Max Length)
-
NEWOuterwear
- Sweaters
- Cardigans
- Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
- T-Shirts + Tops
- Bottoms
- Dresses
- Accessories
A2-Swith Small Image
2 Buttons
3 Buttons
4 Buttons
5 Buttons
-
NEWOuterwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
6 Buttons
-
NEWOuterwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
7 Buttons
-
NEWOuterwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
-
Dresses
8 Buttons (Max Length)
-
NEWOuterwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
-
Dresses
-
Accessories
OPTION: Different Image Aspect Ratios
A2-Lwith Large Image
2 Buttons
3 Buttons
4 Buttons
5 Buttons
-
NEW
Outerwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
6 Buttons
-
NEW
Outerwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
7 Buttons
-
NEW
Outerwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
-
Dresses
8 Buttons (Max Length)
-
NEW
Outerwear
-
Sweaters
-
Cardigans
-
Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts Shirts
-
T-Shirts + Tops
-
Bottoms
-
Dresses
-
Accessories
OPTION: Different Image Aspect Ratios
Banner
B1-DDefault (Mobile and Desktop 3:1)
1 banner
Multiple
B1-PPrimary (Mobile 3:1, Desktop 6:1)
BFF Products
B2-PGT2ProductGrid Text, Desktop Column 2
B2-PGT3Product Grid Text, Desktop Column 3
B2-PCDProduct Carousel Destroy
B2-PCD-CProduct Carousel Destroy / Align Center
1 item
2 items
3 items
4 items (Max length)
B2-PC4Product Carousel, Desktop Column 4
1 item
2 items
3 items
4 items
Multiple
B2-PC4-CProduct Carousel, Desktop Column 4 / Align Center
1 item
2 items
3 items (Max length)
B2-PC5Product Carousel,
Desktop Column 5
(Only v5 environment can validate addToCart)
1 item
2 items
3 items
4 items
5 items
Multiple
B2-PC5-CProduct Carousel,
Desktop Column 5
(Only v5 environment can validate addToCart)
/ Align Center
1 item
2 items
3 items
4 items (Max length)
B2-PGProduct Grid
B2-PG-CProduct Grid / Align Center
1 item
2 items
3 items (Max length)
B2-PGHProduct Grid Horizontal
1 item
2 items
3 items (Max length)
PD API Test
for engineering confirmation, Never mind about this
Functional Icon
-
DRY
-
DRY-EX
-
STRETCH
-
HEAT RETENTION
-
HEAT STORAGE
-
WATER REPELLENCY
-
DURABLE WATER REPELLENCY
-
WATER RESISTANT
-
WINDPROOF
-
BREATHABLE
-
MACHINE WASHABLE
-
LIGHTWEIGHT
-
ANTI-STATIC
-
ANTI-ODOR
-
ODOR CONTROL
-
UV PROTECTION
-
COOL TO THE TOUCH
-
HEAT OF ABSORPTION
-
SHAPE-RETAINING
-
SOFT TEXTURE
-
MOISTURE WICKING
-
SMOOTH TO THE TOUCH
Image
Aspect Ratio 1:1
Aspect Ratio 2:1
Aspect Ratio 3:4
Aspect Ratio 4:3
Aspect Ratio 16:9
Image Plus Text
I2-LList
1 item
Multiple
Label: Limited-Time Offers
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
I2-LSList Small
1 item
Multiple
Label: Limited-Time Offers
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
I2-GGrid
Label: Limited-Time Offers
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
I2-GSGrid, Mobile Small Size
Label: Limited-Time Offers
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Heading: Outerwear
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
Description: Future LifeWear essentials Future LifeWear essentials Future LifeWear essentials
View more
I2-G-CGrid / Desktop Align Center
1 item
2 items (Max Length)
I2-GS-CGrid, Mobile Small Size / Desktop Align Center
1 item
2 items (Max Length)
Link Button
L1-MDesktop M size
1 Button
2 Buttons
3 Buttons (Max length)
L1-LDesktop L size
1 Button
2 Buttons
3 Buttons (Max length)
OPTION: Alphabet
Link Text
L2-MText Size M
L2-METext Size M with External Links
L2-LText Size L
L2-LEText Size L with External Links
Link Cell
Media Carousel
M1-IIndicator
OPTION: Destroy Mobile
OPTION: Destroy Desktop
M1-NNumber
Media Carousel Thumbs
M2-DDefault
M2-SMobile Small Size
Modal
Modal Trigger 1
Modal Trigger 2
Modal Trigger 3
Modal Content No.1
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Modal Content No.2
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Modal Content No.3
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Quate
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Read More Button
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.
Styling
S1-OF-COfficial / Carousel
1 Slide
2 Slide
3 Slides
4 Slides
Multiple
S1-OF-C-COfficial / Carousel / Align Center
1 Slide
2 Slide
3 Slides (Max length)
S1-OF-TOfficial / Tile
1 Slide
2 Slides
3 Slides
4 Slides
Multiple
S1-OF-T-COfficial / Tile / Align Center
1 Slide
2 Slides
3 Slides (Max length)
Step Flow
S2-SMobile Small Icon
S2-S-CMobile Small Icon / Align Center
S2-LMobile Large Icon
S2-L-CMobile Large Icon / Align Center
Tabs
T1-DGDefault as Gender Tabs
2 Buttons
3 Buttons
4 Buttons (Max length)
T1-DDefault
2 Buttons
3 Buttons
4 Buttons (Max length)
T1-BGBoxed as Gender Tabs
2 Buttons
3 Buttons
4 Buttons (Max length)
T1-BBoxed
2 Buttons
3 Buttons
4 Buttons (Max length)
Tag
T2-DDefault
T2-WWithout Link
- #Interview with Christophe Lemaire
- #Interview with Christophe Lemaire Interview with Christophe Lemaire
- #UNIQLO
- #GU
UserReviews
U1-BBFF
OPTION: with Product Name
OPTION: Hide See All Reviews
OPTION: with Product Name, Hide See All Reviews
U1-SStatic
1 Review
2 Reviews
3 Reviews (Max length)
Video (YouTube)
V1-DDefault (1 Video)
Interview with Christophe Lemaire
OPTION: No Caption
V1-DSDefault (1 Video), Mobile Small Size
Interview with Christophe Lemaire
OPTION: No Caption
V1-CCarousel (Multiple)
1 Interview with Christophe Lemaire
2 Interview with Christophe Lemaire
OPTION: No Caption
V1-CSCarousel (Multiple), Mobile Small Size
1 Interview with Christophe Lemaire
2 Interview with Christophe Lemaire
OPTION: No Caption
Video Auto Play (MP4)
V2-DDefault
Interview with Christophe Lemaire
OPTION: No caption
OPTION: No Sound, Same video on Mobile and Desktop
Interview with Christophe Lemaire
V2-DSMobile Small Size
Future LifeWear essentials, designed with the highest precision in pursuit of a simplified, modern wardrobe. Artistic director Christophe Lemaire and his team in Paris reimagine everyday clothing using innovative materials and contemporary silhouettes.