Start with a shared direction.
Use the design document and tokens together when building your next screen.
Swiss Signal / Design direction
Good work begins with a clear direction.
Independent thinkers. Shared direction. We help small teams turn a clear idea into a distinctive digital presence—with care for the details and room to grow.
Explore the systemPrecise. Direct. Unmistakable.
01 / Principle
Clarity before noise
02 / Principle
Care in the details
03 / Principle
Room to make it yours
01 / Color language
A palette with a purpose.
One accent, considered surfaces, and a clear place for every word.
- primary
#B8321B - neutral
#F2F1EB - ink
#181A16 - surface
#FFFFFF
02 / Type and rhythm
Let the message lead.
System fonts. A deliberate hierarchy. Room to read.
Aa Bb Cc
Display / 800
Small creative teams who value clarity, considered details and a practical place to begin.
03 / In practice
Small details. One language.
Real, local components to inspect and adapt.
Useful from the first interaction.
How do I use this system?
Read DESIGN.md, include tokens.css in your page, then adapt this specimen. Files stay on your device; this example sends no data.
This is a visual specimen, not a live product signup.
Ready for your next build
Make it your own.
Original direction, editable values, no runtime dependencies.