Canvas
Page background
Brand system
mka4tech styleguide
Direction-agnostic foundations for a precise, trustworthy, modern, calm software and systems studio. Later art-direction work can promote one direction while keeping these token names stable.
Logo
Lockup, mark, favicon
Colour
Light tokens with dark intent defined
Surface
Cards and panels
Ink
Primary text
Muted
Secondary text
Primary
Actions and focus
Signal
Systems accent
Warm
Human accent
Contrast
WCAG AA pairings
Ink on canvas
17.32:1 · AAA
Muted on canvas
6.05:1 · AA
Primary on canvas
5.09:1 · AA
White on primary
5.41:1 · AA
White on signal
5.70:1 · AA
White on warm
6.01:1 · AA
Dark ink on dark canvas
18.48:1 · AAA
Dark muted on dark canvas
9.82:1 · AAA
Typography
Engineering clarity, without noise.
Inter carries product copy, Space Grotesk gives display moments a technical edge, and IBM Plex Sans Arabic makes Arabic a first-class locale from the start.
Arabic specimen
نبني برمجيات دقيقة وهادئة وموثوقة.
تجربة عربية حقيقية، بخط مستضاف ذاتياً واتجاه كتابة صحيح.
Spacing
Eight-step rhythm
space-1
0.25rem
space-2
0.5rem
space-3
0.75rem
space-4
1rem
space-5
1.5rem
space-6
2rem
space-7
3rem
space-8
4.5rem
Motion
Purposeful and smooth
Standard durations are fast, base, and slow; all curves use the same precise easing family and honour reduced-motion settings.