
kreatives-co
Vibrant and authorial editorial design powered by intense safety-orange ink over a delicate dot grid canvas. Large classical serif headings are punctuated by playful inline micro-photos and symbols, creating an expressive and contemporary studio showcase.
Visit siteRated
6.2/ 10
From 11 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.4
- Systemmeasured
- 3.5
- Distinctionmeasured
- 6.4
- on the grid
- 41%
- vertical rhythm
- 27%
- type on a scale
- 73%
- contrast passing AA
- 0%
- unlike the library
- 0.24
- model craft
- 7.5/10
- model deviation
- 5.2/10
Colour
Typefaces
- Display
- Times
- Body
- Times
- Mono
- —
- Source
- system
- Scale
- 12 · 13 · 16 · 17 · 21 · 28
Layout
- Grid
- 16 columns
- Container
- 1382px
- Spacing base
- 8px
- Radius
- 9999px
Capture
- Category
- studio
- Sections
- 11
- Captured
- 2026-08-30
- Rhythm
- light x9 → orange x2
Type rules
- editorial serif display headlines set in sentence case with embedded symbols and photos
- all-caps sans-serif for eyebrows, navigation pills, and auxiliary metadata
Colour rules
- monochromatic high-impact electric orange used for both type and graphic accents across a white dot-grid canvas
- bottom sections invert to solid safety-orange backgrounds with crisp white typography
Voice rules
- weave typographic inline symbols and imagery directly into declarative statements
- use orange uppercase tracking on eyebrow descriptors
Holds it together
- render major headlines in high-contrast orange serif type, interspersed with micro-imagery and line glyphs
- enclose secondary navigation items and action tags in pill-shaped hairline borders
- invert the palette to solid orange backgrounds with white typography for the team and footer sections
Contrast
Type, measured
- Body
- 17px / 1.4
- Measure
- 103 characters
- Display
- 209px / 1
- Tracking
- 0em display
- Scale ratio
- 1.87
Voice
- Tone
- creative, confident, purposeful
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- see, dive, meet, go
Built with
- Builder
- squarespace
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- top_bar, 6 items
- Length
- 7.9 screens
Sections in page order
3 marked strong · 11- 00
nav
Crisp, structured navigation bar framed with vivid orange branding and refined pill-shaped links over an engineered dot grid.
- Mood
- clinical + bold
- Layout
- 1 col · split · airy

- 01
statement
StrongVibrant and playful editorial manifesto pairing expressive orange serif typography with inline micro-photographs and symbols.
- Mood
- playful + editorial
- Layout
- 1 col · centered · airy

- 02
gallery
A quiet and airy arrangement of candid documentary snapshots floating above a minimalist dot grid and centered orange typography.
- Mood
- quiet + editorial
- Layout
- 16 col · asymmetric · airy

- 03
statement
Vibrant oversized serif typography introduces the portfolio with bold editorial confidence against a subtle dot-gridded canvas.
- Mood
- bold + editorial
- Layout
- 2 col · full bleed · airy

- 04
showcase
An airy editorial portfolio showcase framed with fine orange gridlines and classical serif typography.
- Mood
- editorial + warm
- Layout
- 2 col · grid · airy

- 05
statement
Vibrant orange section title pairing classical serif lettering with an uppercase sans-serif eyebrow over a subtle dot grid.
- Mood
- editorial + bold
- Layout
- 1 col · stacked · airy

- 06
feature
Spacious and restrained service index using delicate orange serif titles separated by hairline dividers above a solid orange button.
- Mood
- editorial + quiet
- Layout
- 16 col · stacked · airy

- 07
showcase
StrongAiry editorial showcase combining candid photography, cutout analog graphics, and oversized orange serif type over a subtle dotted grid.
- Mood
- editorial + playful
- Layout
- 16 col · asymmetric · airy

- 08
logo bar
A vibrant monochrome logo bar uniting diverse global partner marks in a single punchy orange tint across clean white space.
- Mood
- bold + playful
- Layout
- 1 col · centered · airy

- 09
team
A punchy, saturated orange split section pairing an inviting team photograph with elegant serif typography.
- Mood
- bold + warm
- Layout
- 2 col · split · airy

- 10
footer
StrongSaturated safety-orange footer featuring high-contrast white type, a serif contact link, and massive architectural brand lettering at the base.
- Mood
- bold + editorial
- Layout
- 24 col · grid · airy




