Specialty coffee, roasted the week it ships.
8 editorial pages - strategy, positioning, logo system, color, type, and applications. Every page synced to your brand.
Tap any page to zoom in and read it full-size.
01 · Brand Cover
02 · Table of Contents
03 · Brand Strategy
04 · Strategic Positioning
05 · Brand Applications
06 · Social Presence
07 · Brand in the Wild
08 · Launch Ready Assets
The primary mark, its safe variants, and clear-space rules. Export any panel as PNG.
Every color, every format. Click any value to copy.
Brand Primary
Brand Accent
Background
Surface
Foreground
Muted
Primary Shade Scale (50 → 950)
The two typefaces that carry your brand - shown with weights, glyphs, and a working scale.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & ?!
ThinRoast
LightRoast
RegularRoast
MediumRoast
BoldRoast
BlackRoast
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & ?!
Roast gives founders a complete brand identity - built around your positioning and ready to ship into your product.
Roast
Specialty coffee, roasted the we…
Built to stand out
A complete identity system
Roast ships a full brand system - logo, colors, type, and code.
© 2026 Roast
Live-rendered brand applications. Export any as PNG.
Founder & CEO
hello@roast.com · roast.com
Roast
Specialty coffee, roasted the week it ships.
Roast
Specialty coffee, roasted the week it ships.
Twelve on-brand layouts generated from your identity - no captions baked in, so each is ready to post. Shuffle for a fresh set, export any as PNG.
“On Your Schedule”
Specialty coffee, roasted the week it ships.
A starter layout using your exact brand system.
Roast gives you everything you need to launch with a brand that looks like it cost $10k.
Start free →Feature 1
Clean, on-brand, and ready to ship.
Feature 2
Clean, on-brand, and ready to ship.
Feature 3
Clean, on-brand, and ready to ship.
A cohesive one-page editorial brand board summarizing your visual identity.
Drop these into any codebase instantly.
/** Roast - Tailwind tokens */
module.exports = {
theme: {
extend: {
colors: {
brand: {
DEFAULT: '#6F4E37',
accent: '#77712f',
'50': '#f9f7f6',
'100': '#f3efed',
'200': '#e5dad2',
'300': '#d2bfb1',
'400': '#c29e84',
'500': '#714f38',
'600': '#78543b',
'700': '#553c2a',
'800': '#3f2b1d',
'900': '#2a1d13',
'950': '#150e0a',
},
},
fontFamily: {
heading: ['Playfair Display', 'sans-serif'],
body: ['DM Sans', 'sans-serif'],
},
},
},
};