otherhalf-studio
Refined editorial agency aesthetic grounded by an exposed structural column grid and elevated typography. Warm cream surfaces are punctuated by vivid cobalt blue service tiers and luminous acid-yellow highlighter blooms that emphasize conversion-critical copy.
Visit siteColour
Background#fefdf9
Text#333333
Accent#006fda
Surface#ffffff
Muted#333333
Typefaces
- Display
- Cedrat Standard
- Body
- Yet Grotesk
- Mono
- degular-mono
- Source
- adobe
- Scale
- 12 · 14 · 16 · 19 · 24 · 32
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px · 4px
Capture
- Category
- other
- Sections
- 19
- Captured
- 2026-08-30
- Rhythm
- cream x3 → yellow → cream x2 → cobalt x2 → cream → yellow → cream x5 → cobalt → cream x2 → cobalt
Type rules
- display type set in high-contrast editorial serifs at 80px with sentence casing
- body text set in clean grotesque at 14px with a 70 character measure
- all navigational labels, stats subtitles, and metadata set in uppercase monospace
Colour rules
- cream (#fefdf9) forms the default background across 80% of the page
- electric cobalt blue (#006fda) anchors major interactive blocks, primary CTA buttons, and the footer
- acid yellow (#f7ff89) is reserved exclusively for the top promo bar, stats band, and glowing text highlight blooms
Voice rules
- assertive ecommerce expertise without corporate jargon
- cheeky conversational meta-humour in announcement bar
Holds it together
- draw faint exposed vertical grid lines continuously down the page structure
- apply a soft radial yellow glow behind selected headline keywords to mimic marker highlighting
- pair large editorial serif headings with precise uppercase monospace metadata tags
- alternate cream backgrounds with full-bleed cobalt blue panels to structure content sections
Contrast
text on background12.4:1 AAA
muted text on background12.4:1 AAA
text on surface12.6:1 AAA
accent on background4.8:1 AA
background on accent4.8:1 AA
Type, measured
- Body
- 14px / 1.28
- Measure
- 70 characters
- Display
- 80px / 1.2
- Tracking
- -0.013em display
- Scale ratio
- 1.55
Voice
- Tone
- confident, direct, witty
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- work, view, submit
Built with
- Builder
- —
- Framework
- —
- Motion
- gsap, swiper
- WebGL
- —
- Nav
- top_bar, 7 items
- Length
- 12.7 screens
Sections in page order
19- 00
nav
A cheeky header pairing a vibrant neon yellow announcement banner with a crisp, grid-structured studio navigation.
- Mood
- playful + editorial
- Layout
- 1 col · stacked · balanced
- 01
hero
A crisp, airy agency hero with editorial serif typography, a bold blue geometric emblem, and soft yellow highlights across an exposed grid.
- Mood
- editorial + bold
- Layout
- 1 col · grid · airy
- 02
showcase
Vibrant DTC portfolio carousel pairing tactile product photography with structured gridlines and glowing metric callouts.
- Mood
- editorial + playful
- Layout
- 2 col · grid · balanced
- 03
stats
Punchy acid-yellow stats bar setting large, elegant serif numerals and lowercase labels over a faint column grid.
- Mood
- bold + editorial
- Layout
- 4 col · grid · balanced
- 04
statement
Warm, editorial agency statement featuring large elegant serif copy accented with soft yellow highlights and inline team avatars.
- Mood
- editorial + warm
- Layout
- 16 col · stacked · airy
- 05
logo bar
Vibrant horizontal strip of rich client product cards anchored by technical monospace labels on a subtle vertical grid.
- Mood
- playful + clinical
- Layout
- 1 col · stacked · balanced
- 06
feature
Vibrant cobalt service rows pair elegant serif typography and luminous gradient blobs with structured, monospace technical details.
- Mood
- bold + clinical
- Layout
- 4 col · stacked · balanced
- 07
feature
An electric blue service row pairing refined serif typography with monospace technical details and a glowing gradient icon.
- Mood
- bold + editorial
- Layout
- 4 col · split · balanced
- 08
testimonial
An elegant editorial testimonial set in refined serif type with a soft highlighter flourish and linked case study card.
- Mood
- editorial + warm
- Layout
- 1 col · asymmetric · airy
- 09
statement
High-contrast, luminous acid-yellow partnership statement anchored by refined serif typography over a faint structural column grid.
- Mood
- bold + editorial
- Layout
- 4 col · split · balanced
- 10
showcase
An ultra-minimalist, near-empty grid canvas anchored by precise monospace labels indicating an upcoming project showcase.
- Mood
- quiet + clinical
- Layout
- 16 col · split · airy
- 11
showcase
A restrained, airy case study index pairing elegant serif project titles with monospace service tags across a subtle grid.
- Mood
- editorial + quiet
- Layout
- 6 col · grid · airy
- 12
showcase
Structured editorial case study index with visible column guides, thumbnail photography, and high-contrast serif typography paired with monospace tags.
- Mood
- editorial + quiet
- Layout
- 6 col · grid · balanced
- 13
showcase
A clean, structured portfolio index pairing large refined serif titles with technical monospace tags across a subtle background grid.
- Mood
- editorial + quiet
- Layout
- 6 col · stacked · airy
- 14
showcase
Airy editorial project showcase row divided by precise modular grid lines transitioning into a vivid cobalt band.
- Mood
- editorial + quiet
- Layout
- 6 col · grid · airy
- 15
comparison
High-contrast tabular comparison with electric blue grid borders and neon yellow highlights transitioning into an editorial statement.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · balanced
- 16
team
A warm, friendly row of rounded team portraits resting quietly atop an expansive cream background.
- Mood
- warm + quiet
- Layout
- 6 col · grid · airy
- 17
logo bar
An expanse of quiet white space anchored at the base by a vibrant blue modular Shopify partner badge.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 18
footer
High-impact typographic footer dominated by an oversized italic wordmark across a vivid blue block.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · airy
