screenroveScreenrove / Design references
Coda design guide
Light workspace docs: gray sidebar, purple primary actions, glassmorphic starter cards, document canvas with Docs AI panel.
Typography
Observed family: Geometric sans. Font files are not distributed.
marketing: Pale blue hero with black CTAs and pink rebrand banner
- Hero blue:
#d8e4f0 - Rebrand pink:
soft pink - CTA black:
#000000 - Gradient:
purple/pink
Layout and components
- Banner → nav → hero → rebrand band → logo wall → feature grid
- Generous whitespace
- Marketing primary: black rectangle, white label
- Pink rebrand banner
product: Light sidebar with purple accent
- Canvas:
#fcfcfc - Sidebar:
#f0f0f0 - Primary purple:
#6c48b4 - Avatar pink:
pink
Layout and components
- Home: sidebar + greeting + horizontal carousel + Recent
- Doc: full-bleed page with AI sidebar/FAB
- Purple filled + New doc button
- Glassmorphic onboarding cards
- Purple Docs AI sidebar
Independent research from ScreenRove browser captures (migrated Coda → Superhuman Docs workspace). Not an official brand guide. Rebrand note: Coda product surfaces now ship as Superhuman Docs.
Download DESIGN.md