## Implementation Context - **Primary**: Use **SenangStart CSS** for the implementation. - **Reference**: Tailwind CSS is provided for stylistic context only. ## SenangStart CSS Usage To use SenangStart CSS, simply include the script in your HTML ``: ```html My App

Hello SenangStart!

Zero config, instant styling.

``` **Documentation**: [Getting Started Guide](https://bookklik-technologies.github.io/senangstart-css/guide/getting-started.html) # Headings Category: typography Description: Standard Headings ## SenangStart CSS Code ```html <h1 visual="text-size:giant tw-lg:text-size:giga capitalize font:tw-bold text:gray-900">Heading H1</h1> <h2 visual="text-size:grand tw-lg:text-size:mega capitalize font:tw-bold text:gray-900">Heading H2</h2> <h3 visual="text-size:huge tw-lg:text-size:giant capitalize font:tw-bold text:gray-900">Heading H3</h3> <h4 visual="text-size:big tw-lg:text-size:huge capitalize font:tw-bold text:gray-900">Heading H4</h4> <h5 visual="text-size:large tw-lg:text-size:big capitalize font:tw-bold text:gray-900">Heading H5</h5> <h6 visual="text-size:base tw-lg:text-size:large capitalize font:tw-bold text:gray-900">Heading H6</h6> ``` ## Tailwind CSS Code ```html <h1 class="text-4xl lg:text-7xl capitalize font-bold text-gray-900">Heading H1</h1> <h2 class="text-3xl lg:text-6xl capitalize font-bold text-gray-900">Heading H2</h2> <h3 class="text-2xl lg:text-4xl capitalize font-bold text-gray-900">Heading H3</h3> <h4 class="text-xl lg:text-2xl capitalize font-bold text-gray-900">Heading H4</h4> <h5 class="text-lg lg:text-xl capitalize font-bold text-gray-900">Heading H5</h5> <h6 class="text-base lg:text-lg capitalize font-bold text-gray-900">Heading H6</h6> ```