getartcraft.com

ArtCraft — Controllable AI for Artistssaved 3d ago · captured 3d ago

Eleven details, eleven pinned.

View as Markdown ↗

Colors8 colors · ground #F2F1EE

ground#f2f1ee·92.64%#d1d0ce·2.38%#050507·1.52%#929290·1.04%#b0afae·0.87%#717171·0.56%#4e4e4f·0.51%#2c2c2e·0.48%

Sized by coverage · click to copy.

Typography3 families · 5 styles · Archivo, Inter, Geist Mono

Capable tools for artists.

Archivo · 36/38 · 620 · -1.08px

The control that mere words cannot buy.

Archivo · 60/61 · 620 · -2.1px

Image to Location

Archivo · 24/32 · 620 · -0.48px

Body

ArtCraft builds open source tools for artists. We pride ourselves on freedom of

Inter · 18/29 · 400 · normal

Small

HOME

Geist Mono · 11/17 · 500 · 1.65px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsDownload free1 style

Download free

primary · fill #101014 · label #f2f1ee · radius 0px · border 0px · padding 0px 24px · height 48px · type 11px / 700

AnalysisArtCraft dresses an AI art tool as a drafting table: a warm paper-gray field (#f2f1ee) ruled by hairline frames, a measuring ruler running down the right edge, and every label set in tracked Geist…

ArtCraft dresses an AI art tool as a drafting table: a warm paper-gray field (#f2f1ee) ruled by hairline frames, a measuring ruler running down the right edge, and every label set in tracked Geist Mono caps like annotations on a technical drawing. Against that engineering calm, the type does the expressive work. A super-wide, heavy wordmark anchors the hero, Archivo headlines at weight 620 sit at tight negative tracking, and each one swaps a single word for a light serif italic ("for artists", "Stop renting from websites"). The only chroma comes from the product footage. Feature cards are full-bleed screenshots and film stills in a two-column grid with shared 1px borders, so the page reads as a catalog of real output rather than marketing illustration. The CTAs are square, near-black and mono-cased. Nothing on the page has a radius.

Style recipeBuild on a warm paper-gray ground (#f2f1ee) with near-black ink (#101014 for fills, #050507 for type) and a gray ramp (#d1d0ce hairlines, #929290 / #717171 muted text, #4e4e4f secondary).

Build on a warm paper-gray ground (#f2f1ee) with near-black ink (#101014 for fills, #050507 for type) and a gray ramp (#d1d0ce hairlines, #929290 / #717171 muted text, #4e4e4f secondary). Keep the page monochrome. Color comes only from real product imagery, plus at most one small electric-blue indicator (around #3b6cf0) for a live readout. Use zero border radius everywhere.

Typography uses three voices. Headlines are Archivo at weight 620 with tight tracking: 72px/0.98 at -0.04em for display, 60px/1.02 at -0.035em for section titles, and 24px/1.33 at -0.02em for card titles. In each headline, set one emotionally loaded word in a light serif italic at the same size. Body text is Inter 18px/1.625 in muted gray. Labels, nav, buttons and captions are Geist Mono 11px, uppercase, weight 500 at +0.15em tracking (700 at +0.12em for buttons). A super-extended geometric wordmark can stand in as a hero headline.

Lay out inside an outer frame of 1px #d1d0ce hairlines, with cards sharing their borders instead of floating with gaps. Start each section with a full-width bordered strip that carries a mono "NN / SECTION NAME" label on the left and a mono caption on the right. Give each card a mono caption row (category left, two-digit index right) above edge-to-edge media, then a padded title and body. Mark frame intersections with small + crosshairs. Use instrument-like chrome: an edge ruler with numbered ticks, a fixed corner index in wide caps, and tracked mono spec lines under CTAs with facts separated by middots.

Buttons are 48px tall, 24px horizontal padding and square. The primary is filled #101014 with #f2f1ee mono caps, the secondary is a 1px ink outline on the ground color. For nav, use mono caps links separated by vertical hairline dividers into groups, and show the active item as an inverted ink chip. No shadows, gradients or decorative illustration: the frame, the type and the footage carry the page.

Details11 worth noting

getartcraft.com — the captured page — Landing, 1440 × 900 · captured Oct 6, 2026

1Grotesk headline with one serif-italic word
Mixed-voice headline: a heavy grotesk sentence with one word swapped into a light serif italic of the same cap height, so the human word stands out against the tool language
2Scroll ruler with percentage readout
Vertical ruler pinned to the right edge, with ticks every ~56px and mono numerals every fifth tick, plus a blue marker that reads out scroll progress as "033%"
3Floating wide-caps section index
Fixed section index in the bottom-right corner, set in stacked, right-aligned wide caps (ARTCRAFT / FEATURES / OWNERSHIP …), used as both table of contents and wayfinding with no container
4Inverted-chip active nav state
Active nav item shown as an inverted ink chip (dark fill, paper text) inside an otherwise borderless mono nav, with hairline vertical dividers between nav groups and the icon cells
5Extended wordmark as hero headline
Super-extended geometric wordmark at ~880px wide, letter-spaced wider than the type around it, used as the hero headline in place of a tagline
6Square mono CTA pair with spec line
A filled ink button and an outlined button of equal height (48px, 0 radius), each in 11px mono caps at weight 700, with a line of tracked gray spec facts underneath (OPEN SOURCE · MACOS · WINDOWS · WEB)
7Numbered plate-style section strips
Section header strips: a full-width bordered band with "01 / CRAFTING FEATURES" on the left and a mono caption on the right ("REAL FOOTAGE — CAPTURED IN ARTCRAFT"), which turns each section into a numbered plate
8Caption-row cards on a shared grid
Feature cards topped by a mono caption row (category left, "03" right) above the media, so the cards share one continuous hairline grid instead of floating with gaps
9Registration crosshairs at frame corners
Crop-mark crosshairs where section borders meet the outer frame, a print-registration cue that costs one glyph
10Bare mono marquee of capabilities
Tickers under the hero: a full-width mono marquee of model and feature names separated by dots, with no fill and no border
11Lettered hairline value columns
Three-column value props labeled A / B / C in tiny mono, divided only by vertical hairlines

saas · landing · light · swiss, minimal, editorial · technical, confident, calm, human

getartcraft.com

More like this