Colour
Background#ffffff
Text#000000
Accent#ffa72a
Surface#111111
Muted#737373
Typefaces
- Display
- VSCO Gothic
- Body
- VSCO Gothic
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 11 · 13 · 15 · 24 · 29
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 9999px
Capture
- Category
- tools
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- light → dark x2 → light x2 → mixed x2 → light → dark → light
Type rules
- major section headings set in all-caps display sans
- body measures kept around 52 characters with compact line height
Colour rules
- stark black-and-white base alternated with vibrant solid color block features
- pill buttons invert background and text colors for contrast
Voice rules
- use strong, action-oriented verbs
- focus copy on professional growth and creative tools
Holds it together
- use full-width uppercase headings for major content breaks
- render primary CTAs as rounded pill buttons with high-contrast borders
- interlock text and UI/photo mockups within two-column saturated background panels
Contrast
text on background21.0:1 AAA
muted text on background4.7:1 AA
text on surface1.1:1 fail
accent on background1.9:1 fail
background on accent1.9:1 fail
Type, measured
- Body
- 24px / 1.2
- Measure
- 52 characters
- Display
- 89px / 0.95
- Tracking
- 0em display
- Scale ratio
- 1.39
Voice
- Tone
- confident, direct, empowering
- Sentences
- medium
- Person
- second
- Vocabulary
- creative
- Calls to action
- try, explore, learn, view
Built with
- Builder
- webflow
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 75 items
- Length
- 8.7 screens
Sections in page order
3 marked strong · 10- 00
hero
A stark, high-contrast typography-driven hero paired with a vibrant warm gradient banner establishes an immediate editorial and creative authority.
- Mood
- bold + editorial
- Layout
- 15 col · stacked · balanced
- 01
showcase
A sleek, photography-first horizontal carousel showcasing creative initiatives through vibrant imagery against stark black framing.
- Mood
- editorial + quiet
- Layout
- 5 col · grid · dense
- 02
video
Cinematic full-width video player paired with high-contrast, Swiss-inspired uppercase typography.
- Mood
- bold + editorial
- Layout
- 11 col · stacked · balanced
- 03
pricing
A clean four-tier pricing comparison table using high-contrast cards and an inverted dark column to spotlight the flagship tier.
- Mood
- clinical + bold
- Layout
- 4 col · grid · balanced
- 04
feature
Vibrant sky-blue split feature pairing stark typography with an interactive photo editing before-and-after slider card.
- Mood
- playful + editorial
- Layout
- 12 col · split · balanced
- 05
feature
StrongHigh-contrast split feature section contrasting an intense orange block with an integrated mobile app creator profile card.
- Mood
- bold + warm
- Layout
- 2 col · split · balanced
- 06
feature
StrongBold, vibrant split-panel feature section pairing dense promotional copy against an app-style photography mockup.
- Mood
- bold + warm
- Layout
- 12 col · split · balanced
- 07
testimonial
StrongRich portrait photography cards with overlaid personal testimonials transition cleanly into a stark, utilitarian three-column resource index.
- Mood
- editorial + warm
- Layout
- 16 col · stacked · balanced
- 08
statement
A striking full-bleed grid of black-and-white portraits holding cameras, overlaid with crisp, bold uppercase typography.
- Mood
- bold + raw
- Layout
- 9 col · full bleed · dense
- 09
footer
Ultra-clean multi-column sitemap footer anchored by high-contrast pill CTA buttons.
- Mood
- quiet + clinical
- Layout
- 11 col · grid · balanced
