Documentation/More Info
Brand Kit
Visual identity essentials for Signet
Logo
Use the mark alongside the wordmark “Signet” set in New York.
Signet
Download SVG
Signet
Download SVG
Usage Guidelines
- Maintain clear space equal to the mark’s height on all sides
- Never distort, rotate, or add effects to the mark
- On light backgrounds, use ink (#2D2926)
- On dark backgrounds, use cream (#FAF7F2)
Color Palette
The Six Inks
Kin
Gold
Accent, Keywords
#D4A929
Matsu
Pine
Success, Strings
#5B8A5B
Shu
Vermillion
Danger, Errors
#B85450
Tsuki
Moon
Info, Functions
#4A8090
Fuji
Wisteria
Secondary, Types
#7868A0
Sakura
Blossoms
Special, Escapes
#C0707APaper Tones
Cream
#FAF7F2Warm
#F5F1EARule
#E3DED5Mist
#ADA69CStone
#7C756CGraphite
#4A4541Ink
#2D2926Typography
Display
New York
Headlines, page titles, feature text
Body
Iowan Old Style
Long-form content, paragraphs, prose
Mono
SF Mono
Code, labels, technical content
Scale
| Token | Size | Usage |
|---|---|---|
| micro | 10px | Labels, eyebrows, badges |
| caption | 12px | Captions, metadata |
| small | 13px | Secondary text, buttons |
| body | 15px | Body copy |
| h4 | 16px | Minor headings |
| h3 | 18px | Subsections |
| h2 | 22px | Sections |
| h1 | 28px | Page titles |
Components
Buttons
Badges
Kin
Matsu
Shu
Tsuki
Fuji
Sakura
Default
Callouts
Note
Informational callout for helpful context.
Warning
Warning callout for important cautions.
Table
| Name | Type | Status |
|---|---|---|
| Order #1234 | Transfer | Confirmed |
| Order #1235 | Swap | Pending |
Collapsible
Click to expand
Hidden content revealed on click. Use for FAQs, optional details, or progressive disclosure.
Form Inputs