Centra
GIDEON · DESIGN

Give your idea a visual direction.

Work through colors, type and layout with Gideon. Keep the choices together so the next page feels like part of the same thing.

Start with a request like this.

Compare light and dark previews, refine the details and export the design values for the person building the site.

Create a calm visual direction for my photography portfolio.
g Gideon / Design workspaceInteractive example
Personal workspaceDesign workspace
PHOTOGRAPHY PORTFOLIO

A direction to build on.

Design draft

Choose an accent to see how the palette changes the preview.

A PERSONAL COLLECTION

Small moments.
Worth keeping.

A calm space for photographs, stories and the things you notice along the way.

View the collection
Accent#9BB8EE
Type directionQuiet, editorial, readable

An interactive example with sample content. Explore the controls.

  • Explore colors and typography
  • Keep design choices consistent
  • Review light and dark previews
  • Export a reusable design guide

Explore design.

A flowing three-dimensional field of blue dots
GIDEONGideon · Design
01

Design projects

Run an agent-assisted design effort with a dedicated review surface.

02

Brand and semantic colors

Edit brand, accent, neutral and semantic color tokens.

03

Design-system tokens

Work with typography, spacing, radii, elevation and motion values.

04

Light and dark design previews

Review token behavior across appearance modes and inspect contrast.

05

Design saved creation arrangement

Organize and reorder the saved creations in the design workspace.

06

Build from a design in chat

Bring the design into a conversation for further implementation.

07

Design-system export

Download design JSON, CSS variables and DESIGN.md output.

Bring your own “could you help me…”

Start a conversation and see where it takes you.