1 — Colors
SHARP Red
#e6000d
AQUOS Blue
#4d7cfa
Text Primary
#000000
White
#ffffff
Surface Light
#f5f5f5
Surface Border
#e6e6e6
Overlay Dark
rgba(0,0,0,0.6)
Overlay Light
rgba(0,0,0,0.1)
2 — Typography
Hero — 40px / Weight 700 / Line Height 1.5
lorem ipsum dolor, lorem ipsum dolor sit amet.
H2 Large — 36px / Weight 700 / Line Height 1.5
AQUOS XLED — lorem ipsum dolor
H2 Medium — 28px / Weight 700 / Line Height 1.5
lorem ipsum dolor sit amet, lorem ipsum dolor sit.
H2 Section — 24px / Weight 500 / Line Height 1.5
COCORO lorem — lorem ipsum dolor sit amet consectetur
Body — 16px / Weight 300 / Line Height 1.5　※lorem ipsum dolor
lorem ipsum“lorem ipsum”lorem ipsum dolor sit amet consectetur, lorem / lorem / lorem / lorem ipsum dolor sit amet consectetur adipiscing. AIoT lorem ipsum dolor COCORO lorem ipsum dolor, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
Caption — 14px / Weight 300 / Line Height 1.5
※lorem ipsum / lorem ipsum dolor sit amet consectetur adipiscing elit.
Link "lorem ipsum" — 14px / Weight 400 / Line Height 1.5
lorem ipsum ›
Nav — 15px / Weight 300 / Line Height 1.5
lorem ipsum dolor  |  lorem ipsum dolor  |  lorem ipsum  |  lorem
Nav Secondary — 12px / Weight 400 / Line Height 1.5
lorem  |  lorem  |  lorem  |  lorem ipsum  |  lorem ipsum
NEW Badge — 12px / Weight 700 / #ffffff on SHARP Red
NEW
3 — Product
AQUOS XLED
4K lorem EL lorem — lorem ipsum dolor
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet. AI lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.
AQUOS XLED
NEW
AQUOS XLED 4K
AI lorem / lorem ipsum dolor. lorem / lorem ipsum dolor sit amet consectetur.
lorem ipsum
lorem ipsum dolor sit
 
lorem ipsum KI-VX100
lorem ipsum dolor sit NEXT lorem, lorem / PM2.5 / lorem ipsum dolor sit amet consectetur.
lorem ipsum
COCORO HOME
 
COCORO AIoT lorem ipsum
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit / lorem ipsum dolor.
lorem ipsum
4 — Buttons
NEW
5 — Cards
lorem / AQUOS
TELEVISION
AQUOS lorem ipsum
4K / 8K lorem ipsum EL lorem. AI lorem ipsum dolor / lorem ipsum dolor sit amet consectetur adipiscing TV.
lorem
REFRIGERATOR
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. COCORO lorem ipsum dolor.
lorem
WASHER
ES-W11B lorem ipsum
AI lorem ipsum / lorem ipsum dolor. lorem / lorem ipsum dolor sit amet consectetur.
6 — Forms
lorem ipsum dolor sit amet
7 — Elevation
Level 0 — Flat
Level 1 — 0 2px 8px / 6%
Level 2 — 0 4px 16px / 10%
8 — Layout
SHARP
lorem ipsum dolor lorem ipsum dolor lorem ipsum lorem
lorem ipsum dolor sit amet, lorem ipsum dolor.
lorem ipsum dolor sit amet consectetur adipiscing
lorem / AQUOS
lorem ipsum
COCORO AIoT
© SHARP CORPORATION. All rights reserved.