Refto
Humble

Humble

Startup AI Platform For Factories

Scrolling AnimationSaasIllustrativeAiBig Background VideoTransitions
4.0
40
Visits
Visit

Categories

SaasAi

Markers

HeroPrice

Design Analysis

Humble Home design analysis

generated at: "2026-04-28T20:24:00+08:00" system: name: "Factory Sunrise Operations" slug: "factory-sunrise-operations" summary: "An operations marketing system that frames product proof inside a bright shell punctuated...

Key Takeaways

  • "white interface shell with black CTA punctuation"
  • "painterly industrial landscapes"
  • "stacked rounded comparison cards"
  • name: "Anchor Black"
  • name: "Factory White"
  • name: "Signal Orange"

Design.md

System Overview

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

Factory Sunrise Operations

A bright industrial software language built from a clean white shell, compact black controls, vivid factory landscapes, and stacked operational comparison cards.

Colors

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

Component Preview

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

Page shell
Base Attributes
Padding
{spacing.md}->1.2rem
Background Color
{colors.secondary}->#FCFBF8
Text Color
{colors.on-surface}->#111111
Button primary
Base Attributes
Padding
{spacing.sm}->0.8rem
Background Color
{colors.primary}->#111111
Rounded
{rounded.full}->999px
Text Color
#FFFFFF
Button secondary
Base Attributes
Padding
{spacing.sm}->0.8rem
Background Color
{colors.neutral}->#FFFFFF
Rounded
{rounded.full}->999px
Text Color
{colors.on-surface}->#111111
Card surface
Feature Card
Component preview content
Base Attributes
Padding
{spacing.lg}->2rem
Background Color
{colors.surface}->#FFFFFF
Rounded
{rounded.md}->18px
Text Color
{colors.on-surface}->#111111
Border panel
Base Attributes
Padding
{spacing.xs}->0.45rem
Background Color
{colors.border}->#E8E2DB
Rounded
{rounded.sm}->12px
Text Color
{colors.on-surface}->#111111
Tertiary badge
Base Attributes
Padding
{spacing.xs}->0.45rem
Background Color
{colors.tertiary}->#F24F1F
Rounded
{rounded.full}->999px
Text Color
{colors.on-surface}->#111111

Typography Fields

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

Headline display
Font Family
"Geist", "Helvetica Neue", Arial, sans-serif
Font Size
4.1rem
Font Weight
700
Line Height
0.98
Letter Spacing
-0.05em
Headline md
Font Family
"Geist", "Helvetica Neue", Arial, sans-serif
Font Size
2.5rem
Font Weight
700
Line Height
1.05
Body md
Font Family
"Geist", "Helvetica Neue", Arial, sans-serif
Font Size
1rem
Font Weight
400
Line Height
1.65
Label sm
Font Family
"IBM Plex Mono", "SF Mono", Menlo, monospace
Font Size
0.84rem
Font Weight
400
Line Height
1.3

Additional Fields

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

Version
alpha
Colors
Primary
#111111
Secondary
#FCFBF8
Tertiary
#F24F1F
Neutral
#FFFFFF
Surface
#FFFFFF
Border
#E8E2DB
On surface
#111111
Rounded
Sm
12px
Md
18px
Lg
24px
Full
999px
Spacing
Xs
0.45rem
Sm
0.8rem
Md
1.2rem
Lg
2rem
Xl
3rem
Section
clamp(4rem, 9vw, 8rem)