Buttons

DN Login uses a standardized button design across all its guides and pages. This ensures a familiar and accessible experience for users on all devices.

Primary Button

The primary button is used for key actions such as logging into a service, submitting a comment, or confirming an action. It uses a solid blue background with white text and rounded corners.

To add a button to your content, use the .btn class on an anchor element:

<a class="btn" href="URL">Action Text</a>

Responsive Behavior

All buttons include a minimum height of 44 pixels to ensure touch-friendly interaction on mobile devices. Buttons remain fully readable and usable on all screen sizes.