Styleguide Template

BUTTON

Sass file: /_sass/_button.scss

Button text Button text
MORE 
      <a href="fake.html" class="button">Button text</a>
<a href="fake.html" class="button button_entry">Button text</a>
<div class="more_link">
	<a class="button_more" href="fake.html"><span>MORE</span></a>
</div>

MAINVISUAL

Sass file: /css/main.scss

つくって人を幸せにする

WE "CREATE"

YOUR HAPPINESS

      <div class="main_visual">
	<div class="main_img"></div>

	<p class="main_text_jp">つくって人を幸せにする</p>

	<div class="main_text_en_wrap">
		<p><span class="main_text_en1">WE "CREATE"</span></p>
		<p><span class="main_text_en2">YOUR HAPPINESS</span></p>
	</div>
</div>

TITLE

Sass file: /css/main.scss

タイトルタイトルタイトル

タイトルレフトレフト

タイトルセンターセンター

タイトルライトライト

タイトルレフトスモールレフトスモールレフトスモールレフトスモール

タイトルセンターラージタイトルセンターラージタイトルセンターラージ

タイトルセンターシングル？

      <h1 class="page_title">タイトルタイトルタイトル</h1>
<h2 class="ttl ttl_left">タイトルレフト<span>レフト</span></h2>
<h2 class="ttl">タイトルセンター<span>センター</span></h2>
<h2 class="ttl ttl_right">タイトルライト<span>ライト</span></h2>
<h2 class="ttl ttl_left ttl_sm">タイトルレフトスモール<span>レフトスモールレフトスモールレフトスモール</span></h2>
<h2 class="ttl_center_large">タイトルセンターラージ<span>タイトルセンターラージタイトルセンターラージ</span></h2>
<h2 class="ttl ttl_sm">タイトルセンターシングル？</h2>