====== Design Principles ======

Here we present an overview of some of the most important elements in design.

^ Principle                              ^ Description                                           ^
| [[en:design:principles|Hierarchy]]       | Organizing content to guide the viewer’s attention.   |
| [[en:design:principles:contrast|Contrast]]         | Emphasizing differences to create visual interest.    |
| [[en:design:principles:unity|Unity]]               | Making all elements feel like they belong together.   |
| [[en:design:principles:repetition|Repetition]]     | Reusing visual elements for consistency.              |
| [[en:design:principles:alignment|Alignment]]       | Lining up elements to create order and structure.     |
| [[en:design:principles:proximity|Proximity]]       | Grouping related items to show relationships.         |
| [[en:design:principles:balance|Balance]]           | Distributing visual weight to achieve stability.      |
| [[en:design:principles:white_space|White Space]]   | Using empty space intentionally for clarity and focus.|

------

====== Application of Design ======

Below we briefly overview the tools available to implement the principles of design.

^ Tool/Element                             ^ Description                                                  ^
| [[en:design:application:grid_system|Grid System]]     | Align elements using rows, columns, or modular structure.    |
| [[en:design:application:margins_padding|Margins & Padding]] | Add space around and between elements for readability.     |
| [[en:design:application:images|Images]]              | Use photos or icons to support or replace text visually.     |
| [[en:design:application:dividers|Dividers]]          | Use lines or separators to organize content.                |
| [[en:design:application:containers|Containers]]      | Use shapes to group or emphasize elements.                  |
| [[en:design:application:colors|Colors]]              | Apply colors for emphasis, harmony, and mood.               |
| [[en:design:application:fonts|Fonts]]                | Choose typefaces to reflect tone and establish hierarchy.   |
| [[en:design:application:styles|Styles]]              | Use paragraph, character, and page styles for consistency.  |