Netkravler · Design Manual
Design
Manual
A consistent visual language
for a coherent experience.
This design manual brings together the visual principles that shape Netkravler — from colour and typography to spacing, imagery and reusable components.
Design · Solve · Create01 Colours
A restrained colour palette designed for clarity, contrast and accessibility.
02 Typography
Clean, modern typography designed for clarity, hierarchy and comfortable reading.
Netkravler Sans
BodyNetkravler Sans
abcdefghijklmnopqrstuvwxyz
0123456789
0.875rem1rem1.25remclamp(1.5rem, 1.2rem + 1.2vw, 2rem)clamp(2rem, 1.5rem + 2vw, 3rem)clamp(3rem, 1.75rem + 5vw, 7rem)03 Spacing & sizing
Consistent spacing creates rhythm and improves readability.
0.25rem0.5rem0.75rem1rem1.25rem2remclamp(3rem, 5vw, 4rem)clamp(4rem, 7vw, 6rem)clamp(6rem, 9vw, 8rem)04 Border radius
A consistent, subtle radius.
4px8px12px06 Form elements
Forms are designed to be clear, consistent and easy to use.
07 Cards
A flexible card pattern for projects, posts and featured content.
09 Image style
Crisp, dark and cinematic. Selective orange highlights.
10 Accessibility
Built with everyone in mind.
Clear hierarchy and readable text.
Full keyboard navigation.
Motion kept under user control.
Tested and verified.
“Good design isn’t just
how it looks – it’s how well
it works for everyone.”/ Netkravler