Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark star field and very fine sweeping orbital arcs frame an enormous widely spaced cream serif identity across center, with a ring integrated into its final letter. Small planets appear above and to the sides; a huge warm striped sphere is cropped by the bottom edge. A tracked two-line subtitle and orange rectangular action center below the identity.
- Type
- Enormous high-contrast serif capitals with generous spacing and an orbital letter detail contrast with widely tracked sans subtitle and compact uppercase action. Exact faces unknown.
- Color and surface
- Near-black space, warm cream type, fine dim arcs, small colored spheres and a large softly lit warm planetary surface; orange action stands out.
- Components
- Oversized orbital identity, sphere/arc scene, subtitle and single rectangular entry action.
What makes it work
- Dark spacious field with fine arcs and spheres at multiple scales
- Immense widely spaced cream high-contrast serif identity with orbital detail
- Cropped foreground sphere and centered tracked support/action
On a new subjectFor a marine-conservation donor program, use an original huge cream serif program name with a subtle orbital letter stroke, fine arcs and water-globe forms at different scales on black, including one cropped foreground globe. Keep tracked mission text and a warm support action; replace astrology content and exact planet artwork.
Measured
Fonts loadedserif, sans, mono
H1183.6px / 500 / 58.752px
Body text16px
Page background#040405
Text color#efe8dc
Page height7,886px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black star-filled environment with fine orbit arcs and scattered small planet/asteroid forms; a large blue planetary horizon rises from the lower edge. An airy cream serif identity sits centrally above restrained sans supporting copy. A flat orange rectangular primary action and dark outlined secondary action form a narrow lower row; a tiny outlined sign-in sits at top right.
- Responsive
- Tablet retains two304x56px actions in a row. Phone stacks342x56px actions at x24, with20px vertical space, while keeping centered identity and copy over a tighter scene crop. Visible ASTR text has local font-size183.6px desktop,61.2px tablet and70.9544px phone; the phone logo is deliberately wider relative to its viewport than tablet. The1x1 accessibility label is excluded. The ringed O is SVG text with local1000px units and viewport rectangles223px tall desktop,75px tablet and86px phone;1000px is not its rendered font size.
- Scroll
- At actual scrollY750, the identity is small and centered near the top over a darker scene, followed by a left serif heading with one orange word, right sans explanation/action and two thin outlined panels. The ordinary ASTR local font-size remains183.6px while its viewport rectangle becomes114.092x29.999px; this is a transformed composition, not a183.6px visible header. The right panel sentence is very dark in the frame; its DOM geometry is not evidence of strong contrast.
