Refto
Giga

Giga

Enterprises choose Giga for AI agents that manage complex workflows, deploy rapidly, and deliver human-like customer experiences at scale.

AgencyBlack WhiteTechnologyBig Background ImageDarkClean
4.0
10
Visits
Visit

Design Analysis

Giga Home design analysis

Build the experience as a calm horizon photograph with minimal white interface punctuation. Let the page feel cinematic and humane rather than technical for its own sake. Use small chips and one white pill to keep the in...

Key Takeaways

  • Build the experience as a calm horizon photograph with minimal white interface punctuation.
  • Let the page feel cinematic and humane rather than technical for its own sake.
  • Use small chips and one white pill to keep the interaction posture clear.
  • Use serene landscape photography with space for large white serif type.
  • Keep supporting product sections dark, calm, and low-chroma beneath it.
  • Use blue-gray atmosphere and dark slate as the base.

Overview

  • Build the experience as a calm horizon photograph with minimal white interface punctuation.
  • Let the page feel cinematic and humane rather than technical for its own sake.
  • Use small chips and one white pill to keep the interaction posture clear.

Image Direction

  • Use serene landscape photography with space for large white serif type.
  • Keep supporting product sections dark, calm, and low-chroma beneath it.

Colors

  • Use blue-gray atmosphere and dark slate as the base.
  • Keep most UI accents white, with ember orange reserved for small proof moments.

Typography

  • Use a soft serif for the main promise and a plain sans for everything else.
  • Let the serif do the emotional work without adding extra ornament.

Design.md

System Overview

Core identity and authoring metadata from the refto.one design model.

Pastoral Support Horizon

An enterprise AI marketing language built from cinematic horizon photography, white serif display type, translucent status chips, and minimal white pill actions.

Cinematic, serene, premium, and quietly ambitious.

Primary mode: darkenterprise AI support marketingcontent-rich

Theme

Fields outside the primary renderer remain visible here as structured fallback content.

Visual atmosphere
Summary
Cinematic, serene, premium, and quietly ambitious.
Density
4
Variance
6
Motion
1
Signals
horizon photography · white serif display · translucent story chip

Colors

Primitive palettes and resolved token colors for the active preview mode.

Palette colors
Night Slate
#0F1013
Horizon Blue
#778EA1
Mist White
#F6F2EE
Fog Gray
#C7C3BE
Chip Smoke
rgba(255, 255, 255, 0.12)
Ember Signal
#FE2C02
Usage rules
Let the horizon image set the tone and keep UI chroma low.
Use ember orange only for small proof or metric emphasis.

Token Spacing

Spacing scales rendered as tokens with a simple length specimen.

xs
0.5rem
sm
0.875rem
md
1.25rem
lg
2rem
xl
3rem
section_gap
clamp(4rem, 8vw, 7rem)
panel_padding
1.5rem

Token Radii

Corner radii tokens with a live surface sample.

sm
10px
md
16px
lg
24px
xl
30px
full
999px

Typography Families

Font families from the current design YAML, including fallback stacks and usage character.

Display
Emilio
soft high-end serif with cinematic scale
Body
Inter
calm enterprise sans
Accent
Inter
navigation and chip voice
Mono
IBM Plex Mono
utility tag support font

Typography Scale

Top-level typography scale rendered as live text specimens.

Display
clamp(3.4rem, 7vw, 6rem)/—
Display
H2
clamp(2rem, 4vw, 3rem)/—
H2
H3
clamp(1.3rem, 2vw, 1.8rem)/—
H3
Body
1rem/—
Body
Label
0.85rem/—
Label

Typography Rules

Fields outside the primary renderer remain visible here as structured fallback content.

Rules
Keep the biggest message in a soft serif with large line length. · Support it with short sans copy and minimal chip language.

Motion

Motion tokens rendered as resolved values for timing and personality.

Duration
180ms-220ms
Easing
cubic-bezier(.22, 1, .36, 1)

Motion

Resolved motion token values.

PropertyValue
duration180ms-220ms
easingcubic-bezier(.22, 1, .36, 1)

Layout Principles

Give the hero one uninterrupted horizon image.
Keep navigation and call to action minimal and detached from the landscape.
Let darker product chapters inherit the same quiet palette.

Component Preview

Low-complexity component tokens rendered as design-system specimens.

Chips story chip
Base Attributes
Background
rgba(255,255,255,0.12)
Text
#F6F2EE
Border
1px solid rgba(255,255,255,0.08)
Radius
999px
Padding
0.55rem 0.9rem
Shadow
none
Chips signal chip
Base Attributes
Background
#FE2C02
Text
#0F1013
Border
none
Radius
10px
Padding
0.3rem 0.5rem
Shadow
none
Actions white pill
Base Attributes
Background
#FFFFFF
Text
#0F1013
Border
none
Radius
999px
Padding
0.8rem 1.2rem
Actions ghost pill
Base Attributes
Background
rgba(255,255,255,0.05)
Text
#F6F2EE
Border
1px solid rgba(255,255,255,0.08)
Radius
999px
Padding
0.8rem 1.2rem
Stages photo stage
Base Attributes
Background
#778EA1
Text
#F6F2EE
Border
none
Radius
0px
Padding
0px
Shadow
none

Image direction

Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.

Role
load-bearing
Media types
  • -
    wide horizon photograph
  • -
    dark product stage
  • -
    misty landscape
Subject patterns
  • -
    mountains, trees, or horizon silhouettes
  • -
    dawn or dusk color fade
  • -
    soft atmospheric haze
Composition logic
  • -
    Use one uninterrupted scenic field behind the hero.
  • -
    Place minimal logo proof low in the frame.
Treatment rules
  • -
    Keep the image calm and slightly desaturated.
  • -
    Avoid cinematic overprocessing or dramatic HDR.
Generation cues
  • -
    Ask for a serene dawn landscape with a premium enterprise feel and space for white serif type.
  • -
    Mention minimal white pills and translucent announcement chips.
Avoid
  • -
    No cyberpunk neon skylines.
  • -
    No collage-style dashboard mosaics.

Anti Patterns

Compact list of patterns the design system explicitly avoids.

  • -
    Do not replace the photographic calm with abstract enterprise gradients.
  • -
    Do not overload the system with bright accent colors.
  • -
    Do not swap the serif voice for blunt all-sans futurism.