Design System Preview
RAKSUL (ラクスル) — 日本語版

DESIGN.md から抽出したデザイントークンのカタログ。カラー、フォント、コンポーネント、レイアウトの全値を可視化。EC/マーケットプレイス型UIパターン、computed style 実測値に基づく。

無料会員登録 印刷・集客サービスを探す DESIGN.md を読む
01 / Colors

カラーパレット

Brand & Action
Primary Blue
#0264bf
ログイン・サービスナビ
CTA Orange
#e7560d
新規登録・重要アクション
Badge Pink
#e4007e
おすすめバッジ
Badge Orange
#ee4a0e
NEWラベル
Link Blue
#3fa2f3
テキストリンク
Text
Text Primary
#222222
本文テキスト
Text Secondary
#636363
補足テキスト・ナビ
Surface & UI
Background
#ffffff
ページ背景
Surface Light
#fafafa
セクション背景
Surface Lighter
#f2faff
検索ハイライト
Icon BG
#efefef
アイコンボタン背景
Footer BG
#ecedef
関連サービス背景
Search Gray
#a6afba
検索ボタン
Divider
#dddddd
罫線・区切り
02 / Typography — 実測値

タイポグラフィ階層

セクション見出し — Section Heading (H2)
20px / 600 / line-height: 1.33 / letter-spacing: normalセクション
フッター見出し — Footer Heading
16px / 700 / line-height: 1.33 / letter-spacing: 0.05emフッター
ナビゲーション本文 — Nav Body
14px / 600 / line-height: 1.33 / letter-spacing: 0.05em / color: #636363ナビゲーション
カテゴリ本文 — Category Body (13px)
13px / 600 / line-height: 1.5ナビカテゴリ
本文テキスト — ラクスルは印刷・集客のネット通販として、名刺やチラシ、ポスターなど様々な印刷物を高品質・低価格で提供しています。テンプレートを活用すれば、デザインの知識がなくても簡単に注文できます。
14px / 400 / line-height: 1.5 / letter-spacing: normal本文
補足テキスト — Helper (13px)
13px / 400 / line-height: 1.5 / color: #636363補足
カテゴリラベル — Category Label (12px)
12px / 600 / line-height: 1.33 / letter-spacing: 0.02emカテゴリ
ABCabc 123,456 — Roboto prioritized for European text and numerals
Roboto / 欧文・数字は Roboto が優先表示
03 / Product — 印刷サービス

商品ページの組版サンプル

チラシ・フライヤー印刷

ラクスルのチラシ印刷は、最安 1.1円/枚から。A4、B5 など豊富なサイズ展開で、片面・両面カラーに対応。オフセット印刷で高品質な仕上がりを実現します。

おすすめ NEW

仕様・料金

用紙サイズ
A4 (210 x 297mm) / B5 (182 x 257mm) / A5 (148 x 210mm)
用紙の種類
光沢紙 / マットコート紙 / 上質紙 / ミラーコート紙
納期
最短翌日出荷（受付締切 AM10:00）
最小ロット
100部〜

デザインテンプレートを使えば、Illustrator などの専門ソフトがなくても、ブラウザ上でかんたんにデザインを作成できます。テンプレート一覧を見る

入稿について

PDF、AI、PSD 形式の入稿データに対応。トンボ（トリムマーク）を付けたデータをアップロードしてください。データチェックは自動で行われ、問題があれば即座にお知らせします。

04 / Buttons

ボタンバリエーション

ログイン
Primary (Login)
bg #0264bf / radius 4px
新規登録
CTA (Signup)
bg #e7560d / radius 4px
検索する
Search Filter
bg #a6afba / radius 3px
名刺印刷
Service Menu
text #0264bf / border
🖨️ 印刷
Icon Button
bg #efefef
詳しく見る
Outline
border #dddddd
Badges
おすすめ
Recommend Badge
bg #e4007e / 12px
NEW
New Badge
bg #ee4a0e / 10px
05 / Cards

カードコンポーネント

チラシ・フライヤー
おすすめ

チラシ・フライヤー印刷

片面カラー・A4サイズ 100部から。オフセット印刷で高品質な仕上がり。

¥1,078〜 (税込)
詳細を見る →
名刺印刷
NEW

名刺印刷・名刺作成

100枚 499円から。スピード名刺なら即日出荷。テンプレートでかんたん作成。

¥499〜 (税込)
詳細を見る →
ポスター印刷

ポスター印刷

A1・A2・B2サイズ対応。マット・光沢選択可。屋内掲示に最適なポスターを低価格で。

¥1,628〜 (税込)
詳細を見る →
06 / Forms

フォーム要素

デフォルト — border: #dddddd, radius: 4px
フォーカス — border: #0264bf (Primary Blue)
正しい電話番号を入力してください
エラー — border: #c0392b
最小ロット: 100部
07 / Elevation

Depth & Elevation

Level 0: Flat
影なし、border: #dddddd のみ
Elevation 1
カード・スウォッチ
Elevation 2
カードホバー・ドロップダウン
Elevation 3
モーダル・ダイアログ
Focus Ring
#0264bf (Primary Blue)
08 / Layout

コンテンツ幅 & レイアウト

Container Max 1156px
Content Area ~960px
Product Card Grid ~880px
Side Nav ~220px
Design Characteristics