iA
Disciplined Swiss minimalism paired with focused typography. Stark monochrome backdrops alternate to showcase writing tools with surgical clarity.
Visit siteColour
Background#f7f7f7
Text#222222
Accent#00b5ff
Surface#ffffff
Muted#000000
Typefaces
- Display
- iASansDay
- Body
- iASansDay
- Mono
- —
- Source
- self_hosted
- Scale
- 17 · 18 · 21 · 23 · 58
Layout
- Grid
- 12 columns
- Container
- 1024px
- Spacing base
- 8px
- Radius
- 20px
Capture
- Category
- tools
- Sections
- 4
- Captured
- 2026-08-30
- Rhythm
- light → dark → light x2
Type rules
- display headings set to 58px with tight negative tracking
- body text locked to 21px with generous 1.55 line height
Colour rules
- monochrome light/dark background blocks dominate over 95 percent of surface area
- isolated vivid accent pill buttons indicate primary product actions
Voice rules
- limit headlines to product name plus core action
- all primary CTA buttons use uppercase verbs
Holds it together
- center-align all hero copy, subtitles, and CTA buttons on the vertical axis
- assign each product section its own signature pill CTA color against a neutral canvas
- display UI chrome and hardware frames as minimal, high-contrast silhouettes
Contrast
text on background14.8:1 AAA
muted text on background19.6:1 AAA
text on surface15.9:1 AAA
accent on background2.2:1 fail
background on accent2.2:1 fail
Type, measured
- Body
- 21px / 1.55
- Measure
- 87 characters
- Display
- 58px / 1.1
- Tracking
- -0.015em display
- Scale ratio
- 1.29
Voice
- Tone
- concise, declarative
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- get, learn, subscribe
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 5.3 screens
Sections in page order
3 marked strong · 4- 00
hero
StrongMinimalist, distraction-free writing hero with whimsical floating formatting bars drifting away from a centered laptop screen.
- Mood
- quiet + playful
- Layout
- 12 col · centered · airy
- 01
hero
StrongA stark, minimalist dark hero showcasing presentation software slides with Swiss precision and a vibrant magenta CTA.
- Mood
- clinical + editorial
- Layout
- 12 col · stacked · airy
- 02
showcase
Quiet, disciplined Swiss layout showcasing product updates and studio writing through clean white cards and precise typographic hierarchy.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 03
footer
StrongA sparse, highly disciplined four-column footer relying solely on clear typographic hierarchy and award badges.
- Mood
- quiet + clinical
- Layout
- 4 col · grid · airy
