Text symbols
The ╭ box drawings light arc down and right tends to show up in plain text whenever cute frames, kaomoji styling, text art need more structure or visual direction.
Open symbol pageBox Drawing Symbols Guide
Box Drawing Symbols Guide for Layout and UI
Box Drawing Symbols guide content focused on layout and ui, with practical symbol choices instead of raw character dumps.
18 symbols in this page
Why this page exists
Box drawing clusters are structurally different from decorative symbols. The intent here is to build actual text layouts, borders, trees, dividers, and simple panels. Layout guides are practical by design. The reader is usually trying to structure text or add interface cues without designing a whole component.
They work in code blocks, notes, terminal-style designs, plain text templates, kaomoji setups, menus, and low-fi interface mockups. These pages work for help docs, notes, dashboards, menus, pricing tables, cards, and UI microcopy.
Corners, junctions, horizontals, and verticals need to be explored together. People rarely want one isolated glyph; they want a working toolkit. The value of a layout guide is helping the user choose between symbols that look similar but behave differently in repeated interface use.
Symbols in this collection
Text symbols
The ╮ box drawings light arc down and left tends to show up in plain text whenever cute frames, mirrored text art, soft decoration need more structure or visual direction.
Open symbol pageText symbols
The ╰ box drawings light arc up and right is commonly copied for kaomoji faces, text art, cute decoration when the goal is structure, not just decoration.
Open symbol pageText symbols
The ╯ box drawings light arc up and left is commonly copied for kaomoji faces, mirrored decoration, text art when the goal is structure, not just decoration.
Open symbol pageText symbols
Users usually reach for the ─ box drawings light horizontal in workflows involving text dividers, layout lines, ASCII-style frames because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
Users usually reach for the │ box drawings light vertical in workflows involving vertical dividers, column layouts, text framing because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
This box drawings light down and right is most useful in text-heavy layouts built around frames, tables, text boxes where the character has to do real visual work.
Open symbol pageText symbols
This box drawings light down and left is most useful in text-heavy layouts built around frames, tables, text boxes where the character has to do real visual work.
Open symbol pageText symbols
Users usually reach for the └ box drawings light up and right in workflows involving frames, tables, text layouts because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
The ┘ box drawings light up and left is commonly copied for frames, tables, text layouts when the goal is structure, not just decoration.
Open symbol pageText symbols
This box drawings light vertical and right is most useful in text-heavy layouts built around branching layouts, tree views, text structures where the character has to do real visual work.
Open symbol pageText symbols
This box drawings light vertical and left is most useful in text-heavy layouts built around branching layouts, text trees, structured notes where the character has to do real visual work.
Open symbol pageText symbols
Users usually reach for the ┬ box drawings light down and horizontal in workflows involving table tops, text grids, layout branches because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
This box drawings light up and horizontal is most useful in text-heavy layouts built around table bottoms, text grids, layout branches where the character has to do real visual work.
Open symbol pageText symbols
Users usually reach for the ┼ box drawings light vertical and horizontal in workflows involving grid intersections, tables, diagram text because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
The ═ box drawings double horizontal is commonly copied for strong dividers, headers, text boxes when the goal is structure, not just decoration.
Open symbol pageText symbols
Users usually reach for the ║ box drawings double vertical in workflows involving strong columns, text borders, framed layouts because it keeps the layout readable and copy-ready.
Open symbol pageText symbols
The ╔ box drawings double down and right tends to show up in plain text whenever bold frames, strong text boxes, decorative layouts need more structure or visual direction.
Open symbol pageRelated guide pages
- Arrow Symbols Guide for Beginners
Arrow Symbols guide content focused on beginners, with practical symbol choices instead of raw character dumps.
- Arrow Symbols Guide for Copy and Paste Workflows
Arrow Symbols guide content focused on copy and paste workflows, with practical symbol choices instead of raw character dumps.
- Arrow Symbols Guide for Profiles and Social
Arrow Symbols guide content focused on profiles and social, with practical symbol choices instead of raw character dumps.
- Arrow Symbols Guide for Layout and UI
Arrow Symbols guide content focused on layout and ui, with practical symbol choices instead of raw character dumps.
- Heart Symbols Guide for Beginners
Heart Symbols guide content focused on beginners, with practical symbol choices instead of raw character dumps.
- Heart Symbols Guide for Copy and Paste Workflows
Heart Symbols guide content focused on copy and paste workflows, with practical symbol choices instead of raw character dumps.
- Heart Symbols Guide for Profiles and Social
Heart Symbols guide content focused on profiles and social, with practical symbol choices instead of raw character dumps.
- Heart Symbols Guide for Layout and UI
Heart Symbols guide content focused on layout and ui, with practical symbol choices instead of raw character dumps.