Kaay Agency
A restrained, dark studio portfolio defined by deep black surfaces and large-scale typography. A single vibrant lime green accent provides strategic visual focus across an otherwise stark monochrome layout.
Visit siteColour
Typefaces
- Display
- Inter
- Body
- Inter
- Mono
- —
- Source
- Scale
- 12 · 14 · 16 · 18 · 24 · 26
Layout
- Grid
- 12 columns
- Container
- 1344px
- Spacing base
- 4px
- Radius
- 12px
Capture
- Category
- agency
- Sections
- 7
- Captured
- 2026-08-29
- Rhythm
- dark throughout
Type rules
- display type at 88px in sentence case
- body text constrained to roughly 49 characters per line
- section eyebrows styled in uppercase
Colour rules
- lime green accent used exclusively on brand keywords and outline icons
- monochrome text scale ranging from white to muted grey (#d4d2ce)
Voice rules
- terse service descriptions
- consistent sentence-case titles
Holds it together
- restrict the lime accent to primary brand keywords and wire icons
- keep section backgrounds consistently deep dark (#111111 or #141414)
- use uppercase tracked labels for all section eyebrows
Contrast
Type, measured
- Body
- 16px / 1.6
- Measure
- 49 characters
- Display
- 88px / 1.2
- Tracking
- 0em display
- Scale ratio
- 1.53
Voice
- Tone
- minimal, confident
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- view
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 4 items
- Length
- 4.3 screens
Sections in page order
3 marked strong · 7- 00
nav
StrongAn austere and quiet dark navigation bar with an abstract geometric logo and understated menu links.
- Mood
- quiet + clinical
- Layout
- 14 col · split · airy
- 01
hero
Minimalist dark statement hero with high-contrast typography and a lime green brand highlight.
- Mood
- bold
- Layout
- 16 col · stacked · airy
- 02
showcase
StrongA calm, dark portfolio grid showcasing digital design kits and templates within rounded media cards.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · balanced
- 03
logo bar
Minimal, understated dark logo strip with low-contrast monochrome branding beneath a subtle uppercase header.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 04
feature grid
Minimal dark service grid featuring fine line icons within rounded cards and centered typography.
- Mood
- quiet + clinical
- Layout
- 3 col · grid · balanced
- 05
careers
StrongSparse, dark careers list with understated typography and generous negative space.
- Mood
- quiet + clinical
- Layout
- 12 col · split · airy
- 06
footer
Restrained dark footer band pairing a direct contact email on the left with evenly spaced social links on the right.
- Mood
- quiet
- Layout
- 14 col · split · airy
