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.”
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.
Design projects
Run an agent-assisted design effort with a dedicated review surface.
Brand and semantic colors
Edit brand, accent, neutral and semantic color tokens.
Design-system tokens
Work with typography, spacing, radii, elevation and motion values.
Light and dark design previews
Review token behavior across appearance modes and inspect contrast.
Design saved creation arrangement
Organize and reorder the saved creations in the design workspace.
Build from a design in chat
Bring the design into a conversation for further implementation.
Design-system export
Download design JSON, CSS variables and DESIGN.md output.
There’s more you can hand over.
Keep the process that worked.
Turn a familiar job into a set of steps Gideon can run again. Add the new details, review the plan and follow the result.
Explore →Make your saved things useful.
Bring your notes, bookmarks, documents and recordings into one searchable library. Ask Gideon to help you find the part that matters.
Explore →Ask for something you can use.
Turn a request into a report, spreadsheet, presentation, image or interactive page. Keep the result in your library and come back to improve it.
Explore →Start a conversation and see where it takes you.