引用文を囲むテキストフレーム、プロフィールの区切り線、あるいはレトロなREADMEバナーを作りたいですか?「Cool Borders」は、それらを作成するために必要なあらゆるUnicodeの線、角、括弧をまとめています。各パーツを組み合わせ、グリフをコピーしてフレームを組み立てましょう。
✨ ツールボックスの中身
─
線
細線、太線、破線、二重線 — 枠線の太さを自由に設定できます。
╭
角
直角の ┌、丸みのある ╭、二重の ╔ — フレームの個性に合わせましょう。
⟦
装飾的な括弧
⟦ ⟧、⦃ ⦄、「 」を追加して、単語やユーザー名を囲みます。
🚀 テキストフレームの作り方
-
1
線の太さを選ぶ
一重線 ─、二重線 ═、太線 ━ — 好みの外観を選んでください。
-
2
合う角を選ぶ
柔らかい印象には丸みのある ╭ ╮ ╰ ╯ を、クリーンでテックな雰囲気には直角の ┌ ┐ └ ┘ を使いましょう。
-
3
組み立てる
四隅に角を配置し、間に線を並べ、内側にコンテンツを配置します。
📍 おすすめの活用シーン
- 引用のフレーム: インスピレーションを与える引用文を、丸みのあるフレームで強調します。
- READMEバナー: GitHubのREADMEに、クラシックなASCIIフレームで個性を加えましょう。
- プロフィールのセクション: 「再生中」や「最新のプロジェクト」などのラベルを囲んで、カード風のデザインに。
- 印刷物風のデザイン: 投稿やドキュメントで、タイプライターやターミナルのような外観を再現します。
❓ よくある質問
Instagramでフレームが崩れるのはなぜですか?
ほとんどのアプリはプロポーショナルフォントでテキストを表示するため、文字ごとに幅が異なります。フレームは等幅フォントの環境(Discordのコードブロックやターミナルなど)では完璧に表示されますが、それ以外では多少のズレが生じます。
メールで使えますか?
はい。Unicodeの線は、最新のあらゆるメールクライアントで動作します。モバイル端末でも正しく表示されるよう、シンプルな構成にすることをお勧めします。