lorem ipsum dolor,
lorem ipsum dolor

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 DESIGN.md lorem
01 / Colors
COLORS

lorem ipsum dolor

Brand
Brand Green
#7B9437
CTA, lorem, lorem ipsum
Brand Green Light
#B5C474
lorem ipsum dolor
Footer Green
#76952F
lorem ipsum dolor
Hero Overlay
rgba(123,148,55,0.8)
lorem ipsum dolor
Text
Text Primary
#333333
lorem ipsum dolor
Text Nav
#595757
lorem ipsum dolor
Badge Gray
#89888C
lorem ipsum dolor
Badge Light Gray
#A7A7A7
NEWS lorem
Surface & Border
Background
#FFFFFF
lorem ipsum
Section BG
#F2F2F2
lorem ipsum dolor
Border
#DDDDDD
lorem ipsum
02 / Typography
TYPOGRAPHY

lorem ipsum dolor sit

STORY
Century Schoolbook (Playfair Display) / 60px / 700 / line-height: 1.2lorem ipsum dolor
lorem ipsum dolor, lorem ipsum dolor
Ryumin (Noto Serif JP) / 42px / 700 / line-height: 1.4Hero H2
lorem ipsum dolor sit amet consectetur
Ryumin (Noto Serif JP) / 28px / 700 / line-height: 1.4lorem ipsum dolor
News & Release
Arial Black (Oswald) / 20px / 700 / line-height: 1.4 / letter-spacing: 3pxlorem ipsum dolor sit
lorem ipsum dolor sit. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. ABCabc 123
lorem ipsum dolor (Noto Sans JP) / 20px / 400 / line-height: 1.8lorem ipsum dolor
lorem ipsum dolor sit
lorem ipsum dolor (Noto Sans JP) / 15px / 700 / line-height: 1.4lorem
lorem ipsum dolor — lorem ipsum dolor sit amet, lorem ipsum dolor sit amet. lorem 1.8 lorem ipsum dolor sit amet consectetur adipiscing. ABCabc 123
lorem ipsum dolor (Noto Sans JP) / 14px / 400 / line-height: 1.8lorem
lorem ipsum dolor sit amet — 12px
lorem ipsum dolor (Noto Sans JP) / 12px / 400 / line-height: 1.8lorem ipsum
Detail
Arial Narrow Bold (Oswald) / 20px / 700 / letter-spacing: 4pxlorem
INFO RELEASE
Arial Narrow Bold (Oswald) / 12.6px / 700 / letter-spacing: 1.89pxlorem ipsum dolor
03 / Article
ARTICLE

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing

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

lorem ipsum dolor sit

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

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

lorem ipsum dolor sit amet

AI lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet, lorem ipsum dolor. lorem, lorem ipsum dolor“Kit Oisix”lorem, 20 lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

04 / Buttons
BUTTONS

lorem ipsum dolor sit

lorem ipsum dolor
Primary CTA
lorem ipsum dolor
Secondary
NEWS
Gray
lorem ipsum
Outline

Navigation Tabs

lorem ipsum IR lorem lorem ipsum dolor lorem ipsum

Badges

INFO RELEASE NEWS EVENT
05 / Cards
CARDS

lorem ipsum dolor sit

Oisix
RELEASE

lorem ipsum dolor sit amet consectetur adipiscing

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

2026.05.20
lorem ipsum →
radish boya
INFO

lorem ipsum dolor sit amet consectetur adipiscing

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

2026.05.15
lorem ipsum →
Daichi
NEWS

lorem ipsum dolor sit amet 2026 lorem

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

2026.05.10
lorem ipsum →
06 / Forms
FORMS

lorem ipsum dolor

lorem ipsum -- border: #DDDDDD, radius: 0px
lorem ipsum -- border: #7B9437 (brand green)
lorem ipsum dolor sit amet consectetur
lorem -- border: #c0392b
07 / Elevation
ELEVATION

Depth & Elevation

Level 0: Flat
lorem, lorem ipsum dolor. lorem ipsum dolor
Elevation 1
0 1px 3px rgba(0,0,0,0.1)
Elevation 2
0 4px 8px rgba(0,0,0,0.12)
Focus Ring
#7B9437 (brand green)
08 / Layout
LAYOUT

lorem ipsum & lorem ipsum dolor

Content Widths

Main Content 960px
Article Body 640px

Spacing Scale

4px
8px
16px
24px
40px
80px