PARTS iris

アイリスパーツ

最終更新:2021/07/19

 

 

家型

カッコいい≠住みにくい

SIMPLE NOTE(シンプルノート)のデザインにおいて最大の特徴は、これまでの家に比べて視覚的要素が圧倒的に少なく、シンプルなデザインになっていることです。
快適さや暮らしやすさを保ちながら、不要なものを取り除いていき、シンプルですっきりしたデザインを生み出していくのです。
重要なのは、「どうシンプルなのか」ではなく、「なぜシンプルなのか」です。

デザイナーズ住宅≠高い

デザイナーズ住宅とは、デザイナーが気のままにデザインしたものを言うのではなく、問題点を解決しながら、合理的で住みやすくする事がデザインだと思っています。
余計なものをそぎ落とした結果が負担を減らす事につながり、家を建てる本来の目的を実現できるのです。

開放感≠外からの視線

開放感と外からの視線、その決して共存できない2つをSIMPLE NOTEの『工夫』が解決します!
SIMPLE NOTEでは、外からの視線が入り込む道路面や隣接する家がある方向に、むやみに大きな窓を作ることはしません。そうすることで、外からの視線を気にすることがなくなり、同時にカーテンや雨戸の出費を抑えます。

子育て ≠ 散らかる

SIMPLE NOTEの設計は、その名の通り家族の生活動線をできる限りシンプルになるよう工夫しています。生活の中心であるリビングと子供部屋の動線が限りなく近いことで、子供のものを子供部屋にしっかり収納できるようになり、またパントリーや土間収納もリビング近辺にあるため、リビングをいつもスッキリとキレイに保つことが可能となります。

日当たりの悪い土地 ≠ 暗い

土地というものは人気があればあるほど価格が高くなるものです。したがって、すべての要望を満たそうとすると高額になり、手に入れづらくなります。
夢のマイホーム計画を家族で話し合い行動すると、最初にぶつかる壁が「希望する土地が見つからない・・・」という土地に関する問題ではないでしょうか。

その不安を取り除くのがSIMPLE NOTEです。

html

 

レスポンシブ下マージン

991px以下「4rem」992px以上「6rem」1200px以上「8rem」になります

画面サイズによって下のマージンが変わります。

html

css

 

画像切り抜き

画像上部を屋根のような形に切り抜きます。

html

css

 

見出しカウンター

カウンター参考:https://dezanari.com/css-counter/

見出しの数字を自動でカウントします。

カッコいい≠住みにくい

デザイナーズ住宅≠高い

開放感≠外からの視線

html

css

 

行間高めテキスト

通常

SIMPLE NOTE(シンプルノート)のデザインにおいて最大の特徴は、これまでの家に比べて視覚的要素が圧倒的に少なく、シンプルなデザインになっていることです。
快適さや暮らしやすさを保ちながら、不要なものを取り除いていき、シンプルですっきりしたデザインを生み出していくのです。
重要なのは、「どうシンプルなのか」ではなく、「なぜシンプルなのか」です。

行間高め

SIMPLE NOTE(シンプルノート)のデザインにおいて最大の特徴は、これまでの家に比べて視覚的要素が圧倒的に少なく、シンプルなデザインになっていることです。
快適さや暮らしやすさを保ちながら、不要なものを取り除いていき、シンプルですっきりしたデザインを生み出していくのです。
重要なのは、「どうシンプルなのか」ではなく、「なぜシンプルなのか」です。

html

css

 

 

 

連動スライダー

メインとサムネイルの画像が連動します。
使用する際には対応するjsを読み込んでください。

html

css

 

 

 

背景色・画像・背景色白テキスト

背景色があり、その中の画像とテキストが重なります。
テキスト側には白い背景色。

画像を左側に配置するときは「tib_box」に「tib_l」のクラス

画像を右側に配置するときは「tib_box」に「tib_r」のクラス

画像は「tib_box」直下のspanで指定しています。クラス名で背景画像指定。

子どもの将来、
子ども部屋の将来

「人数に応じた子ども部屋」「来客に備えて1部屋余分に」という固定観念に囚われて さえいなければ、もっとLDKを広々と設計することができたかもしれませんし、家全 体の床面積を削ることで階段を上り下りせずゆったりと暮らせる平屋にできたかもし れません。

子どもが自室で一人で寝る期間は思ったほど長くありませんし、年間を通して来客が 泊まる機会もそれほど多くはないのではありませんか。それならば子どもが小さいうち は子ども部屋を来客用として使えば、来客専用の部屋を作らずに済みます。

そんなふうに「当たり前」と思っていることをひとつずつ見直して、もっと広く、シン プルな家を建てることができるのは、“SIMPLE NOTE”で家づくりを進めていく人だけ が得られる特権なのです。

1000万円台で叶う
高性能デザイナーズ住宅。

デザイナーズ住宅は高い。

このようなイメージをお持ちの方も多いのではないでしょうか。デザインという価値を付け加えるために無駄な装飾や設計を加算したり、建築家が作品づくりに傾倒することにより価格が上がります。したがって、「デザイナーズ住宅は高い!」となるわけです。

デザイナーズ住宅とは、デザイナーが気のままにデザインしたものを言うのではなく、問題点を解決しながら、合理的で住みやすさを追求した住宅であると考えます。余計なものをそぎ落とした結果が負担を減らす事に繋がり、家を建てる本来の目的を実現できるのです。デザイン、コスト、あらゆる無駄を省いたSIMPLE NOTEを体験してみませんか?

html

css

 

 

 

ロゴ・コンセプト・リスト

シンプルな家づくりのための6つのアドバイス

家づくりにおいて知らなければならない事は沢山あります。家族の大切なお金を出して、人生をかけて支払いしていく家づくりにおいて無頓着では済まされない事柄を6つ挙げてみましたので、家づくりの前に必ずお読みいただき、今後の家づくりに役立ててみて下さい。

  • 洗練されたデザイナーズ住宅
  • 合理的な設計がもたらす高性能住宅
  • 子育てママの家事をラクにする思いやりの家
  • 家族の安全やプライバシーを守る防犯住宅
  • 無駄なコストを省いた賢い家
  • 人に自慢したくなるようなセンスの良い個性的な家

html

 

svgロゴ

svgに対応可能なプラグインを入れたのでWordPressにsvg画像をアップロードできます。
プラグインが入っていない場合は、FTPから画像をアップするかプラグインを入れてください。

今回のsvg画像は幅の最大値を500pxにしています。
500px以下にはなりますが、500px以上にはなりません。

html

css

 

コンセプト用タイトル

コンセプト用のタイトルです。

brタグが入っていないのにスマホでは改行しています。
991px以下では中の「span」をブロック要素に、992px以上ではインライン要素にしているためです。

シンプルな家づくりのための6つのアドバイス

html

css

 

コンセプト用リスト

リストのアイコンは背景画像です。
勝手に右に寄っていますが、今回のレイアウトの都合上リストの左側に間を空けたかったので、
1200px以上では幅の最大値を500pxにして左のマージンをオートにしているためです。
必要に応じて変更していただければ大丈夫かと思います。

  • 洗練されたデザイナーズ住宅
  • 合理的な設計がもたらす高性能住宅
  • 子育てママの家事をラクにする思いやりの家
  • 家族の安全やプライバシーを守る防犯住宅
  • 無駄なコストを省いた賢い家
  • 人に自慢したくなるようなセンスの良い個性的な家

html

css

 

 

 

Q&A

見た目が違うだけでこちらとほぼ同じです。
ラベルの画像は「before」の背景画像で作っています。

html

css

 

faq見出し

今回のQ&A内で使用している見出しです。

1. 土地に『良い』も『悪い』もない

html

css

 

faq流れ

今回のQ&A内で使用している流れです。
色が違うだけで基本的にこれと同じです。

  • 1

    資金計画

    まず、最初に行うべきことは資金計画です。家づくりは非常に大きな買い物なので、十分に計画を練りましょう。いくらまでなら無理なく返済できるのかだけでなく、建てるべきタイミングや頭金の額などもシミュレーションして、最も適した計画を立てる必要がありますが、独学では限界があるので、住宅会社かファイナンシャルプランナーなどに依頼すると良いでしょう。

  • 2

    住宅会社選び

    雑誌やネット、内覧会などからいくつかの住宅会社を選定し、絞っていきます。
    単純にブランドや価格だけでなく、デザイン、実績、人柄、アフターなど様々な要素から決めることが重要です。

  • 3

    土地探し

    土地をお持ちでない方が最初に遭遇する関門です。希望している土地が見つからず、また見つかったとしても高くて予算オーバーになってしまい、数カ月が過ぎてしまうということがよくあります。土地は住宅会社の協力のもと、進めていくとよいでしょう。

  • 4

    プラン・見積り

    住宅会社からプランと見積りの提案を受けます。住宅会社によって異なりますが、ラフプランと簡易見積りから始まり、詳細プランや見積もりは設計契約といった仮契約を通した上で提出することが一般的です。

  • 5

    地盤調査

    建築地の地質調査をして、地盤がどれくらいの強さなのかを測ります。

  • 6

    本契約・住宅ローン申込み

    内容を十分に確認した上で、本契約の締結と住宅ローンの申し込みを行います。

html

css

 

 

 

テキストと背景画像ボタン

テキストと背景画像が重なっているボタンです。
基本的な枠は2つとも同じで、背景画像やテキスト部分の背景色・文字の色はそれぞれ別のクラスで指定しています。

これに使っているボタンも背景画像が違うだけで同じボタンです。

html

css