ayushwanjari-com

Artful minimalism meets high-craft digital design. Clean editorial hierarchy and generous white space are paired with impressionist imagery and vibrant blue accents.

dreamy quiet editorial

Visit site

Rated

6.1/ 10

From 7 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.1
Systemmeasured: 5.1
Distinctionmeasured: 2.8

on the grid: 18%
vertical rhythm: 75%
type on a scale: 50%
contrast passing AA: 60%
unlike the library: 0.20
model craft: 7.3/10
model deviation: 3.9/10

Colour

Background#ffffff

Text#0f0f0f

Accent#4a92ff

Surface#ffe596

Muted#737373

Typefaces

Display: Ronzino
Body: Inter
Mono: —
Source: google
Scale: 13 · 14 · 16 · 18 · 24 · 26

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 8px · 16px · 999px

Capture

Category: portfolio
Sections: 7
Captured: 2026-08-30
Rhythm: white x7

Type rules

display in sentence case with tight tracking
body measure up to 92 characters

Colour rules

accent blue reserved for key inline highlights and CTAs
soft pastel tones for secondary card highlights

Voice rules

lead with direct value statements
keep CTAs action-focused

Holds it together

use electric blue for primary interactive pills and selective keyword highlights
pair centered device mockups with concise title and meta descriptions
maintain high-key white backgrounds across all main sections

Contrast

text on background19.2:1 AAA

muted text on background4.7:1 AA

text on surface15.4:1 AAA

accent on background3.1:1 AA Large

background on accent3.1:1 AA Large

Type, measured

Body: 16px / 1.5
Measure: 92 characters
Display: 38px / 1.1
Tracking: -0.04em display
Scale ratio: 1.24

Voice

Tone: confident, thoughtful
Sentences: medium
Person: first
Vocabulary: plain
Calls to action: start, get

Built with

Builder: framer
Framework: —
Motion: —
WebGL: yes
Nav: top_bar, 1 items
Length: 11.5 screens

Sections in page order

3 marked strong · 7

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
A tranquil split hero pairing an impressionist floral painting backdrop with an editorial portfolio sidebar.
Mood
dreamy + editorial
Layout
2 col · split · balanced
Open section →
01
hero
Spacious, typographic statement hero featuring staggered lines and delicate blue keyword highlights over a subtle dot grid canvas.
Mood
quiet + clinical
Layout
1 col · asymmetric · airy
Open section →
02
showcase
Strong
A quiet, airy portfolio gallery presenting studio case studies through clean device mockups and disciplined typography.
Mood
quiet + clinical
Layout
1 col · stacked · airy
Open section →
03
pricing
Minimalist three-card pricing section featuring an inverted dark center tier with high-contrast blue call-to-action buttons.
Mood
quiet + clinical
Layout
3 col · grid · balanced
Open section →
04
testimonial
Clean, structured grid of detailed client testimonial cards featuring colorful editorial pull quotes and founder avatars.
Mood
editorial + warm
Layout
2 col · grid · balanced
Open section →
05
faq
Strong
A calm, structured process overview followed by clean FAQ accordions floating over a soft luminous gradient.
Mood
quiet + clinical
Layout
1 col · stacked · balanced
Open section →
06
cta
Clean, minimal contact card floating over a subtle dot grid background with quiet typography and structured input fields.
Mood
quiet + clinical
Layout
8 col · split · balanced
Open section →