Standard Grid
The core grid system supports up to 4 columns out of the box.
Equal Width Columns
1
2
3
Responsive Grid
1 column on mobile, 2 on tablet, 4 on desktop.
1
2
3
4
Extended Grid
Large ProjectsA powerful 12-column grid system for complex layouts.
12 Columns
1
2
3
4
5
6
7
8
9
10
11
12
Column Spanning
Span 8
Span 4
Span 4
Span 4
Span 4
Span 6
Span 6
Responsive Spanning
Main Content (12 -> 8 cols)
Sidebar (12 -> 4 cols)
Common Layouts
Dashboard Layout
Sidebar
Header
Blog / Article Layout
Header
Left Sidebar
Main Content
Right Sidebar
Footer
Utility Helpers
Verified additive utility families for accessibility, print, text flow, sizing, flex items, and aspect ratio.
Screen Reader & Print
This helper is hidden when printed.
This helper appears in print output only.
Pointer Events & User Select
This text cannot be selected.
Clicking here selects the full line.
Whitespace & Breaking
Line one
Line two
Line three
customer-email-with-an-extremely-long-value@subdomain.really-long-example-domain-for-testing.de
ORDER-2026-VERY-LONG-IDENTIFIER-WITHOUT-SPACES-THAT-STAYS-ON-ONE-LINE
Min Size, Order, Self & Aspect Ratio
Side
Flexible content area with ak-min-w-0 for safer overflow behavior in flex layouts.
Center
1:1
16:9