AVIX Studio
Editorial clarity meets high-impact fashion sensibility. Stark white canvases and oversized sans-serif titles frame cinematic portraiture and rich e-commerce case studies. The restraint of monochrome UI allows high-chroma photography to command attention.
Visit siteColour
Typefaces
- Display
- DM Sans
- Body
- DM Sans
- Mono
- —
- Source
- Scale
- 12 · 14 · 16 · 18 · 24 · 40
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 8px · 16px
Capture
- Category
- studio
- Sections
- 16
- Captured
- 2026-08-29
- Rhythm
- light throughout with high-contrast photographic panels
Type rules
- display typography scales aggressively up to 200px with -0.04em negative tracking
- body text runs in muted grey with tight line spacing to maintain an editorial magazine feel
Colour rules
- canvas is strictly monochrome white and black, allowing photography to provide chromatic tone
- secondary text and metadata are rendered in mid-grey #757575
Voice rules
- headlines end with a punctuated terminal period
- micro-labels and category kickers appear in uppercase above main titles
Holds it together
- anchor major section titles with an uppercase category kicker and a terminal period
- overlay minimal white typography directly onto the four corners of full-bleed imagery
- keep UI containers borderless and let expansive white space define sectional hierarchy
Contrast
Type, measured
- Body
- 16px / 1.4
- Measure
- 95 characters
- Display
- 200px / 0.8
- Tracking
- -0.04em display
- Scale ratio
- 1.88
Voice
- Tone
- confident, editorial, concise
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- book, get, view
Built with
- Builder
- framer
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- top_bar, 7 items
- Length
- 16.6 screens
Sections in page order
3 marked strong · 16- 00
hero
Fashion-forward agency hero pairing bold, oversized typography layered directly across high-energy portraiture with structured magazine layout margins.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · balanced

- 01
statement
StrongCrisp, airy studio intro pairing an oversized headline with spacious metric cards on a stark white canvas.
- Mood
- quiet + editorial
- Layout
- 10 col · asymmetric · airy

- 02
statement
Extremely stark and airy typographic header with a bold title anchored by quiet grey descriptive copy.
- Mood
- quiet + clinical
- Layout
- 13 col · stacked · airy

- 03
feature grid
Minimalist service navigation grid presenting design disciplines above cropped photographic preview slivers across expansive white space.
- Mood
- quiet + editorial
- Layout
- 12 col · grid · airy

- 04
showcase
An austere and spacious section header introducing a portfolio with oversized typography and generous white space.
- Mood
- quiet
- Layout
- 5 col · stacked · airy

- 05
showcase
High-impact editorial case study card anchored by dramatic low-angle fashion portraiture and minimal corner-aligned white typography.
- Mood
- luxurious + editorial
- Layout
- 8 col · stacked · airy

- 06
showcase
A cinematic editorial case study card anchored by vibrant fashion photography with crisp typographic overlays positioned at the corners.
- Mood
- editorial + luxurious
- Layout
- 14 col · full bleed · airy

- 07
showcase
Cinematic full-bleed photography captures a moody sunset surfer with understated corner-anchored typography overlay.
- Mood
- editorial + warm
- Layout
- 14 col · full bleed · airy

- 08
showcase
Atmospheric and sensual project showcase card defined by submerged amber photography and crisp white corner typography.
- Mood
- dreamy + luxurious
- Layout
- 8 col · full bleed · airy

- 09
showcase
Sunlit lifestyle photography fills a rounded showcase card framed with minimal white typography pinned to the corners.
- Mood
- warm + playful
- Layout
- 8 col · full bleed · airy

- 10
pricing
StrongCrisp, airy pricing tier layout interrupted by a rich editorial fashion photograph between minimalist service cards.
- Mood
- editorial + quiet
- Layout
- 3 col · grid · airy

- 11
testimonial
StrongVibrant, high-fashion photographic portrait cards with minimalist five-star review overlays bathed in warm sunlight.
- Mood
- editorial + warm
- Layout
- 3 col · grid · airy

- 12
faq
Minimalist, airy FAQ section structured in a clean split layout with delicate line dividers and generous whitespace.
- Mood
- quiet + clinical
- Layout
- 8 col · split · airy

- 13
statement
Minimalist monochrome blog section header with a stark, oversized display title anchored on pure white.
- Mood
- quiet
- Layout
- 16 col · stacked · airy

- 14
showcase
Clean modern editorial blog cards pairing atmospheric film portraiture with sharp, minimalist typography.
- Mood
- editorial + quiet
- Layout
- 2 col · grid · airy

- 15
cta
Ultra-airy, minimalist contact section balancing heavy display typography against delicate hairline form fields in monochrome.
- Mood
- quiet + clinical
- Layout
- 14 col · split · airy
