recraft.ai

Pure black (#000000) treated as gallery wall: every section is a full-width band of black with one enormous condensed headline and one piece of art, and nothing else competes. The type does all the structural work — ABC Gravity Condensed at 900 weight, 76px over a 68.4px line-height, with exactly one word per headline flipped into the italic cut so "TASTEFULLY crafted", "UNMATCHED vector" and "without training" each get a stress beat without a second color or size. Body copy drops to Geist 16px/500 at -0.32px tracking, small and calm, so the gap between display and text is theatrical rather than gradual. The imagery is fashion-editorial — a blue tulle portrait, a black-and-white dance frame, a wall of magenta-toned generations — set inside rounded media cards inset from the page edge so the black reads as a passe-partout, with sibling slides sliced off at the viewport edges to signal a strip that keeps going. Color is rationed to two notes: an acid lime #d2fc31 that appears only on primary CTAs, and a violet #bc7dfd announcement bar above the fold. It works because the restraint is all in the chrome — no borders, no cards, no gradients, no shadows — which leaves the generated images and the display face as the only two things on screen, exactly the claim the product is making.

Set the page ground to pure black #000000 and keep it black edge to edge — no section tints, no gradients, no borders, no shadows. Pick one heavy condensed grotesque with a true italic (ABC Gravity Condensed 900 here) and use it only for headings: 72–76px at desktop, line-height 0.9 (negative leading), letter-spacing normal, all caps. In every heading, flip exactly one word into the italic cut and leave the rest roman — one word per heading, never two, and never a color or size change to make the same point. Body and UI take a neutral geometric sans (Geist) at 16px/500, line-height 1.3, letter-spacing -0.32px; buttons drop to 12px/400. Ration color to two accents on the black: an acid lime #d2fc31 with #000000 labels for primary actions only, and one violet #bc7dfd for a single full-bleed announcement strip. A secondary button is a near-white #f0f1f2 chip with black text at the identical size — same shape, different value, so the hierarchy is tonal. Radii are small and consistent: 5–8px on controls, ~15px on media cards, 50% on circular icon chips. Present imagery as rounded cards inset 64–80px from the page edge so the black frames them; for a horizontal set, let the neighboring items be sliced by the viewport on both sides and put a centered 16px caption under the row rather than a title over it. Park carousel arrows in the gutter beside the card, not on it, and keep dot pagination inside the image's lower edge. Rhythm: one screen-height band per idea — headline, art, caption, black space — with roughly 120–160px of black between bands and no dividers. Motion is limited to slide transitions and a quiet hover lift on chips. Close the page with the wordmark scaled to the full viewport width in the display face and cropped by the bottom edge. The two moves that make it recognizable: the single italic word inside an otherwise roman condensed headline, and one acid accent that appears nowhere except the buttons.