Design System Preview
Nikon — lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

lorem ipsum dolor lorem ipsum dolor
01 / Colors

lorem ipsum dolor

Brand
Primary
#222222
lorem ipsum dolor sit
Black
#000000
lorem ipsum dolor
Text
Text Primary
#222222
lorem ipsum dolor
Text Secondary
#555555
lorem ipsum dolor
Text Disabled
#949494
lorem ipsum dolor
Text White
#ffffff
lorem ipsum dolor
Surface & Background
Page BG
#f3f3f3
lorem ipsum
Surface
#ffffff
lorem / lorem
Footer BG
#111111
lorem ipsum dolor
Nav BG
rgba(0,0,0,0.7)
lorem ipsum
Border
#949494
lorem ipsum dolor
02 / Typography — lorem

lorem ipsum dolor sit

BUSINESS — lorem ipsum dolor
40px / 500 / line-height: 1.5 / letter-spacing: 0.06emlorem ipsum
lorem ipsum dolor — Heading 1
30px / 500 / line-height: 1.5lorem ipsum dolor
lorem ipsum — Heading 2
18px / 500 / line-height: 1.5lorem ipsum dolor
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur. line-height: 1.9 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit.
18px / 400 / line-height: 1.9lorem ipsum
lorem ipsum dolor — lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing.
18px / 400 / line-height: 1.5lorem ipsum dolor
lorem ipsum dolor — Nav Link (14px)
14px / 400 / line-height: 1.5
lorem ipsum dolor — Caption (12px)
12px / 400 / line-height: 1.5lorem ipsum
03 / Article — lorem ipsum

lorem ipsum dolor sit amet

lorem ipsum, lorem ipsum dolor sit

lorem ipsum“lorem ipsum”lorem“lorem ipsum”lorem ipsum dolor sit amet, lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor FPD lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Hero Fill
lorem ipsum dolor
Hero Outline
Cookie Dark
Cookie Light
05 / Cards

lorem ipsum dolor sit

Z fc — lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.

Z 8 — lorem ipsum dolor sit

4571 lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

NIKKOR Z lorem ipsum

lorem Z lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit, lorem ipsum dolor sit amet.

06 / Forms

lorem ipsum dolor

lorem ipsum — pill lorem radius: 22px, border: #949494
lorem ipsum — border: #222222
lorem — border: #c62828
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem(lorem ipsum dolor)
Page Top Button
rgba(0,0,0,0.92) 0 0 10px 0
08 / Layout

lorem ipsum dolor

Main Container 1280px
Article Content 700px