/* Same design as the Projects page (Colourist Portfolio). */
.hs-tools {
--surface: #ffffff;
--text: #1d2327;
--muted: #5f6b76;
--accent: #0b57d0;
--accent-hover: #0a3f95;
--border: #e5e7eb;
--shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
--radius: 14px;
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.8571428571;
padding: 18px 0;
}
.hs-tools .tools-head {
margin-bottom: 20px;
}
.hs-tools .eyebrow {
margin: 0 0 6px;
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 600;
color: var(--accent);
}
.hs-tools .section-title {
margin: 0;
font-size: clamp(1.5rem, 2.4vw, 2.2rem);
line-height: 1.15;
color: var(--text);
letter-spacing: -0.01em;
}
.hs-tools .section-subtitle {
margin: 10px 0 0;
color: var(--muted);
max-width: 70ch;
}
.hs-tools .grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hs-tools .card {
display: flex;
flex-direction: column;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hs-tools .card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 34px rgba(2, 6, 23, 0.12);
}
.hs-tools .thumb-wrap {
display: block;
aspect-ratio: 16 / 9;
background: linear-gradient(135deg, #111827 0%, #374151 100%);
}
.hs-tools .thumb {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hs-tools .card-body {
display: flex;
flex-direction: column;
flex: 1;
padding: 16px 16px 18px;
}
.hs-tools .card .tool-type {
margin: 0 0 6px;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--accent);
}
.hs-tools .card h3 {
margin: 0 0 8px;
line-height: 1.2;
font-size: clamp(1.02rem, 1.45vw, 1.15rem);
color: var(--text);
}
.hs-tools .card p {
margin: 0 0 14px;
color: var(--muted);
font-size: 0.95rem;
line-height: 1.6;
}
.hs-tools .button {
align-self: flex-start;
margin-top: auto;
display: inline-block;
background: var(--accent);
color: #fff;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.2;
padding: 11px 18px;
border-radius: 8px;
text-decoration: none;
transition: background 0.2s ease;
}
.hs-tools .button:hover {
background: var(--accent-hover);
color: #fff;
}
@media (max-width: 620px) {
.hs-tools .grid {
grid-template-columns: 1fr;
}
}
Tools
Tools I Built
Apps and tools I created for my own work as a colourist, now available to the whole DaVinci Resolve community.
Free tool
Project.DB Inspector for Resolve
Find which DaVinci Resolve project a Project.db backup belongs to. See the project name, timelines and backup date, even for a whole backup folder at once. Your files never leave your computer.
Open Project.DB Inspector
Desktop app · macOS, Windows & Linux
Resolve Vault
Automatic backups for DaVinci Resolve. Your open project saved as a real .drp every few minutes, whole Local Disk and PostgreSQL databases on your schedule, and every backup sent to Google Drive or Dropbox.
Discover Resolve Vault