Skip to content
Nakshora logoNakshoraDocs
v1.0
v1.0you are herev2.0same pagev3.0same pagev3.1same page
GH
  • Nakshora 1.0 home
Getting Started 5
Getting Started
  • Installing Nakshora 1.0
  • Introduction to Nakshora 1.0
  • Quick start
  • Why Nakshora 1.0?
  • Your first Nakshora 1.0 project, start to finish
  • All 5 in Getting Started →
Core Concepts 7
Core Concepts
  • Anatomy of a class
  • CSS custom properties
  • Dark mode strategies
  • Design tokens
  • Mobile-first workflow
  • Specificity & the cascade
  • All 7 in Core Concepts →
Configuration 1
Configuration
  • Configuration in Nakshora 1.0
  • All 1 in Configuration →
Utilities Reference 13
Utilities
  • Utilities reference
Utilities · v1
  • Borders & radius
  • Display & layout
  • Grid & columns
  • Interactivity
  • Margin
  • Opacity & filters
  • All 13 in Utilities Reference →
Colors 389
Colors
  • Background color
  • Border & divide color
  • Caret & accent
  • Color system
  • Gradient stops
  • Opacity modifiers
Colors · Lab
  • Brutal-blue borders & dividers lab
  • Brutal-blue interactive states lab
  • Brutal-blue surfaces lab
  • Brutal-blue typography pairings lab
  • Brutal-red borders & dividers lab
  • Brutal-red interactive states lab
Colors · Palettes
  • Brutal-blue background colors
  • Brutal-blue border colors
  • Brutal-blue gradient colors
  • Brutal-blue palette
  • Brutal-blue text colors
  • Brutal-red background colors
Colors · Shades
  • Brutal-blue 100
  • Brutal-blue 200
  • Brutal-blue 300
  • Brutal-blue 400
  • Brutal-blue 50
  • Brutal-blue 500
  • All 389 in Colors →
Variants 2
Variants
  • Responsive prefixes in v1
  • Variants
  • All 2 in Variants →
Responsive Design 9
Responsive
  • Breakpoint strategy
  • Responsive design
Responsive · Screens
  • The k8: screen (3840px)
  • The lg: screen (1024px)
  • The md: screen (768px)
  • The sm: screen (640px)
  • The uhd: screen (2560px)
  • The xl: screen (1280px)
  • All 9 in Responsive Design →
Design Components 13
Components
  • Alerts, badges & progress
  • Brutalist components
  • Buttons (btn-*)
  • Cards (card-*)
  • Design components
  • Form controls
  • All 13 in Design Components →
Themes 1
Themes
  • The v1 design language
  • All 1 in Themes →
Recipes 93
Recipes
  • 404 page
  • Activity feed
  • Announcement bar
  • Author box
  • Avatar group
  • Badge set
  • All 93 in Recipes →
Layout Patterns 17
Layout patterns
  • Layout patterns
Layout Patterns
  • Container-Adaptive Widget pattern
  • Sticky Two-Column pattern
  • The App Shell pattern
  • The Bento Grid pattern
  • The Card Grid pattern
  • The Centered Hero pattern
  • All 17 in Layout Patterns →
Tutorials 21
Tutorials
  • Tutorials
Tutorials · Build a Blog
  • Article typography
  • Post cards & listing
Tutorials · Build a SaaS Landing Page
  • FAQ, final CTA & footer
  • Features grid
  • Pricing table
  • The hero
  • The navbar
  • Wireframe in utilities
Tutorials · Build an Admin Dashboard
  • Forms & modals
  • Stat cards
  • The app shell
  • The data table
  • All 21 in Tutorials →
Cookbook 190
Cookbook
  • 16:9 video embeds
  • 404 page
  • Activity feed
  • Adaptive header logo
  • Anchorable headings
  • Animated counters slot
  • All 190 in Cookbook →
Integrations 5
Integrations
  • Loading v1 fast
  • React (CDN era)
  • Static HTML
  • Using Nakshora 1.0 in your stack
  • WordPress
  • All 5 in Integrations →
Accessibility 13
Accessibility
  • Accessibility
  • Accessibility audit checklist
  • Accessible forms
  • Accessible images
  • Accessible tables
  • Color contrast
  • All 13 in Accessibility →
Design Guides 19
Design guides
  • Design guides
Design Guides
  • Accessibility-driven design
  • Brand systems for developers
  • Brutalist design
  • Color theory for interfaces
  • Content-first design
  • Design tokens in practice
  • All 19 in Design Guides →
Blueprints 12
Blueprints
  • Agency landing page blueprint
  • Creative portfolio landing page blueprint
  • E-commerce landing page blueprint
  • Education / course landing page blueprint
  • Healthcare landing page blueprint
  • Non-profit landing page blueprint
Industry blueprints
  • Industry blueprints
  • All 12 in Blueprints →
Lookbooks 11
Lookbooks
  • App promo lookbook
  • Brutalist poster lookbook
  • Event page lookbook
  • Glass landing lookbook
  • Lookbooks
  • Minimal docs lookbook
  • All 11 in Lookbooks →
Q&A 41
Questions & Answers
  • Q: How do I add space between siblings?
  • Q: How do I align icons with text?
  • Q: How do I align numbers in a column?
  • Q: How do I build a divider with a label?
  • Q: How do I build a simple grid of icons?
  • Q: How do I build a simple tooltip?
  • All 41 in Q&A →
FAQ 89
FAQ
  • Are class names stable across versions?
  • Can designers use Nakshora?
  • Can I contribute?
  • Can I customize the theme?
  • Can I disable parts of the framework?
  • Can I extend the spacing scale?
  • All 89 in FAQ →
Troubleshooting 26
Troubleshooting
  • Fix: @apply throws on a variant class
  • Fix: Arbitrary value with spaces breaks
  • Fix: Build is slow
  • Fix: Colors look wrong after upgrade
  • Fix: Container queries have no effect
  • Fix: CSS is huge in production
  • All 26 in Troubleshooting →
Comparisons 31
Comparisons
  • aspect-ratio vs padding-top hack
  • CDN vs compiled CSS
  • Class vs media dark mode
  • Comparisons
  • Component classes vs pure utilities
  • Design tokens vs hard-coded values
  • All 31 in Comparisons →
Class Spotlight 263
Class spotlight
  • Class spotlight
Class Spotlight
  • -translate-y-1
  • absolute
  • accent-blue-600
  • active:scale-95
  • animate-pulse
  • animate-spin
Era Spotlight
  • accordion in Nakshora 1.0
  • alert-brutal in Nakshora 1.0
  • alert-neon in Nakshora 1.0
  • animate-neonGlow in Nakshora 1.0
  • badge-neon in Nakshora 1.0
  • bg-neon-cyan-500 in Nakshora 1.0
  • All 263 in Class Spotlight →
Cheat Sheets 9
Cheat Sheets
  • Cheat sheets
  • v1 color cheat sheet
  • v1 components cheat sheet
  • v1 effects cheat sheet
  • v1 layout cheat sheet
  • v1 screens cheat sheet
  • All 9 in Cheat Sheets →
Glossary 701
Glossary
  • 301
  • 302
  • 308
  • A11y
  • Above the fold
  • Above-the-fold CTA
  • All 701 in Glossary →
Teams & Ops 7
Teams & Operations
  • Design system governance
  • Onboarding developers to utility-first
  • Performance budgets
  • Reviewing utility markup
  • Support & escalation
  • Versioning policy for teams
  • All 7 in Teams & Ops →
Deployment 5
Deployment
  • Cloudflare Pages
  • GitHub Pages
  • Netlify
  • S3 + CloudFront
  • Vercel
  • All 5 in Deployment →
Releases & Migration 5
Migration
  • Migrating from Nakshora v1 to v3
  • Migrating from Nakshora v2 to v3
  • Migrating from Tailwind CSS to Nakshora
Releases
  • License & attribution
  • What's new in Nakshora 1.0
  • All 5 in Releases & Migration →
Feature Notes 8
Feature Notes
  • 19 hand-tuned HSL palettes (neon, pastel, brutal, nature, mono)
  • 8 responsive screens up to 8K (k8)
  • CSS custom properties for every token
  • Dark, neon-first visual language
  • Neumorphism helpers (neu-light) and skeleton loaders
  • Ready-made components: buttons, cards, glass, accordion, dropdown, …
  • All 8 in Feature Notes →
Tokens 11
Tokens
  • --space-0 token
  • --space-1 token
  • --space-2 token
  • --space-3 token
  • --space-4 token
  • --space-5 token
  • All 11 in Tokens →
v1 Originals 12
v1 Originals
  • Accessibility in the frozen era
  • Component states in v1
  • Reading v1 as tokens
  • Serving the frozen file fast
  • The brutal voice
  • The fluid text scale
  • All 12 in v1 Originals →
Docs/ Nakshora 1.0/ Tags/ #spacing — tagged pages

#spacing — tagged pages

TagsNakshora 1.0Updated 2026-09-151 tags

11 pages tagged “spacing” in this release — a topic cluster of the Nakshora documentation.

#spacing — tagged pages — Nakshora Docs
Tags · Nakshora Docs editorial library

11 pages carry the spacing tag. Topic clusters like this one are how the documentation cross-connects beyond the sidebar.

Pages#

PageSection
v1 spacing cheat sheetCheat Sheets
--space-0 tokenTokens
--space-1 tokenTokens
--space-2 tokenTokens
--space-3 tokenTokens
--space-4 tokenTokens
--space-5 tokenTokens
--space-6 tokenTokens
--space-7 tokenTokens
--space-8 tokenTokens
--space-9 tokenTokens

More clusters#

All tags · Utilities · Introduction

On this page
  • Pages
  • More clusters

Versions

Nakshora Nakshora 3.1 — latestNakshora Nakshora 3.0Nakshora Nakshora 2.0Nakshora Nakshora 1.0 All versions

Platform

Features About Nakshora llms.txt humans.txt Sitemap

Framework

nakshora.bsdc.info.bd Playground npm · @nakshora/core GitHub repository

RRC Development

Rizwan Rahim Chowdhury RRC Development rrc.bsdc.info.bd License · MIT
© 2024–2026 Rizwan Rahim Chowdhury · RRC Development · নক্ষত্র Nakshora Docs — 9,399 articles · zero-runtime · MIT