recraft-ai
High-fashion editorial elegance meets bold AI tooling confidence. Massive variable-width uppercase typography punches through deep pitch-black backdrops to spotlight vibrant, art-directed visual assets. Electric lime accents and a vibrant purple CTA block inject sharp, modern energy.
Visit siteRated
7.1/ 10
From 14 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 8.7
- Systemmeasured
- 4.8
- Distinctionmeasured
- 8.6
- on the grid
- 22%
- vertical rhythm
- 41%
- type on a scale
- 67%
- contrast passing AA
- 60%
- unlike the library
- 0.28
- model craft
- 7.6/10
- model deviation
- 4.6/10
Colour
Background#000000
Text#ffffff
Accent#d2fc31
Surface#e4e4e4
Muted#707070
Typefaces
- Display
- ABC Gravity SemiCondensed
- Body
- Geist
- Mono
- —
- Source
- Scale
- 10 · 14 · 16 · 19 · 20 · 22
Layout
- Grid
- —
- Container
- —
- Spacing base
- 5px
- Radius
- 12px
Capture
- Category
- ai
- Sections
- 14
- Captured
- 2026-08-30
- Rhythm
- dark x10 → purple → dark x3
Type rules
- display headlines always rendered in uppercase with tight 0.9 line height
- body text set at 20px with tight 1.2 line height over a 72 character measure
Colour rules
- pure black #000000 background covers over 90% of the entire experience
- neon lime #d2fc31 is strictly reserved for high-priority conversion buttons
Voice rules
- display headlines set in all-caps variable width grotesque
- subtitles focus on aesthetic and creative superiority
Holds it together
- maintain a pitch-black #000000 canvas across all content showcases to maximize visual contrast
- stack heavy uppercase variable display headlines with alternating condensed and extended line widths
- reserve the high-visibility lime #d2fc31 exclusively for the primary interactive button
- interrupt the dark monochrome flow at the final conversion block using a full-bleed electric purple surface
Contrast
text on background21.0:1 AAA
muted text on background4.2:1 AA Large
text on surface1.3:1 fail
accent on background17.7:1 AAA
background on accent17.7:1 AAA
Type, measured
- Body
- 20px / 1.2
- Measure
- 72 characters
- Display
- 76px / 0.9
- Tracking
- 0em display
- Scale ratio
- 1.40
Voice
- Tone
- confident, editorial, punchy
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- start, try, get, learn
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 6 items
- Length
- 9.2 screens
Sections in page order
3 marked strong · 14- 00
hero
StrongHigh-fashion avant-garde imagery anchors an intense dark hero section featuring bold variable typography and high-contrast neon accents.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · balanced
- 01
logo bar
Minimalist dark logo strip anchored by a quietly tracked uppercase social-proof header and edge-faded partner marks.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 02
showcase
Energetic editorial fashion photography layered with bold, variable-width grotesque typography creates an assertive visual statement.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · balanced
- 03
showcase
A high-fashion monochromatic image carousel sits dramatically over massive italicized display typography against a pitch-black canvas.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · balanced
- 04
showcase
Loud and energetic dark-mode asset showcase featuring punchy cartoon vector artwork above high-impact variable display typography.
- Mood
- playful + bold
- Layout
- 1 col · stacked · dense
- 05
showcase
Sleek dark showcase carousel framing a vibrant outdoor billboard mockup between peek-through neighboring slides.
- Mood
- bold + playful
- Layout
- 1 col · centered · balanced
- 06
statement
High-contrast typographic statement pairing punchy italicized and condensed letterforms against deep black.
- Mood
- bold + raw
- Layout
- 16 col · centered · balanced
- 07
gallery
StrongA hyper-stylized image collage bathed in monochrome pink and violet tones creates a futuristic, high-fashion showcase against pure black.
- Mood
- bold + dreamy
- Layout
- 1 col · grid · dense
- 08
logo bar
Stark and quiet monochrome press strip floating against a vast pitch black background.
- Mood
- quiet
- Layout
- 4 col · centered · airy
- 09
testimonial
A crisp, monochromatic horizontal strip of user testimonial cards fading smoothly off the left and right screen edges.
- Mood
- quiet + clinical
- Layout
- 1 col · full bleed · balanced
- 10
cta
StrongHigh-energy electric purple call to action showcasing an interactive studio canvas under expressive, oversized display typography.
- Mood
- bold + playful
- Layout
- 8 col · stacked · balanced
- 11
footer
A minimal, text-only four-column footer navigation grid against a pure black background.
- Mood
- quiet + clinical
- Layout
- 4 col · grid · balanced
- 12
footer
A restrained, dark minimal footer organizing navigational links and app download badges with clean utility.
- Mood
- quiet + clinical
- Layout
- 3 col · split · balanced
- 13
statement
A stark, massive high-contrast logo graphic dominating the frame with dramatic custom letterforms.
- Mood
- bold + raw
- Layout
- 2 col · full bleed · dense
