№ arcway-ai--about-us

Arcway · About

Airy editorial luxury, sharp serifs floating over a soft gradient haze

Marquee Herominimalism editorial saas architecturelight

A high-end architectural aesthetic featuring a full-bleed abstract 3D render of material swatches. The layout uses a sophisticated serif typeface for the headline contrasted with a clean sans-serif for navigation and body copy. · architectural saas hero, luxury material render, editorial serif headline, minimalist ai landing page, muted earth tones design

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Palette

Click any value to copy. Roles are suggestions, not gospel.

Reads as: muted · earthy

SwatchHexOKLCHSuggested roleCopy

Hex#8fb45a
OKLCHoklch(72.2% 0.125 128)
RoleDominant
find sites →
Hex#d2e4c2
OKLCHoklch(89.6% 0.049 130)
RoleSurface
find sites →
Hex#384d24
OKLCHoklch(39.2% 0.069 131)
RoleInk
find sites →
Hex#aa7f57
OKLCHoklch(62.9% 0.077 64)
RoleAccent
find sites →
Hex#b5bdd4
OKLCHoklch(79.9% 0.034 270)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	DEMO JAF Lapture Display Regular	76px	400	0.9	-1.52px	Aa Bb Cc
body	sans-serif	12px	400	1.4	0	Aa Bb Cc

Spacing scale

10px

16px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #8fb45a;
  --color-surface: #d2e4c2;
  --color-ink: #384d24;
  --color-accent: #aa7f57;
  --color-detail: #b5bdd4;
}

/* CSS variables exposed by source */
:root {
  --one-if-corner-shape-supported: 1;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Arcway · About.
Reference design system (extracted from the live site):
- Palette: #8fb45a, #d2e4c2, #384d24, #aa7f57, #b5bdd4
- Typefaces: DEMO JAF Lapture Display Regular, sans-serif
- Macrostructure: Marquee Hero
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/arcway-ai--about-us

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

DEMO JAF Lapture Display Regular

76px

400

0.9

-1.52px

Aa Bb Cc

body

sans-serif

12px

400

1.4

Aa Bb Cc

:root { --color-dominant: #8fb45a; --color-surface: #d2e4c2; --color-ink: #384d24; --color-accent: #aa7f57; --color-detail: #b5bdd4; } /* CSS variables exposed by source */ :root { --one-if-corner-shape-supported: 1; }

Build a landing page in the visual style of Arcway · About. Reference design system (extracted from the live site): - Palette: #8fb45a, #d2e4c2, #384d24, #aa7f57, #b5bdd4 - Typefaces: DEMO JAF Lapture Display Regular, sans-serif - Macrostructure: Marquee Hero Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/arcway-ai--about-us