Renewt3ch · Brand Guide

Futuristic web & AI studio · Visual & verbal identity
Core Brand System Logo & Icons Color & Type UI & Tone View Site

1. Brand Overview

Brand name: renewt3ch
A compact, tech-forward identity designed for a modern web studio / AI-first product business.

Positioning: “Futuristic, but approachable — premium design that ships fast.”

Core attributes
  • Futuristic, not cold: gradients + clean geometry, minimal clutter.
  • Technical, but friendly: readable type and strong spacing rhythm.
  • Modular: assets work across web, product UI, and print handoff.
Core logo files
  • Logo-Renewt3ch.svg — gradient logotype
  • wordmark-pure-white.svg — white wordmark
  • wordmark-black.svg — black wordmark
  • r3-icon-gradient.svg — gradient icon
  • r3-icon-white.svg — white icon
  • r3-icon-black.svg — black icon
Keep masters in /assets/logos

↥ Back to top

2. Logo & Wordmark Usage

Primary usage

Use Logo-Renewt3ch.svg on dark backgrounds for maximum clarity and premium feel.

Minimum recommended width (screen): 200px. Use the icon for UI or tight spaces.

Monochrome rules
  • wordmark-pure-white.svg → dark/gradient backgrounds
  • wordmark-black.svg → light backgrounds & print

Keep generous padding around logos. Avoid compressing/stretching.

↥ Back to top

3. Color Palette

Use these colors for UI accents, highlights, and CTAs. Keep the overall look dark + restrained.

Infinite Blue
#0C85FF
Primary actions, links
Aqua Mint
#2FF3E0
Highlights, accents
Void Black
#111111
Base background
Pure White
#FFFFFF
Text on dark
Graphite Gray
#151515
Cards, panels
Deep Slate
#222222
Secondary surfaces
Palette image
/assets/brand-assets/colors/palette.png
Renewt3ch color palette preview

↥ Back to top

4. Typography

Display

Poppins for headings, titles, and premium “brand voice” moments.

--font-display (site) / --font-display token (brand.css)

Body / UI

Inter for body copy, UI, forms, and documentation clarity.

Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif

Suggested type scale
  • H1: 2.2–2.8rem · 700
  • H2: 1.35–1.7rem · 700
  • H3: 1.05–1.25rem · 600
  • Body: 0.95–1rem · 400–500
Live font previews

↥ Back to top

5. Logo Preview

All preview tiles are dark so the set looks premium and consistent.

Renewt3ch gradient logotype
Gradient logotype
Wordmark in white
Wordmark — white
R3 gradient icon
R³ icon — gradient
R3 icon in white
R³ icon — white
Wordmark · black
Wordmark — black (light bg)
R3 icon · black
R³ icon — black (light bg)

↥ Back to top

6. UI + Voice

UI principles
  • Dark-first surfaces with restrained highlights.
  • 2 CTAs per page max (primary + ghost).
  • Soft borders and controlled shadows for premium feel.
Brand voice
  • Confident, not loud: no hype walls.
  • Human + clear: short benefit-led copy.
  • Modern: “shipping”, “system”, “tokens”, “handoff”.
Sample microcopy
  • “Launch a premium site in days, not months.”
  • “A brand system that scales from landing page to product UI.”
  • “Clean. Lightweight. Ready for deployment.”

↥ Back to top