UI Kit
Elements & Components
Every HTML element and component available in this template, ready to use when writing posts or pages in the Blogger editor (HTML view).
01
Typography
Heading 1
Heading 2
Heading 3
Heading 4
A regular paragraph keeps a comfortable line length and spacing so long text stays easy to read.
Inline: bold, italic, underline, strike, mark, code, H2O, x2, Example link.
A quotation is set apart with an accent rule and a display italic face.
function greet(name) {
return "Welcome, " + name;
}
Bulleted List
- First item
- Second item
- Third item
Numbered List
- Prepare
- Build
- Launch
Definition List
- Theme
- The look of your blog.
- Page
- A static page such as About.
03
Cards & Icons
Protection
A card with a line icon, a title, and a short description.
Time
Arranged in a responsive grid of two to four columns.
Documents
Line-art SVG icons, no emoji and no icon fonts.
Messages
Cards inherit the colors and fonts of this template.
04
Table
| Plan | Blogs | Price |
|---|---|---|
| Regular | 1 | $ 9 |
| Extended | 5 | $ 22 |
| Developer | Unlimited | $ 49 |
05
Form
06
Alerts
Success: the form was validated.
Info: this is a neutral note.
Warning: check the highlighted fields.
Error: something went wrong.
07
Accordion
What is an accordion?
A list of questions that expand to show the answer.
Does it need JavaScript?
No. It uses the native details element.
08
Timeline
2024
The project started.
2025
The first release shipped.
2026
The bilingual version arrived.
09
Stats & Media
15+Years
500+Projects
98%Satisfaction
10
Example Pages
Blogger Comments
Threaded comments with one visitor comment and a distinctly framed admin reply.
Open example