Beacon UI

Styleguide ​

The Styleguide is the foundation of the EN applications. It provides a complete reference for how individual interface elements should look and behave at the most basic level. Here, you’ll find examples of components expressed purely in HTML and CSS, without any additional functionality or business logic applied.

This section is designed to serve as a visual and structural toolkit:

  • Components in isolation – Each element (such as buttons, forms, typography, navigation, and layouts) is shown on its own, highlighting its styles, states, and responsive behavior.
  • Consistent design language – By relying on standardized patterns, the Styleguide ensures visual consistency across all parts of the application.
  • Building blocks – The components documented here can be combined and extended to create full user interfaces.

Use the Styleguide as your starting point when designing or developing. Whether you’re exploring how a single button should render, or planning to compose multiple elements into a page layout, this library provides the baseline for cohesive and accessible UI design.