Hyre
Playful and approachable tech recruitment design. Airy white and pale grey canvases are energized by glossy 3D assets, soft periwinkle service containers, and purple-to-cyan gradient typography.
Visit siteColour
Background#f8f8f8
Text#001f4b
Accent#794cec
Surface#ffffff
Muted#6a7789
Typefaces
- Display
- Montserrat
- Body
- DM Sans
- Mono
- —
- Source
- Scale
- 14 · 16 · 20 · 28 · 35 · 54
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 16px · 24px · 32px
Capture
- Category
- agency
- Sections
- 13
- Captured
- 2026-08-29
- Rhythm
- white x2 → light grey → white → light grey → periwinkle x3 → white x2 → light grey → white → light grey
Type rules
- display headlines set in sentence case with key phrases highlighted in violet-cyan gradients
- body text set in DM Sans at 20px with -0.02em tracking capped around 57 characters per line
- section eyebrows set in uppercase bold text with expanded tracking
Colour rules
- deep navy (#001f4b) serves as primary text and solid button fill color
- soft periwinkle (#cad3fa) fills dedicated full-width service card backgrounds
- gradient accents transition smoothly from bright purple (#794cec) to soft cyan
Voice rules
- lead with punchy conversational questions followed immediately by confident answers
- keep button copy action-oriented with exclamation or direct invitation
Holds it together
- highlight the active verb or second line of main headings with a purple-to-cyan text gradient
- contain multi-tiered service offerings inside large periwinkle (#cad3fa) cards paired with glossy 3D thematic illustrations
- use dark navy (#001f4b) pill-shaped buttons for high-priority interactive actions
Contrast
text on background15.2:1 AAA
muted text on background4.3:1 AA Large
text on surface16.2:1 AAA
accent on background4.9:1 AA
background on accent4.9:1 AA
Type, measured
- Body
- 20px / 1.5
- Measure
- 57 characters
- Display
- 82px / 1.2
- Tracking
- -0.04em display
- Scale ratio
- 1.42
Voice
- Tone
- approachable, confident, enthusiastic
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- build, contact, become, read
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- top_bar, 1 items
- Length
- 14.3 screens
Sections in page order
3 marked strong · 13- 00
hero
Bright tech hero pairing friendly rounded sans typography with a dynamic 3D rocket illustration.
- Mood
- playful + bold
- Layout
- 12 col · split · airy
- 01
logo bar
Clean, minimal social proof bar presenting corporate client logos in dark monochrome against a pure white background.
- Mood
- quiet
- Layout
- 1 col · stacked · balanced
- 02
statement
Clean and airy introductory statement featuring colorful gradient display typography centered on a light background.
- Mood
- playful + dreamy
- Layout
- 9 col · centered · airy
- 03
feature grid
Clean, rounded white feature cards with pastel-tinted circular icons floating over a soft backdrop.
- Mood
- quiet + playful
- Layout
- 3 col · grid · balanced
- 04
feature
An ultra-minimal and restrained section defined by stark whitespace and quiet corporate typography.
- Mood
- quiet + clinical
- Layout
- 8 col · stacked · airy
- 05
feature
Soft lavender rounded card featuring recruitment copy alongside a playful 3D VIP stanchion illustration.
- Mood
- playful + dreamy
- Layout
- 2 col · split · airy
- 06
feature
Soft periwinkle service card pairing corporate recruitment copy with a glossy 3D planet illustration.
- Mood
- playful + dreamy
- Layout
- 10 col · split · balanced
- 07
feature
StrongSoft pastel service card balancing structured corporate hiring copy with glossy 3D star accents.
- Mood
- playful + dreamy
- Layout
- 2 col · split · airy
- 08
testimonial
Clean, centered testimonial introduction featuring a gradient headline and pill-shaped call to action on an airy light canvas.
- Mood
- clinical + quiet
- Layout
- 12 col · centered · balanced
- 09
testimonial
A clean, quiet testimonial carousel presenting client quotes in soft rounded cards with prominent quotation marks.
- Mood
- quiet + clinical
- Layout
- 1 col · grid · balanced
- 10
feature
StrongPlayful and clean process header featuring whimsical 3D astronaut characters atop an expansive airy backdrop.
- Mood
- playful
- Layout
- 12 col · stacked · airy
- 11
showcase
Clean, corporate case study card pairing narrative recruitment milestones with a soft lavender illustrated map graphic.
- Mood
- clinical + quiet
- Layout
- 12 col · split · balanced
- 12
footer
StrongAn ethereal, soft-focus footer blending CTA copy with ghostly low-contrast navigation over a diffused lavender and blue gradient blur.
- Mood
- dreamy + quiet
- Layout
- 11 col · split · airy
