Skip to main content
chromble
Chromble Brand Studio

Built for desktop.

Brand Studio uses layers, precise canvas controls, guides, assets and resizable panels that are designed for a desktop browser with a mouse or trackpad.

You can still use Chromble's color and design tools on this device.

Chromble
Local images
Business cardsDrag layers to reposition · Double-click to enter · Esc to move up · Space + drag to pan
Alex MorganCreative Director
chromble.comColor tools for better brands.
Business cards · front and back
No layer selected
V SelectShift-click Multi-selectShift ScaleAlt/⌥ CenterH HandSpace + drag Pan\Panels
Brand StudioStart a project

Choose how you want to begin. Chromble will never silently reopen your last project when you come back.

Local autosaves are kept as a safety net, but nothing opens automatically.
New projectChoose a starting point

Start with a blank canvas or choose a Brand Kit-connected template.

Browse all templatesBrand Kit live
Brand Kit-connected designsTemplates stay fully editable after you choose one.
New projectSet up your canvas

Choose the starting size and canvas settings. You can change all of these later from the Artboards panel.

Background
ArtboardSmart Resize
Current1080 × 1080
Target1080 × 1920
Smart layoutChromble keeps edge-aligned content near its edge, recenters middle content, scales down when necessary, and keeps layers inside the safe area.
Website artboardsResponsive variants

Create responsive starting points from this artboard. Auto Layout, constraints, fill sizing and safe margins are used before fallback scaling.

Responsive, not scaledWide frames stretch to safe margins, Auto Layout reflows, constraints keep pinned content in place, and only oversized loose layers are scaled down.
Responsive setDesktop · Tablet · Mobile
Editor helpKeyboard shortcuts
Tools & canvas
V
Select
H
Hand / pan
T
Add text
R
Add rectangle
E
Add ellipse
I
Add image
L
Open library
Space + drag
Temporary pan
0
Fit mockup
+ / −
Zoom
G
Toggle grid
P
Presentation mode
← / →
Presentation navigation
F
Presentation fullscreen
?
Shortcuts
Edit
⌘/Ctrl S
Save now
⌘/Ctrl Z
Undo
⇧ ⌘/Ctrl Z
Redo
⌘/Ctrl C
Copy
⌘/Ctrl V
Paste
⌘/Ctrl D
Duplicate
Delete
Delete selection
Esc
Deselect / cancel
Layers
Shift-click
Multi-select
⌘/Ctrl-click
Select inside group
⌘/Ctrl G
Group
Alt/⌥ ⌘/Ctrl K
Create component
⇧ ⌘/Ctrl G
Ungroup
Arrow
Nudge 1 px
Shift + Arrow
Nudge 10 px
Alt/Option + drag
Duplicate while dragging
⌘/Ctrl C / V
Copy between artboards
Double-click
Edit text
\
Toggle panels
GuidesDrag from the top ruler for a vertical guide, or from the left ruler for a horizontal guide. Drag a guide to reposition it.
Project overviewArtboards
ProjectsYour local projects
Save locally to keep this project in the browser. Project files can still be saved to your computer separately.
Recent projectsStored only in this browser
ExportExport mockup
Business cardsPNG · rendered locally in your browser
2160 × 1200 px
Copied to clipboard