15 lines
536 B
Markdown
15 lines
536 B
Markdown
|
### N3 · Side-rail
|
|||
|
|
A thin vertical strip on the left edge — wordmark rotated, plus 2–3 dot-indicators for sections. Editorial / portfolio energy.
|
|||
|
|
*Use when:* the page is long and section-numbered.
|
|||
|
|
*Don't confuse with:* N1 Top wordmark (which is horizontal).
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<nav class="nav-rail">
|
|||
|
|
<p class="wordmark vertical">Studio</p>
|
|||
|
|
<ul class="dots"><li></li><li></li><li></li></ul>
|
|||
|
|
</nav>
|
|||
|
|
```
|
|||
|
|
```css
|
|||
|
|
.nav-rail { position: fixed; left: 0; top: 0; bottom: 0; width: 3rem; padding: var(--space-md); writing-mode: vertical-rl; }
|
|||
|
|
```
|