Ink Black Editorial template

← Templates

Ink Black Editorial

dark

Premium dark editorial for developers. Crisp restraint, one italic moment.

darkdeveloperpremiumeditorialminimal

━━ Use this template

━━ Live preview

━━ Name

Ink Black Editorial

pure black canvas, white actions, crisp neutral sans with one italic serif accent

━━ Colors

15 tokens
primary
#ffffff
on-primary
#000000
primary-hover
#e5e5e5
surface
#000000
surface-1
#0a0a0a
surface-2
#171717
on-surface
#fafafa
on-surface-muted
#a1a1a1
neutral
#737373
border
#262626
border-strong
#404040
accent-italic
#fafafa
success
#22c55e
error
#ef4444
warning
#eab308

━━ Typography

7 tokens
display-2xlGeist · 4.5rem · 600
The quick brown fox jumps
display-lgGeist · 3rem · 600
The quick brown fox jumps
headline-mdGeist · 1.375rem · 500
The quick brown fox jumps
body-mdGeist · 1rem · 400
The quick brown fox jumps
body-smGeist · 0.875rem · 400
The quick brown fox jumps
code-mdGeist Mono · 0.875rem · 400
The quick brown fox jumps
italic-accentInstrument Serif · — · 400
The quick brown fox jumps

━━ Rounded

5 tokens
none
0
sm
4px
md
6px
lg
8px
full
9999px

━━ Spacing

7 tokens
1
4px
2
8px
4
16px
6
24px
8
32px
12
48px
16
64px

━━ Components

4 tokens
button-primary
backgroundColor:{colors.primary}→ #ffffff
textColor:{colors.on-primary}→ #000000
rounded:{rounded.md}→ 6px
padding:8px 14px
button-primary-hover
backgroundColor:{colors.primary-hover}→ #e5e5e5
textColor:{colors.on-primary}→ #000000
button-secondary
backgroundColor:transparent
textColor:{colors.on-surface}→ #fafafa
rounded:{rounded.md}→ 6px
padding:8px 14px
card
backgroundColor:{colors.surface-1}→ #0a0a0a
rounded:{rounded.md}→ 6px
padding:24px

━━ Raw DESIGN.md

━━ Lint

0101
  • orphaned-tokens

    Color token `colors.surface` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.surface-2` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.on-surface-muted` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.neutral` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.border` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.border-strong` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.accent-italic` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.success` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.error` is defined but never referenced.

  • orphaned-tokens

    Color token `colors.warning` is defined but never referenced.

  • token-summary

    Tokens: 15 colors · 7 typography · 5 rounded · 7 spacing · 4 components