Project visual
A placeholder: two stacked screen shapes on a colour field, for cards and story steps that don't have a real visual yet.
<ProjectVisual color="var(--color-accent-plin-dark)" />- Ratio: the card ratio (
--work-card-ratio, 1440:1080) unless a parent sets--project-visual-ratio(StoryScroll sets 1040:740). - Geometry (the screen insets) is illustration and stays in percentages inside the component.
- Replace it with a real cover or visual as soon as one exists.
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | var(--color-bg-accent-teal) | Background colour, usually the client accent. |